@charset "utf-8";


#container:focus {outline:1px solid transparent;}
.pageTop {position:relative;width:1320px;height:440px;margin:0 auto;}
.aboutWrap .pageTop {background:url(/images/contents/img_visual_about.jpg) no-repeat 50% 50%;}
.specialWrap .pageTop {background:url(/images/contents/img_visual_special.jpg) no-repeat 50% 50%;}
.departmentWrap .pageTop {background:url(/images/contents/img_visual_department.jpg) no-repeat 50% 50%;}
.infoWrap .pageTop {background:url(/images/contents/img_visual_info.jpg) no-repeat 50% 50%;}
.customerWrap .pageTop {background:url(/images/contents/img_visual_customer.jpg) no-repeat 50% 50%;}
.pageTop:after {content:"";position:absolute;top:50%;bottom:0;left:0;width:33.4%;background:#000;opacity:.1;filter:alpha(opacity=10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
.location {position:absolute;top:-50%;left:50%;width:400px;height:50%;padding:0 0 0 40px;background:#fff;}
.location h2 {padding:60px 0 20px;color:#663399;font-size:36px;font-weight:normal;}
.locMenuWrap {}
.locMenuWrap .locDepth1 span {display:none;}
.locMenuWrap .locDepth2 {display:none;}
.locMenuWrap > div {float:left;margin:0 4px 0 0;color:#666;}
.locMenuWrap > div button {color:#666;}
.locMenuWrap > div > ul {display:none;}

#snb {height:100%;}
#snb h3 {position:absolute;left:16.7%;width:16.6%;height:50%;}
#snb h3 * {position:relative;display:block;margin:0 0 0 20px;z-index:2;}
#snb h3 strong {margin-top:100px;color:#fff;font-size:24px;}
#snb h3 span {color:#ffd3a5;font-size:12px;}
#snb h3:before {content:"";position:absolute;top:15%;left:10%;width:42px;height:42px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat;z-index:2;}

.aboutWrap #snb h3:before {background-position:-50px -100px;}
.specialWrap #snb h3:before {background-position:-100px -100px;}
.departmentWrap #snb h3:before {background-position:-150px -100px;}
.infoWrap #snb h3:before {background-position:-200px -100px;}
.customerWrap #snb h3:before {background-position:-250px -100px;}
#snb h3:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff7200;opacity:.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

#snb .menuList {position:absolute;right:50%;width:16.7%;height:100%;z-index:2;}
#snb .menuList:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff830a;opacity:.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#snb .menuList ul {position:relative;z-index:2;padding:20px 0 0;}
#snb .menuList a {display:block;padding:10px 0 9px 35px;color:#fff;font-weight:bold;}
#snb .menuList .current a {background:#ff9f40;}
#snb .menuList .current .depth3 {display:block;}
#snb .menuList .depth3 {display:none;position:absolute;top:0;bottom:0;left:100%;width:100%;height:400px;padding:40px 0 0;background:#ff9f40;}
#snb .menuList .depth3 a {display:block;padding:5px 0 5px 10%;color:#fff;font-weight:bold;}
#snb .menuList .depth3 li.on a {background:#ff9f40;}

@media all and (min-width:1025px) {
	#snb .menuList .current .depth3 {display:block !important;}
}
@media all and (max-width:1024px) {
	.pageTop {width:100%;background-position:100% 0;background-size:cover !important;}
	.pageTop:after {top:0;bottom:50%;}
	.location {top:50%;left:0;width:66.7%;box-sizing:border-box;}
	#snb h3 {left:33.4%;width:33.3%;}
	#snb .menuList {right:0;width:33.3%;}
	#snb .menuList .depth3 {left:-100%;}
	#snb .menuList .current .depth3 {display:none;}
}
@media all and (max-width:767px) {
	.pageTop {height:160px;}
	.pageTop:after {display:none;}
	.location {position:relative;top:0;width:100%;padding:0 0 0 20px;background:none;box-sizing:border-box;}
	.location:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.5;}
	.location h2 {position:relative;z-index:2;padding:12px 0 5px;font-size:18px;}
	.location .locMenuWrap {position:relative;z-index:2;} 
	.locMenuWrap > div {font-size:12px;}
	.locMenuWrap > div button {font-size:12px;vertical-align:0;}
	.locMenuWrap > div button:after {content:"";display:inline-block;width:8px;height:8px;margin-left:5px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -125px -100px;background-size:250px;}
	.locMenuWrap > div > ul {position:absolute;min-width:90px;margin:0 0 0 10px;background:#666;}
	.locMenuWrap > div > ul li {border-top:1px solid #5c5c5c;}
	.locMenuWrap > div > ul li:first-child {border:0;}
	.locMenuWrap > div > ul a {display:block;padding:5px 10px;color:#fff;font-size:11px;}
	#snb {display:none;}
}

.depth3Sel {display:none;position:relative;margin:0 0 25px;text-align:right;z-index:10;}
.depth3Sel button {position:relative;width:236px;height:36px;padding:0 0 0 25px;background:#fff;border:2px solid #818181;font-size:18px;text-align:left;}
.depth3Sel button:before {content:"";position:absolute;top:7px;right:38px;width:1px;height:20px;background:#999;border-radius:50%;}
.depth3Sel button:after {content:"";position:absolute;top:2px;right:2px;width:32px;height:32px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -200px -200px;}
.depth3Sel ul {position:absolute;display:none;width:232px;right:0;padding:10px 0;background:#fff;border:2px solid #818181;border-top:0;text-align:left;}
.depth3Sel ul a {display:block;padding:5px 0 5px 25px;}

.contents {width:1200px;margin:0 auto; padding-top:90px; font-size:16px;}
@media all and (max-width:1024px) {
	.contents {width:auto;padding:90px 40px;}
}
@media all and (max-width:767px) {
	.contents {width:auto;padding:45px 18px;font-size:14px;}
	.depth3Sel button {width:100%;}
	.depth3Sel ul {width:auto;left:0;}
}


.contentss {width:1200px;margin:0 auto; padding-top:40px; font-size:16px;}
@media all and (max-width:1024px) {
	.contentss {width:auto;padding:90px 40px;}
}
@media all and (max-width:767px) {
	.contentss {width:auto;padding:45px 18px;font-size:14px;}
	.depth3Sel button {width:100%;}
	.depth3Sel ul {width:auto;left:0;}
}

.contents2 {width:1200px;margin:0 auto;  font-size:16px;}
@media all and (max-width:1024px) {
	.contents2 {width:auto;padding:0px 40px;}
}
@media all and (max-width:767px) {
	.contents2 {width:auto;padding:0px 0px;font-size:14px;}
	.depth3Sel button {width:100%;}
	.depth3Sel ul {width:auto;left:0;}
}

/* table */
.typeWrite {}
.typeWrite th,
.typeWrite td {padding:20px 0 20px 20px;background:#f7f7f7;}
.typeWrite tr:nth-of-type(2n) th,
.typeWrite tr:nth-of-type(2n) td {background:#fff;}
.typeWrite th {width:150px;text-align:left;font-size:14px;vertical-align:middle;}
.typeWrite td .smsConfirm {margin:5px 0 0;font-size:12px;}
.typeWrite td .smsConfirm label {margin:0 5px;}
@media all and (max-width:767px) {
	.typeWrite th {display:block;width:auto;padding:10px;border:0;}
	.typeWrite td {display:block;padding:0 5px 8px;}
	.typeWrite td {padding:0px 10px 10px 10px;}
	.typeWrite td .txt {width:100% !important;}
	.typeWrite td p { font-size:12px; line-height:2em;}
	.typeWrite td .tableCell {display:table;width:100%;}
	.typeWrite td .tableCell .cell {display:table-cell;text-align:center;}
	/*.typeWrite td .tableCell .cell select {width:100% !important;}*/
}
.essential {display:inline-block;width:7px;height:7px;background:url(/images/icon_pack_wiltse.png) no-repeat -100px -300px;text-indent:-9999px;vertical-align:-5px;}

.typeList {background:url(/images/bg_table.gif) repeat;}
.typeList th,
.typeList td {padding:7px 20px;border:1px solid #ddd;font-size:14px;}
.typeList tbody th {background:#f5f7f9;}
.typeList td {background:#fff;}

.typeList .line {border-left:1px solid #dadada !important;}
.typeList .alignLeft {text-align:left;}
.typeList .alignRight {text-align:right;}
.typeList .alignCenter {text-align:center;}

@media all and (max-width:1024px) {
	.nonPayTable {font-size:12px;}
	.nonPayTable th,
	.nonPayTable td {padding:5px;border:1px solid #ddd;}
}
@media all and (max-width:767px) {
	.typeList th,
	.typeList td {padding:5px;font-size:11px;}
	.nonPayTable {width:100%;overflow:auto;}
	.nonPayTable table {width:768px;}
}
/* //table */

/* main */
.mainWrap {position:relative;}

.mainContents {position:relative;height:80%;margin:0 50% 0 0;}
.mainContents > div {position:absolute;width:calc(100% / 3);height:25%;background:red;}
.mainContents .mainItem1 {top:0;right:calc(100% / 3);background:#f7f7f7;}
.mainContents .mainItem2 {top:0;right:0;background:#f0f0f0;}
.mainContents .mainItem3 {top:25%;right:calc(100% / 3);background:#fff;}
.mainContents .mainItem4 {top:25%;right:0;background:#f7f7f7;}
.mainContents .mainItem5 {width:calc(100% / 3 * 2);top:50%;right:calc(100% / 3);background:#824a8e;}
.mainContents .mainItem6 {height:50%;top:50%;right:0;background:#bb9ac2;}
.mainContents .mainItem7 {overflow:hidden;width:33.4%;top:75%;left:0;background:#4b005b;}
.mainContents .mainItem8 {top:75%;right:calc(100% / 3);background:#4b005b;}
.mainContents .mainLink {display:block;height:100%;}
.mainContents .mainLink:after {content:"";position:absolute;top:15%;left:10%;width:40px;height:40px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat;}
.mainContents .mainLink strong {display:block;padding:45% 0 0 8%;font-size:18px;color:#333;}
.mainContents .mainLink span {display:block;font-size:12px;color:#999;}
.mainContents .mainLink1:after {background-position:0 -200px;}
.mainContents .mainLink2:after {background-position:-50px -200px;}
.mainContents .mainLink3:after {background-position:-100px -200px;}
.mainContents .mainLink4:after {background-position:-150px -200px;}

.mainContents .mainCenterLink.mainItem1 {background-repeat:no-repeat;background-position:right top;background-size:cover;background-image:url(../images/main-center-health.jpg);}
.mainContents .mainCenterLink.mainItem2 {background-repeat:no-repeat;background-position:right top;background-size:cover;background-image:url(../images/main-center-spine.jpg);}
.mainContents .mainCenterLink.mainItem3 {background-repeat:no-repeat;background-position:right top;background-size:cover;background-image:url(../images/main-center-kidney.jpg);}
.mainContents .mainCenterLink.mainItem4 {background-repeat:no-repeat;background-position:right top;background-size:cover;background-image:url(../images/main-center-rehab.jpg);}
.mainContents .mainCenterLink .mainLink:after {display:none;}
.mainContents .mainCenterLink .mainLink strong {position:absolute;top:45%;left:8%;padding:0;}
.mainContents .mainCenterLink .mainLink strong:after {content:'';display:block;position:absolute;top:-30px;left:0;width:25px;height:25px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat;background-position:-150px -250px;}

@media all and (min-width:1200px) {
	.mainContents .mainLink strong {font-size:24px;}
}
.mainItem5 h2 {position:absolute;top:12%;left:5%;z-index:60;color:#666;}
.mainItem5 a {display:block;}
.mainItem5 img {width:100%;}
.mainItem5 .controls {position:absolute;top:0;left:0;z-index:60;}
.mainItem5 .controls span {float:left;margin-left:1px;}
.mainItem5 .controls a {display:block;overflow:hidden;width:36px;height:36px;text-indent:-9999px;}
.mainItem5 .controls .slidePrev a {background:url(/images/main/btn_prev.png) no-repeat;}
.mainItem5 .controls .slideNext a {background:url(/images/main/btn_next.png) no-repeat;}
.mainItem6 a {display:block;height:100%;}
.mainItem6 p {position:absolute;right:0;left:0;}
.mainItem6 .txt {top:0;bottom:50%;padding:18% 0 0;background:#ddcde1 url(/images/main/icon_link.gif) no-repeat 50% 55%;text-align:center;font-size:13px;/*font-size:18px;*/color:#333;}
.mainItem6 .txt strong {color:#672874;}
.mainItem6 .picture {top:50%;bottom:0;}
.mainItem6 .picture img {width:100%;position:absolute;left:0;bottom:0;}
.mainItem6 .picture span {position:absolute;bottom:20px;left:50%;margin:0 0 0 -50px;padding:0 5px;background:#fff;color:#666;opacity:.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.mainItem6 .picture strong {color:#333;}
.mainItem7 img {width:100%;}
.mainItem8 h2 {margin:12% 0 0 10%;color:#c4b8c8;}
.mainItem8 ul {margin:10% 10% 0;}
.mainItem8 ul a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;}
.mainItem8 .more {margin:10% 0 0 10%;}
.mainItem8 .more a {color:#b7a8bc;}
@media all and (min-width:1600px) {
	.mainItem6 .txt {font-size:18px;}
	.mainItem8 ul {margin:13% 10% 0;}
	.mainItem8 ul a {font-size:16px;}
	.mainItem8 .more {margin:13% 0 0 10%;}
}
.mainSlide {position:absolute;width:50%;top:0;bottom:0;right:0;overflow:hidden;}
.mainSlide img {width:100%;}
.mainSlide .slidePager {position:absolute;top:16%;right:0;left:0;text-align:center;}
.mainSlide .slidePager a {display:inline-block;overflow:hidden;width:18px;height:18px;margin:0 6px;background:#fff;text-indent:-9999px;border-radius:18px;opacity:.8;filter:alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
.mainSlide .slidePager a.active {opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.mainSlide .controller {position:absolute;right:47px;top:40px;width:108px;height:32px;}
.mainSlide .controller .btn {display:block;float:left;margin-right:6px;width:32px;height:32px;background-color:rgba(51,51,51,.6)}
.mainSlide .controller .btn:before {content:'';display:block;background-repeat:no-repeat;background-image:url(../images/icon-pack-slider.png);}
.mainSlide .controller .btn_next {margin-right:0;}
.mainSlide .controller .btn_prev:before {margin:6px auto;width:12px;height:20px;background-position:0 0;}
.mainSlide .controller .btn_next:before {margin:6px auto;width:12px;height:20px;background-position:-40px -0;}
.mainSlide .controller .btn_start:before {margin:6px auto;width:12px;height:20px;background-position:-20px 0;}
.mainSlide .controller .btn_stop:before {margin:8px auto;width:4px;height:16px;border-right:3px solid #fff;border-left:3px solid #fff;background:none;}

@media all and (max-width:1023px) {
	.mainContents {margin:192px 0 0;}
	.mainSlide {position:relative;width:auto;}
	.mainSlide .controller {top:auto;right:23px;bottom:20px;}
	.mainContents .mainItem1 {width:25%;height:192px;top:-192px;right:75%;background:#f7f7f7;}
	.mainContents .mainItem2 {width:25%;height:192px;top:-192px;right:50%;background:#f0f0f0;}
	.mainContents .mainItem3 {width:25%;height:192px;top:-192px;right:25%;background:#fff;}
	.mainContents .mainItem4 {width:25%;height:192px;top:-192px;right:0;background:#f7f7f7;}
	.mainContents .mainItem5 {height:50%;top:0;right:33.3%}
	.mainContents .mainItem6 {height:100%;top:0;right:0;}
	.mainContents .mainItem7 {height:50%;top:50%;}
	.mainContents .mainItem8 {height:50%;top:50%;}
}
@media all and (max-width:767px) {
	.mainContents {height:auto;margin:0;}
	.mainContents > div {position:relative !important;}
	.mainContents .mainItem1, 
	.mainContents .mainItem2, 
	.mainContents .mainItem3, 
	.mainContents .mainItem4 {top:auto;right:auto;float:left;width:50%;height:160px;background:#f7f7f7;}
	.mainContents .mainItem1,
	.mainContents .mainItem4 {background:#fff;}
	.mainContents .mainLink strong {padding-top:80px;}
	.mainContents .mainItem5 {top:auto;right:auto;width:100%;height:auto;clear:both;}
	.mainItem5 .controls a {width:28px;height:28px;background-size:cover !important;}
	.mainContents .mainItem6 {position:relative;top:auto;right:auto;width:100%;}
	.mainContents .mainItem6 a {position:relative;width:100%;height:0;padding:50% 0 0;}
	.mainContents .mainItem6 p {overflow:hidden;position:absolute;top:0;bottom:0;width:50%;}
	.mainItem6 .txt {padding-top:10%;background-position:50% 65%;background-size:18px;}
	.mainItem6 .picture {right:0;left:auto;}
	.mainItem6 .picture img {top:5px;bottom:auto;}
	.mainContents .mainItem7 {width:100%;height:auto;}
	.mainContents .mainItem8 {right:auto;width:100%;height:160px;}
	.mainItem8 h2 {margin-top:0;padding-top:30px;}
	.mainItem8 ul {margin-top:15px;}
	.mainItem8 .more {position:absolute;top:33px;right:10%;margin:0;font-size:11px;}
}
/* //main */

.new {display:inline-block;padding:0 2px;background:#3081c5;color:#fff;vertical-align:middle;font-size:10px;border-radius:2px;}

/* tab */
.tab {position:relative;}
.tab .mobBtn {display:none;}
.tab .tabList:after {content:"";display:block;clear:both;}
.tab .tabList li {float:left;width:25%;}
.tab .tabList li a {display:block;margin:0 -1px;background:#fff;color:#888;line-height:58px;font-size:15px;border:1px solid #ddd;text-align:center;}
.tab .tabList li.on {position:relative;}
.tab .tabList li.on a {font-size:16px;color:#333;background:#f7f7f7;font-weight:bold;}
.tab .tabList li.on a:after {content:"";position:absolute;top:0;right:-1px;left:-1px;height:2px;background:#373d90;}
.tab .tabList.centerList li {width:11.1%;line-height:45px;}
.tab .tabList.centerList li.on a {color:#fff;background:#373d90;}
.tab .tabList.centerList li.on a:after {display:none;}
.tab .tabList.centerList * {-webkit-box-sizing:border-box;box-sizing:border-box;}
.tab .tabItem8 li {width:12.5%;}
.tab .tabItem9 li {width:11.11%;}
.tab .tabCont {margin:30px 0 0;}
.tabCont {position:relative;}
.tabCont > div {position:absolute;top:-99999px;left:0;right:0;}
.tabCont > .current {position:static;}
.tabCont > .current .contSection:first-child {border-top:0;margin-top:0;}
@media all and (max-width:1024px) {
	.tab .tabList li a {font-size:14px;height:58px;overflow:hidden;}
	.tab .tabList li.on a {font-size:15px;}
	.tab .tabList.centerList li {margin-top:-1px;width:25% !important;}
}
@media all and (min-width:768px) {
	.tab .tabList {display:block !important;}
}
@media all and (max-width:767px) {
	.tab .mobBtn {display:block;background:#f5f7f9;border:1px solid #ddd;}
	.tab .mobBtn button {position:relative;padding:0 0 0 18px;font-weight:bold;width:100%;height:40px;text-align:left;color:#3081c5;}
	.tab .mobBtn button:before {content:"";width:45px;position:absolute;border-left:1px solid #ddd;top:0;right:0;bottom:0;}
	.tab .mobBtn button:after {content:"";position:absolute;top:17px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 8px solid #999;}
	.tab .tabList {position:absolute;display:none;width:100%;border:0;z-index:2;}
	.tab .tabList li {float:none;width:auto !important;height:38px;margin:0;border:1px solid #ddd;border-top:0;}
	.tab .tabList li a {height:38px;line-height:38px;margin:0;padding:0 0 0 18px;border:0;font-size:14px;text-align:left;}
	.tab .tabList li.on a {margin:0 -1px;background:#f5f7f9;border:1px solid #ddd;border-top:0;color:#3081c5;font-size:14px;font-weight:normal;}
	.tab .tabList li.on a:after {display:none;}
	.tab .tabList.centerList li {margin-top:0;width:100% !important;}
}
/* //tab */





/* tab2 */
.tab2 {position:relative;}
.tab2 .mobBtn {display:none;}
.tab2 .tabList:after {content:"";display:block;clear:both;}
.tab2 .tabList li {float:left;width:25%;}
.tab2 .tabList li a {display:block;margin:0 -1px;background:#fff;color:#888;line-height:58px;font-size:16px;border:1px solid #ddd;text-align:center;}
.tab2 .tabList li.on {position:relative;}
.tab2 .tabList li.on a {font-size:16px;color:#fff;background:#373d90;font-weight:bold;}
.tab2 .tabList li.on a:after {content:"";position:absolute;top:0;right:-1px;left:-1px; /*height:2px;background:#3081c5;*/}
.tab2 .tabList.centerList li {width:12.5%;line-height:45px;}
.tab2 .tabList.centerList li.on a {color:#fff;background:#3081c5;}
.tab2 .tabList.centerList li.on a:after {display:none;}
.tab2 .tabList.centerList * {-webkit-box-sizing:border-box;box-sizing:border-box;}
.tab2 .tabItem8 li {width:12.5%;}
.tab2 .tabItem9 li {width:11.11%;}
.tab2 .tabCont {margin:30px 0 0;}
.tabCont {position:relative;}
.tabCont > div {position:absolute;top:-99999px;left:0;right:0;}
.tabCont > .current {position:static;}
.tabCont > .current .contSection:first-child {border-top:0;margin-top:0;}
@media all and (max-width:1024px) {
	.tab2 .tabList li a {font-size:14px;height:58px;overflow:hidden;}
	.tab2 .tabList li.on a {font-size:16px;}
	.tab2 .tabList.centerList li {margin-top:-1px;width:25% !important;}
}
@media all and (min-width:768px) {
	.tab2 .tabList {display:block !important;}
}
@media all and (max-width:767px) {
	.tab2 .mobBtn {display:block;background:#f5f7f9; border:1px solid #ddd;}
	.tab2 .mobBtn button {position:relative;padding:0 0 0 18px;font-weight:bold;width:100%;height:40px;text-align:left;color:#3081c5;}
	.tab2 .mobBtn button:before {content:"";width:45px;position:absolute;border-left:1px solid #ddd;top:0;right:0;bottom:0;}
	.tab2 .mobBtn button:after {content:"";position:absolute;top:17px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 8px solid #999;}
	.tab2 .tabList {position:absolute;display:none;width:100%;border:0;z-index:2;}
	.tab2 .tabList li {float:none;width:auto !important;height:38px;margin:0;border:1px solid #ddd;border-top:0;}
	.tab2 .tabList li a {height:38px;line-height:38px;margin:0;padding:0 0 0 18px;border:0;font-size:14px;text-align:left;}
	.tab2 .tabList li.on a   {margin:0 -1px;background:#373d90;border:1px solid #ddd;border-top:0;color:#fff;font-size:14px;font-weight:normal;}
	.tab2 .tabList li.on a:after {display:none;}
	.tab2 .tabList.centerList li {margin-top:0;width:100% !important;}
}
/* //tab */





/* tab2 */
.tab3 {position:relative;}
.tab3 .mobBtn {display:none;}
.tab3 .tabList:after {content:"";display:block;clear:both;}
.tab3 .tabList li {float:left;width:33.3%;}
.tab3 .tabList li a {display:block;margin:0 -1px;background:#fff;color:#888;line-height:58px;font-size:16px;border:1px solid #ddd;text-align:center;}
.tab3 .tabList li.on {position:relative;}
.tab3 .tabList li.on a {font-size:16px;color:#fff;background:#373d90;font-weight:bold;}
.tab3 .tabList li.on a:after {content:"";position:absolute;top:0;right:-1px;left:-1px; /*height:2px;background:#3081c5;*/}
.tab3 .tabList.centerList li {width:12.5%;line-height:45px;}
.tab3 .tabList.centerList li.on a {color:#fff;background:#3081c5;}
.tab3 .tabList.centerList li.on a:after {display:none;}
.tab3 .tabList.centerList * {-webkit-box-sizing:border-box;box-sizing:border-box;}
.tab3 .tabItem8 li {width:12.5%;}
.tab3 .tabItem9 li {width:11.11%;}
.tab3 .tabCont {margin:30px 0 0;}
.tabCont {position:relative;}
.tabCont > div {position:absolute;top:-99999px;left:0;right:0;}
.tabCont > .current {position:static;}
.tabCont > .current .contSection:first-child {border-top:0;margin-top:0;}
@media all and (max-width:1024px) {
	.tab3 .tabList li a {font-size:14px;height:58px;overflow:hidden;}
	.tab3 .tabList li.on a {font-size:16px;}
	.tab3 .tabList.centerList li {margin-top:-1px;width:25% !important;}
}
@media all and (min-width:768px) {
	.tab3 .tabList {display:block !important;}
}
@media all and (max-width:767px) {
	.tab3 .mobBtn {display:block;background:#f5f7f9; border:1px solid #ddd;}
	.tab3 .mobBtn button {position:relative;padding:0 0 0 18px;font-weight:bold;width:100%;height:40px;text-align:left;color:#3081c5;}
	.tab3 .mobBtn button:before {content:"";width:45px;position:absolute;border-left:1px solid #ddd;top:0;right:0;bottom:0;}
	.tab3 .mobBtn button:after {content:"";position:absolute;top:17px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 8px solid #999;}
	.tab3 .tabList {position:absolute;display:none;width:100%;border:0;z-index:2;}
	.tab3 .tabList li {float:none;width:auto !important;height:38px;margin:0;border:1px solid #ddd;border-top:0;}
	.tab3 .tabList li a {height:38px;line-height:38px;margin:0;padding:0 0 0 18px;border:0;font-size:14px;text-align:left;}
	.tab3 .tabList li.on a   {margin:0 -1px;background:#373d90;border:1px solid #ddd;border-top:0;color:#fff;font-size:14px;font-weight:normal;}
	.tab3 .tabList li.on a:after {display:none;}
	.tab3 .tabList.centerList li {margin-top:0;width:100% !important;}
}
/* //tab */








/* ie8 이하 */
#version {position:fixed;top:0;left:0;width:100%;padding:18px 0 20px;background:#3081c5;text-align:center;z-index:9999;color:#fff;font-size:15px;}
#version a {display:inline-block;padding:4px 5px 5px;color:#fff;border:1px solid #fff;}
.versionClose {position:absolute;top:5px;right:15px;color:#fff;}
/* //ie8 이하 */

/* title */
.pageTitle {position:relative;margin:0 0 60px;color:#5b2095;font-size:48px;line-height:1.2;text-align:center;font-weight:normal;}
.pageTitle:after {content:"";position:absolute;top:-35px;left:50%;width:30px;height:4px;margin-left:-15px;background:#999;}
.subTitle {margin:70px 0 15px;color:#333;font-size:24px;line-height:1.2;}
.subTitle:first-child {margin-top:0;}
@media all and (max-width:767px) {
	.pageTitle {margin:0 0 30px;font-size:28px;}
	.pageTitle:after {top:-10px;height:2px;}
	.subTitle {margin:45px 0 15px;font-size:20px;}
}
/* //title */

/* section */

.section {zoom:1;}
.section:after {content:"";display:block;clear:both;}
.section .contWrap {float:left;margin-left:50px;width:520px;}
.section .contWrap:nth-of-type(3){margin-top: 40px;}
.section .contWrap2 {float:left;width:420px;}
.section .titCont {width:400px;padding-left:33px;border-left:2px solid #949494;font-size:24px;color:#333;}
.section .titCont h2 {color:#3081c5;}
.section .contWrap .subTitle {margin-top:0;}
.section .contWrap:nth-of-type(1) {margin-left:0;}

.section .contWrap2 .subTitle {margin-top:0; font-size: 50px;}
.section .contWrap2:nth-of-type(1) {margin-left:0;}

.sideWrap {zoom:1;margin:30px 0 30px;}
.sideWrap:after {content:"";display:block;clear:both;}
.sideWrap .iconPhone {float:left;margin:0;}
.sideWrap .btnL {float:right;}

.colorSection .contWrap {width:50%;margin:0;background:#651277;color:#fff;}
.colorSection .contWrap:first-child {background:#3081c5;}

.tableInfoSection .section {padding:45px 0;border-top:1px solid #ddd;}
.tableInfoSection .section:first-child {padding-top:0;border:0;}
.tableInfoSection .section .contWrap {width:840px;}
.tableInfoSection .section .contWrap:first-child {width:210px;}
.tableInfoSection .tit {width:195px;margin:0 0 20px;background:#3081c5;color:#fff;border-radius:20px;text-align:center;font-size:20px;line-height:40px;}

.conType2 .imgCont {position:relative;margin-top:0;}
.conType2 .imgCont img {position:absolute;top:0;right:0;width:auto;}

.subSection {margin:50px 0 0;}
.subSection2 {margin:30px 0 0;}
.subSection3 {margin:10px 0 0;}

.imgSection {zoom:1;text-align:center;}
.imgSection:after {content:"";display:block;clear:both;}
.imgSection span {float:left;}

.txtCont p {margin:20px 0; line-height:26px;}
.txtCont p:first-child {margin-top:0;}

.imgCont {zoom:1;text-align:center;}
.imgCont:after {content:"";display:block;clear:both;}
.imgCont img {width:100%;}
.imgCont .figure {float:left;margin-top:10px;}
.imgCont .figure:first-child {/*margin-left:0;*/}
.imgCont .figureCaption {display:block;background:#424143;text-align:center;color:#fff;font-weight:bold;line-height:40px;}
.imgItem2 .figure {width:460px;margin-left:30px;}
.imgItem3 .figure {width:340px;margin-left:20px;}
.imgItem4 .figure {width:257px;margin-left:10px;}

.leftImg .contWrap,
.rightImg .contWrap {margin-left:0;}
.leftImg .txtCont {float:right;}
.rightImg .imgCont {float:right;}

.connecTxt {padding:100px 0 0;background:url(/images/bg_connect.png) no-repeat 50% 25px;font-size:30px;text-align:center;}

.bgBox {position:relative;min-height:65px;padding:30px;background:#ddd;color:#333;line-height:2;}

.dashedBox {padding:40px;background:#fff;border:1px dashed #ddd;}

.alertTxt {position:relative;min-height:60px;padding-left:130px;}
.alertTxt:after {content:"";position:absolute;top:35px;left:50px;width:60px;height:60px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -300px -250px;}

@media all and (max-width:1024px) {
	.bgCont {min-width:0;}
	.section .contWrap {margin-left:4%;width:48%;box-sizing:border-box;}
	.section .contWrap2 {margin-left:4%;width:48%;box-sizing:border-box;}
    
	.leftImg .contWrap,
	.rightImg .contWrap {margin-left:0;}

	.colorSection .contWrap {width:50%;margin:0;}

	.tableInfoSection .section .contWrap {float:none;width:auto;margin:0;}
	.tableInfoSection .section .contWrap:first-child {width:auto;margin:0 0 10px;}
	.imgCont {display:flex;display:-webkit-flex;}
	.imgCont .figure {box-sizing:border-box;}
	.imgItem2 .figure {width:50%;}
	.imgItem3 .figure {width:33.3%;}
	.imgItem4 .figure {width:25%;}

}
@media all and (max-width:767px) {
	.subSection {margin:30px 0 0;}
	.subSection2 {margin:20px 0 0;}
	.section .contWrap {display:block;float:none;width:100% !important;margin:20px 0 0;}
	.section .contWrap:first-child {margin:0;}
    .section .contWrap2 {display:block;float:none;width:100% !important;margin:20px 0 0;}
	.section .contWrap2:first-child {margin:0;}
    .section .contWrap2 .subTitle {margin-top:0; font-size: 40px; height: 80px;}
    .section .contWrap2 .subTitle span { float: left;}
    
    
	.section .titCont {padding-left:15px;font-size:18px;}

	.sideWrap .btnL {min-width:0;}

	.colorSection .contWrap {margin:0;}

	.txtCont p {margin:16px 0;}
	.txtCont p:first-child {margin:16px 0;}

	.imgCont {display:block;}
	.imgCont .figure {width:auto;padding:0;margin:5px;}

	.conType2 {height:auto !important;}
	.conType2 .imgCont {margin-top:0;}
	.conType2 .imgCont img {position:static;width:100%;max-width:100%;}

	.connecTxt {padding:70px 0 0;background-size:6px;font-size:16px;}
	.bgBox {min-height:0;line-height:1.5;}
	.dashedBox {min-height:0;padding:20px;}
	.alertTxt {position:relative;padding:115px 20px 20px;}
	.alertTxt:after {top:30px;left:50%;width:66px;height:66px;margin-left:-33px;background-size:250px;background-position:-150px -175px;}

}
/* //section */

/* 구분선 */
hr {margin:60px 0;border:0;border-top:1px solid #ddd;}
@media all and (max-width:1024px) {
	hr {margin:30px 0;}
}
/* //구분선 */

/* list style */
.bulTxt,
.buList > li {position:relative;margin-top:10px;padding-left:20px;}
.bulTxt:after,
.buList > li:after {content:"";position:absolute;top:10px;left:8px;width:4px;height:4px;background:#f68931;}
.bulTxt,
.buList > li:first-child {margin-top:0;}

.buList2 li {position:relative;margin:8px 0 0;padding:0 0 0 15px;}
.buList2 li:after {content:"";position:absolute;top:10px;left:6px;width:3px;height:3px;background:#666;border-radius:100%;}

.numList {margin:0 -14px;}
.numList ul {zoom:1;}
.numList ul:after {content:"";display:block;clear:both;}
.numList li {position:relative;float:left;width:358px;height:60px;padding:24px 25px 24px 75px;margin:14px;background:#f9f9f9;border:1px solid #ccc;line-height:30px;}
.numList li .num {position:absolute;top:30px;left:0;width:50px;line-height:50px;background:#ccc;color:#fff;font-size:30px;text-align:center;}

.numList2 {zoom:1;}
.numList2:after {content:"";display:block;clear:both;}
.numList2 li {position:relative;float:left;width:50%;height:150px;padding:85px 0 0;background:#777;color:#fff;text-align:center;}
.numList2 li.bg {background:#fff;color:#666;}
.numList2 li .num {position:absolute;top:30px;left:50%;width:42px;line-height:42px;margin-left:-21px;text-align:center;background:#fff;color:#333;font-size:20px;font-weight:bold;border-radius:42px;}
.numList2 li.bg .num {background:#ddd;}
.numItem4 li {width:25%;}
.numItem3 li {width:33.3%;}
.numItem3 li:first-child {width:33.4%;}

.listStyle2 {margin:20px -10px;zoom:1;}
.listStyle2:after {content:"";display:block;clear:both;}
.listStyle2 .item {float:left;margin:12px;width:530px;}
.listStyle2 .item a {position:relative;display:block;}
.listStyle2 .item a:before {content:"";position:absolute;top:50%;left:50%;margin:-55px 0 0 -55px;width:110px;height:110px;border-radius:50%;background:#000;opacity:0.4;filter:alpha(opacity=40);}
.listStyle2 .item a:hover:before {background:#f68931;opacity:1;filter:alpha(opacity=100);}
.listStyle2 .item a:after {content:"";position:absolute;top:50%;left:50%;margin:-21px 0 0 -21px;width:42px;height:42px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -50px -250px;}
.listStyle2 .item .image img {width:100%;}
.listStyle2 .caption {padding:15px 25px;background:#fff;border:1px solid #ddd;}
.listStyle2 .caption .title {display:block;color:#333;}
.listStyle2 .caption1 {padding:15px 25px;background:#fff;border:1px solid #ddd; text-align: center;}
.listStyle2 .caption1 .title {display:block;color:#333;}

@media all and (max-width:1024px) {
	.numList {margin:0;}
	.numList li {float:none;width:auto;height:auto;margin:14px 0;}
	.numList li .num {top:50%;margin-top:-25px;}
	.numList2 li {height:235px;padding:85px 10px 0;box-sizing:border-box;}
	.listStyle2 {margin:20px 0;}
	.listStyle2 .item {float:none;margin:10px 0;width:auto;}
}
@media all and (max-width:760px) {
	.numList2 li {float:none;width:auto;height:auto;padding:85px 0 30px;}
	.numItem3 li:first-child {width:auto;}
	.listStyle2 {margin:10px 0;}
	.listStyle2 .item a:before {margin:-30px 0 0 -30px;width:60px;height:60px;}
	.listStyle2 .item a:after {margin:-10px 0 0 -10px;width:21px;height:21px;background-position:-25px -125px;background-size:250px;}
	.listStyle2 .caption {padding:10px;}
}

.progressLIst {zoom:1;}
.progressLIst:after {content:"";display:block;clear:both;}
.progressLIst li {position:relative;float:left;width:184px;margin:0 0 0 7px;}
.progressLIst li:after {content:"";position:absolute;top:40px;left:-50px;width:50px;height:50px;background:url(../_Img/Layout/bg_progress_arrow.png) no-repeat;}
.progressLIst li span {display:block;height:98px;padding:32px 0 0 10px;background:#373d90;color:#fff;font-weight:bold;line-height:30px;}
.progressLIst li:first-child {overflow:hidden;margin:0;}
.progress4 li {width:232px;}
.progress3 li {width:311px;}

.progressLIst2 {zoom:1;}
.progressLIst2:after {content:"";display:block;clear:both;}
.progressLIst2 li {position:relative;float:left;width:170px;margin:0 0 0 7px;}
.progressLIst2 li span {display:block;height:50px;padding:20px 0 0 10px;background:#373d90;color:#fff;font-weight:bold;line-height:28px;}
.progressLIst2 li:first-child {overflow:hidden;margin:0;}


.progressDetail > li {width:100%;padding:40px 0;overflow:hidden;border-top:1px solid #ddd;}
.progressDetail > li > strong {float:left;width:255px;font-size:18px;color:#333; vertical-align:top; }
/*.progressDetail > li > div {float:left;width:690px;}*/
.progressDetail > li > div {float:left;width:800px;}
@media all and (max-width:1024px) {
	.progressLIst li {width:20%;margin:0;padding:0 0 0 5px;box-sizing:border-box;}
	.progressLIst li:first-child {overflow:hidden;padding:0;}
	.progressLIst li:after {left:-20px;}
	.progress4 li {width:25%;}
	.progress3 li {width:33.3%;}
	
	.progressLIst2 li {width:20%;margin:0;padding:0 0 0 5px;box-sizing:border-box;}
	.progressLIst2 li:first-child {overflow:hidden;padding:0;}
	.progressLIst2 li:after {left:-20px;}

	.progressDetail > li {display:table;}
	.progressDetail > li > strong {display:table-cell;float:none;}
	.progressDetail > li > div {display:table-cell;float:none;}
}
@media all and (max-width:767px) {
	.progressLIst li {float:none;width:auto;margin:5px 0 0;padding:0;}
	.progressLIst li:first-child {overflow:hidden;margin:0;} 
	.progressLIst li span {height:auto;padding:15px 10px;line-height:20px;}
	.progressLIst li:after {top:-50px;left:50%;margin:0 0 0 -10px;transform:rotate(90deg);}
	
	.progressLIst2 li {float:none;width:auto;margin:5px 0 0;padding:0;}
	.progressLIst2 li:first-child {overflow:hidden;margin:0;} 
	.progressLIst2 li span {height:auto;padding:15px 10px;line-height:20px;}
	.progressLIst2 li:after {top:-50px;left:50%;margin:0 0 0 -10px;transform:rotate(90deg);}

	.progressDetail > li {display:block;padding:10px 0;}
	.progressDetail > li > strong {display:block;width:100%;font-size:14px; padding-bottom: 15px;}
	.progressDetail > li > strong br {display:none;}
	.progressDetail > li > div {display:block;width:auto;}
}

.chkList {margin:0 -5px}
.chkList ul {zoom:1;}
.chkList ul:after {content:"";display:block;clear:both;}
.chkList li {position:relative;float:left;width:136px;margin:5px;padding:0 0 0 44px;background:#ddd;color:#666;line-height:42px;font-weight:bold;}
.chkList li:after {content:"";position:absolute;top:50%;left:12px;margin-top:-11px;width:22px;height:22px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -250px -150px;}

/* //list style */

/* color */
.colorIdt {color:#5b2095;}
.colorIdt2 {color:#3081c5;}
.colorBlack {color:#000;}
.colorBlue {color:#373d90}
.colorRed {color:#cd0000}
/* //color */

/* button */
.btnWrap {width:100%;margin:25px 0 0;text-align:center;}
.btnWrap:after {content:"";display:block;clear:both;}
.btnWrap .btnLeft {float:left;}
.btnWrap .btnLeft a {margin-left:0;}
.btnWrap .btnRight {float:right;}
.btnWrap .btnRight a {margin-right:0;}
.btnRight {text-align:right;}
.btnLeft {text-align:left;}

.btnT {display:inline-block;width:84px;padding:5px 0;text-align:center;font-size:14px;vertical-align:middle;}
.btnReplace,
.btnTs {background:#fc6719;border:1px solid #fc6719;color:#fff !important;}
.btnFile,
.btnTfl {background:#fff;border:1px solid #d5d5d5;color:#333 !important;}

.btnM {display:inline-block;min-width:60px;padding:5px 30px;font-size:16px;text-align:center;vertical-align:middle;}
button.btnM {min-width:120px;}
.btnMfl {background:#fff;border:1px solid #d5d5d5;color:#333 !important;}
.btnList, .btnDel, .btnAllChk, .btnCancel,
.btnMg {background:#f1f3f5;border:1px solid #d5d5d5;color:#333 !important;}
.btnSearch, .btnWrite, .btnModify, .btnAnswer, .btnConfirm,
.btnMo {background:#3081c5;border:1px solid #3081c5;color:#fff !important;}

.btnL {position:relative;display:inline-block;min-width:200px;padding:10px 12px;font-size:16px;tvertical-align:middle; font-weight:600;}
button.btnL {min-width:230px;padding:7px 15px; margin-top:-5px;}
.btnLogin, .btnFindId, .btnFindPw, .btnLConfirm, .btnJoin, .btnLType1,
.btnLo {position:relative;background:#3081c5;border:1px solid #3081c5;color:#fff !important;}
.btnPur {position:relative;background:#993399;border:1px solid #993399;color:#fff !important;}

.btnLCancel, .btnPwFind, .btnLType2,
.btnLg {background:#f1f3f5;border:1px solid #d5d5d5;color:#333 !important;}
.btnLType3,
.btnLfl {background:#fff;border:1px solid #d5d5d5;color:#333 !important;}

.iconFile:before {content:"";display:inline-block;width:29px;height:24px;margin-right:10px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat 0 -250px;vertical-align:middle;}

.iconFile2:before {content:"";display:inline-block;width:31px;height:28px;margin-right:10px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat 0 -300px;vertical-align:middle;}
@media all and (max-width:1024px) {
	.btnWrap {display:flex;display:-webkit-flex;}
	.btnWrap span * {width:100%;box-sizing:border-box;}
	.btn2 span {width:50%;border:1px solid #fff;}
	.bbsView .btnWrap,
	.replySection .btnWrap {display:block;}
	.bbsView .btnWrap span *,
	.replySection .btnWrap span * {width:auto;}
}

@media all and (max-width:767px) {
	.btnWrap {display:block;margin:15px 0 0;}
	.btnWrap span {display:block;width:100%;}
	.bbsView .btnWrap span {width:auto;}
	.btnT {width:auto;padding:5px;box-sizing:border-box;}
	.btnM {min-width:0;padding:5px 15px;font-size:14px;box-sizing:border-box;}
	.btnL {padding:5px;font-size:14px;}
}
/* //button */

/* accordianCont */
.accordianCont {word-break:initial;}
.accordianCont > ul > li {position:relative;overflow:hidden;}
.accordianCont li:first-child {margin:0;}
.accordianCont li .tit {position:relative;display:block;margin-top:5px;padding:20px 0 20px 60px;background:#f9f7f5;font-size:16px;font-weight:bold;}
.accordianCont li .tit:after {content:"";position:absolute;top:22px;left:25px;width:22px;height:22px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -250px -150px;}
.accordianCont li .cont {display:none;padding:25px 0px 70px;}
.accordianCont li.nonList {padding:15px 0;text-align:center;}
@media all and (max-width:767px) {
	.accordianCont li .tit {padding:12px 0px 12px 40px;font-size:14px;}
	.accordianCont li .cont {padding:10px 0 0;border:0;word-break:normal;}
	.accordianCont li .tit:after {top:12px;left:10px;}
}
/* //accordianCont */

/* search */
.bbsSearch {text-align:center;}
.bbsSearch span {display:inline-block;}
.bbsSearch select {width:88px;}
.bbsSearch .txt {width:150px;margin:0 4px;}
.bbsSearch .btn {width:32px;height:30px;text-indent:-9999px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -50px -200px;}
.bbsSearch .btnM {min-width:40px;padding:3px 15px; height:26px !important; border-radius:4px;}
@media all and (max-width:767px) {
	.bbsSearch select {width:75px;}
	.bbsSearch .txt {width:120px;margin:0;}
	.bbsSearch .btnM {padding:5px 15px;  }
	.nonPaySearch .selCate {width:100px;}
}
@media all and (max-width:410px) {
	.nonPaySearch .selCate {margin:0 0 5px;width:50%;}
}
/* //search */

/* search */
.bbsSearch2 {text-align:center;}
.bbsSearch2 span {display:inline-block;}
.bbsSearch2 select {width:88px;}
.bbsSearch2 .txt {width:250px;margin:0 4px;}
.bbsSearch2 .btn {width:32px;height:30px;text-indent:-9999px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -50px -200px;}
.bbsSearch2 .btnM {min-width:40px;padding:3px 15px;}
@media all and (max-width:767px) {
	.bbsSearch2 select {width:75px;}
	.bbsSearch2 .txt {width:320px;margin:0;}
	.bbsSearch2 .btnM {padding:5px 15px;}
	.nonPaySearch2 .selCate {width:100px;}
}
@media all and (max-width:410px) {
	.nonPaySearch2 .selCate {margin:0 0 5px;width:50%;}
}
/* //search */


/* bbsList */
.bbsList {}
.bbsList ul {padding:38px 0 0;border-top:2px solid #373d90;}
.bbsList li {border-bottom:1px solid #e0e0e0;}
.bbsList li:nth-of-type(2n) {background:#fcfdfe;}
.bbsList li:first-child {border-top:1px solid #e0e0e0;}
.bbsList li a {zoom:1;display:block;color:#666;padding:12px 0;}
.bbsList li a:after {content:"";display:block;clear:both;}
.bbsList li a > span {position:relative;float:left;text-align:center;}
.bbsList li strong {display:none;cursor:default;}
.bbsList li:first-child strong {display:block;position:absolute;top:-44px;left:0;right:0;text-align:center;}
.bbsList li .subject {position:relative;text-align:left;}
.bbsList li .subject .txt {display:inline-block;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.bbsList li .subject .txt .cate {font-weight:bold;}
.bbsList li .subject .lock {display:inline-block;overflow:hidden;width:10px;height:13px;margin:0 5px 0 0;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -280px -100px;vertical-align:middle;text-indent:-9999px;}
.bbsList li .subject .com {display:inline-block;overflow:hidden;width:19px;height:17px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -250px -100px;vertical-align:middle;text-indent:-9999px;}
.bbsList li .subject .reply {display:inline-block;margin:0 0 0 5px;font-size:11px;vertical-align:middle;}
.bbsList li .subject .new {vertical-align:middle;margin:0 0 0 5px;}
.bbsList li .icon {margin-top:-12px;}
.bbsList li .end {color:red;}
.bbsList li .end strong {color:#666;}
.bbsList li.nonList {padding:40px 0;text-align:center;font-size:16px;font-weight:bold;border:0;}
.career-remarks {margin-bottom: 40px; text-align: center;}
.career-remarks .txtHighLight {color: #3081c5;}

.bbsList2 {}
.bbsList2 ul {margin:40px 0;}
.bbsList2 li a.tit {display:block;padding:40px 36px;height:92px;border-bottom:1px solid #999;}
.bbsList2 li a.tit.on {display:none;}
.bbsList2 li a.tit:after {content:"";clear:both;display:block;}
.bbsList2 li a.tit:hover {background:#f46c20;color:#fff;}
.bbsList2 li span.date {float:left;width:156px;}
.bbsList2 li span.name {float:left;width:190px;}
.bbsList2 li span.subject {float:right;width:710px;font-size:18px;font-weight:bold;}
.bbsList2 li a span.content {float:right;margin:14px 0 0;width:710px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.6em;height:3.2em}
.bbsList2 li .cont {display:none;padding:30px 0 0;border-bottom:2px solid #f46c20;}
.bbsList2 li.on .cont {display:block;}
.bbsList2 li .cont .title {position:relative;margin:0 0 40px;padding:6px 40px;background:#f46c20;color:#fff;}
.bbsList2 li .cont .title:after {content:"";clear:both;display:block;}
.bbsList2 li .cont .close1 {position:absolute;top:50%;right:10px;margin-top:-13px;width:25px;height:25px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -100px -100px;font-size:0;}
.bbsList2 li .cont .content {margin:0 40px;}
.bbsList2 li .cont .content a {color:#f46c20;text-decoration:underline;}
.bbsList2 li .cont .sns {position:relative;margin:36px 40px;}
.bbsList2 li .cont .sns:after {content:"";clear:both;display:block;}
.bbsList2 li .cont .close2 {position:absolute;top:50%;right:10px;margin-top:-13px;width:25px;height:25px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -300px -100px;font-size:0;}
.bbsList2 li .cont .sns a {display:block;float:left;margin-right:14px;width:36px;height:36px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -150px -100px;font-size:0;}
.bbsList2 li .cont .sns a.kakao {background-position:-150px -100px;}
.bbsList2 li .cont .sns a.facebook {background-position:-200px -100px;}
.bbsList2 li .cont .sns a.twitter {background-position:-250px -100px;}
.bbsList2 .bbsMore {position:relative;display:block;margin:40px 0;height:60px;background:#f46c20;font-size:0;}
.bbsList2 .bbsMore:after {content:"";position:absolute;top:50%;left:50%;margin-top:-17px;margin-left:-17px;width:34px;height:34px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat -50px -100px;}

@media all and (max-width:1024px) {
	.bbsList li .subject .lock {background-size:250px;background-position:-150px -25px;}
	.bbsList li .subject .com {background-size:250px;background-position:-150px 0;}

	.bbsList2 ul {margin:0 -44px;}
	.bbsList2 li a.tit {padding:40px 65px;height:150px;}
	.bbsList2 li span.date {float:none;display:inline-block;width:130px;}
	.bbsList2 li span.name {float:none;}
	.bbsList2 li span.subject {clear:both;display:block;float:none;margin:14px 0 0;width:auto;}
	.bbsList2 li a span.content {display:-webkit-box;float:none;width:auto;-webkit-line-clamp:3;height:4.8em}
	.bbsList2 li .cont {margin:0;}
	.bbsList2 li .cont .title {padding:12px 65px;}
	.bbsList2 li .cont .title .subject {margin:0 0 8px;}
	.bbsList2 li .cont .contents {margin:0 44px;}
	.bbsList2 li .cont .sns {margin:36px 44px;}
	.bbsList2 li .cont .close1 {right:44px;}
	.bbsList2 li .cont .close2 {right:0;}
	.bbsList2 .bbsMore {margin:40px -44px;}
}
@media all and (max-width:767px) {
	.bbsList ul {padding:0;}
	.bbsList li:first-child {border-top:0;}
	.bbsList li a {padding:10px 0;font-size:12px;}
	.bbsList li a > span {float:none;text-align:left;}
	.bbsList li strong {display:inline-block;vertical-align:0;}
	.bbsList li:first-child strong {display:inline-block;position:static;}
	.bbsList li .subject {display:block;width:100% !important;text-align:left;font-size:14px;}
	.typeQ li {position:relative;}
	.typeQ li .icon {position:absolute;top:0;left:10px;width:12px;margin:0;}
	.typeQ li .subject {padding-left:30px;box-sizing:border-box;}
	.bbsList li .subject strong {display:none;}
	.bbsList li .subject img {vertical-align:0;}
	.recruit-list .num {display: none;}
	.recruit-list li span {display: inline-block; width: auto;}
	.recruit-list li span strong:after {content: '.';}
	.recruit-list .date,
	.recruit-list .name {padding-left: 10px; margin-left: 10px;}
	.recruit-list .date:before,
	.recruit-list .name:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 1px;
		height: 18px;
		background-color: #ddd;
	}
	

	.bbsList2 ul {margin:0 -15px;}
	.bbsList2 li a.tit {padding:20px 20px;height:102px;}
	.bbsList2 li span.date {width:84px;}
	.bbsList2 li span.subject {margin:8px 0 0;font-size:14px;}
	.bbsList2 li a.tit span.content {margin:8px 0 0;-webkit-line-clamp:2;height:3.2em}
	.bbsList2 li .cont .title {margin:0 0 20px;padding:10px 20px;}
	.bbsList2 li .cont .title .subject {margin:0 0 2px;}
	.bbsList2 li .cont .content {margin:0 20px;}
	.bbsList2 li .cont .sns {margin:20px 20px;}
	.bbsList2 li .cont .close1 {right:20px;margin-top:-10px;width:20px;height:20px;background-size:400px;background-position:-80px -80px;}
	.bbsList2 li .cont .close2 {margin-top:-10px;width:20px;height:20px;background-size:400px;background-position:-240px -80px;}
	.bbsList2 li .cont .sns a {margin-right:10px;width:30px;height:30px;background-size:400px;background-position:-120px -80px;}
	.bbsList2 li .cont .sns a.kakao {background-position:-120px -80px;}
	.bbsList2 li .cont .sns a.facebook {background-position:-160px -80px;}
	.bbsList2 li .cont .sns a.twitter {background-position:-200px -80px;}
	.bbsList2 .bbsMore {margin:40px -15px;}
}
.passSection {padding:20px 0;border-top:1px solid #3081c5;border-bottom:1px solid #3081c5;text-align:center;}
.passSection label {margin:0 15px 0 0;font-weight:bold;}
.passSection .txt {height:25px;}

.reservList {margin:50px 0 0;}
.reservList li {zoom:1;padding:5px 0;margin:-1px 0 0;}
.reservList li:after {content:"";display:block;clear:both;}
.reservList li > span {position:relative;float:left;width:12%;text-align:center;}
.reservList li:first-child strong {display:block;top:-36px;}
.reservList li .webForm_type2 {width:80px !important;background:none;border:1px solid #ddd;cursor:pointer;}
.reservList li.nonList {padding:0;}
@media all and (max-width:1024px) {
	.reservList li:first-child strong {display:inline-block;}
	.reservList li > span {width:33%;text-align:left;}
	.reservList li > span strong {display:inline-block;width:65px;}
}
@media all and (max-width:767px) {
	.reservList li > span {width:100%;}
	.reservList li > span strong {width:80px;}
}

.thumbList {margin:0 -5px;}
.thumbList ul {zoom:1;}
.thumbList ul:after {content:"";display:block;clear:both;}
.thumbList li {float:left;margin:20px;}
.thumbList a {display:block;width:328px;height:400px;border:1px solid #ddd;}
.thumbList .thumb {display:block;overflow:hidden;height:196px;border-bottom:1px solid #ddd;overflow:hidden;text-align:center;}
.thumbList .thumb img {width:100%;}
.thumbList .subject {display:block;height:61px;overflow:hidden;margin:10px 30px 0;display:block;font-size:18px;font-weight:normal;}
.thumbList .cont {display:block;height:41px;overflow:hidden;margin:12px 30px;display:block;font-size:14px;font-weight:normal;}
.thumbList .listInfo {margin:12px 30px;display:block;font-size:12px;}
.thumbList .date {padding:0 10px 0 0;border-right:1px solid #ddd;}
.thumbList .hit {padding:0 10px;border-right:1px solid #ddd;}
.thumbList .name {padding:0 0 0 10px;}
.thumbList .txt {display:block;overflow:hidden;height:52px;margin:5px 24px 0;line-height:1.2;}
.thumbList li.nonList {float:none;width:auto;padding:40px 0 0;text-align:center;font-size:16px;font-weight:bold;border:0;}
.thumbList .newtt {display:block;height:25px;overflow:hidden;margin:10px 30px 0;display:block;font-size:15px;font-weight:600;}

.thumbList2 {width:100%;overflow:hidden;}
.thumbList2 ul {margin:0 -10px;}
.thumbList2 li {float:left;width:353px;margin:10px;}
.thumbList2 li span {display:block;padding:10px;height:580px;border:1px solid #ddd; text-align:center;}
.thumbList2 li strong {display:block;margin:0 0 15px;padding:15px 0;border-bottom:1px solid #3081c5;color:#333;height:40px;}

.thumbList3 {margin:0 -5px;}
.thumbList3 ul {zoom:1;}
.thumbList3 ul:after {content:"";display:block;clear:both;}
.thumbList3 li {float:left;margin:20px;}
.thumbList3 a {display:block;width:328px;height:330px;border:1px solid #ddd;}
.thumbList3 .thumb {display:block;overflow:hidden;height:196px;border-bottom:1px solid #ddd;overflow:hidden;text-align:center;}
.thumbList3 .thumb img {width:100%;}
.thumbList3 .subject {display:block;height:50px;overflow:hidden;margin:30px 30px 0;display:block;font-size:18px;font-weight:normal;}
.thumbList3 .cont {display:block;height:41px;overflow:hidden;margin:12px 30px;display:block;font-size:14px;font-weight:normal;}
.thumbList3 .listInfo {margin:12px 30px;display:block;font-size:12px;}
.thumbList3 .date {padding:0 10px 0 0;}
.thumbList3 .hit {padding:0 10px;border-right:1px solid #ddd;}
.thumbList3 .name {padding:0 0 0 10px;}
.thumbList3 .txt {display:block;overflow:hidden;height:52px;margin:5px 24px 0;line-height:1.2;}
.thumbList3 li.nonList {float:none;width:auto;padding:40px 0 0;text-align:center;font-size:16px;font-weight:bold;border:0;}

.thumbList4 {margin:0 -5px;}
.thumbList4 ul {zoom:1;}
.thumbList4 ul:after {content:"";display:block;clear:both;}
.thumbList4 li {float:left;margin:7px;}
.thumbList4 a {display:block;width:250px;height:300px;border:1px solid #ddd;}
.thumbList4 .thumb {display:block;overflow:hidden;height:160px;border-bottom:1px solid #ddd;overflow:hidden;text-align:center;}
.thumbList4 .thumb img {width:100%;}
.thumbList4 .subject {display:block;height:61px;overflow:hidden;margin:10px 10px 0;display:block;font-size:15px;font-weight:normal;}
.thumbList4 .newtt {display:block;height:31px;overflow:hidden;margin:10px 10px 0;display:block;font-size:15px;font-weight:600;}

.thumbList.thumbPop a {height:340px;}

.videoThumbList {margin:30px -5px 0;}
.videoThumbList ul {zoom:1;}
.videoThumbList ul:after {content:"";display:block;clear:both;}
.videoThumbList li {float:left;margin:15px;}
.videoThumbList a {display:block;width:338px;border:1px solid #ddd;}
.videoThumbList .thumb {display:block;position:relative;overflow:hidden;border-bottom:1px solid #ddd;overflow:hidden;text-align:center;}
.videoThumbList .thumb:before {content:'';display:block;width:100%;padding-top:64%;}
.videoThumbList .thumb img {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.videoThumbList .subject {display:block;height:61px;overflow:hidden;margin:30px 30px 0;display:block;font-size:18px;font-weight:normal;}
.videoThumbList .cont {display:block;height:41px;overflow:hidden;margin:12px 30px;display:block;font-size:14px;font-weight:normal;}
.videoThumbList .listInfo {margin:12px 30px;display:block;font-size:12px;}
.videoThumbList .date {padding:0 10px 0 0;border-right:1px solid #ddd;}
.videoThumbList .hit {padding:0 10px;border-right:1px solid #ddd;}
.videoThumbList .name {padding:0 0 0 10px;}
.videoThumbList .txt {display:block;overflow:hidden;height:52px;margin:5px 24px 0;line-height:1.2;}
.videoThumbList li.nonList {float:none;width:auto;padding:40px 0 0;text-align:center;font-size:16px;font-weight:bold;border:0;}


@media all and (max-width:1024px) { 
	.thumbList li {margin:0;padding:5px;width:33.33%;box-sizing:border-box;}
	.thumbList a {width:auto;height:380px;word-break:break-all;}
	.thumbList .thumb {height:200px;}
	.thumbList .thumb img {width:auto;}
	.thumbList .subject {margin:10px 15px 0;}
	.thumbList .cont {margin:5px 15px 0;}
	.thumbList .listInfo {margin:12px 15px 0;}
    .thumbList .newtt {margin:5px 15px 0;}

	.thumbList2 li {width:33.33%;margin:0;padding:10px;box-sizing:border-box;}
	
	.thumbList3 li {margin:0;padding:5px;width:33.33%;box-sizing:border-box;}
	.thumbList3 a {width:auto;height:320px;word-break:break-all;}
	.thumbList3 .thumb {height:200px;}
	.thumbList3 .thumb img {width:auto;}
	.thumbList3 .subject {margin:15px 15px 0;}
	.thumbList3 .cont {margin:5px 15px 0;}
	.thumbList3 .listInfo {margin:12px 15px 0;}
	
    
    .thumbList4 li {margin:0;padding:5px;width:33.33%;box-sizing:border-box;}
	.thumbList4 a {width:99%;height:auto; word-break:break-all;}
	.thumbList4 .thumb {height:200px;}
	.thumbList4 .thumb img {width:auto;}
	.thumbList4 .subject {margin:15px 15px 0;}
	.thumbList4 .newtt {margin:5px 15px 0;}


	.videoThumbList li {margin:0;padding:5px;width:33.33%;box-sizing:border-box;}
	.videoThumbList a {width:auto;word-break:break-all;}
	.videoThumbList .thumb {}
	.videoThumbList .subject {margin:15px 15px 0;}
	.videoThumbList .listInfo {margin:12px 15px ;}

}
@media all and (max-width:767px) { 
	.thumbList li {float:none;width:auto; margin-top:15px;}
	.thumbList a {width:100%;height:auto;padding:0 0 20px;}
	.thumbList .thumb {height:auto;}
	.thumbList .thumb img {width:100%;height:auto;}

	.thumbList.thumbPop a {height:auto;}

	.thumbList2 ul {margin:0;}
	.thumbList2 li {float:none;width:100%;padding:0 0 15px;}
	.thumbList2 li img {width:100%;}
	.thumbList2 li span {height:auto;}
	
	.thumbList3 li {float:none;width:auto;}
	.thumbList3 a {width:100%;height:auto;padding:0 0 20px;}
	.thumbList3 .thumb {height:auto;}
	.thumbList3 .thumb img {width:100%;height:auto;}
	
    .thumbList4 {margin-bottom: 19px;}
    .thumbList4 li {float:none;width:80%; margin-top:15px; margin: 0 auto;}
    .thumbList4 ul { height: 370px;}
	.thumbList4 a {width:90%;height:auto;padding:0 0 20px;}
	.thumbList4 .thumb {height:130px;}
	.thumbList4 .thumb img {width:100%;height:auto;}
    .thumbList4 .subject {height:41px;}
    
    

	.videoThumbList li {float:none;width:auto;}
	.videoThumbList a {width:100%;height:auto;padding:0 0 20px;}

	.videoThumbList.thumbPop a {height:auto;}
}
/* //bbsList */

/* bbsView */
.bbsView {margin:10px 0 0;word-break:break-all;}
.bbsView h4 {padding:15px 0;border-top:2px solid #373d90;font-size:20px;line-height:1.2;}
.bbsView .viewTitle {padding:15px 0;border-top:2px solid #373d90;font-size:20px;line-height:1.2;}
.bbsView .viewInfo {padding:12px 0;border-top:1px solid #ddd;font-size:12px;}
.bbsView .viewInfo span {display:inline-block;margin-right:60px;color:#777;}
.bbsView .viewInfo a {color:#777;}
.bbsView .viewInfo span strong {}
.bbsView .viewInfo .link {word-break:break-all;}
.bbsView .viewCont {padding:40px 0 70px;border-top:1px solid #ddd;border-bottom:2px solid #373d90;}
.bbsView .viewCont iframe {max-width:100%;}
.bbsView .viewCont:first-child {padding-top:0;} 
.bbsView .viewCont img {max-width:100%;height:auto !important;}
.bbsView .btnWrap {margin:15px 0 0;}
.bbsView .viewNavi {margin:20px 0 0;border-bottom:1px solid #ddd;}
.bbsView .viewNavi li {border-top:1px solid #ddd;font-size:14px;}
.bbsView .viewNavi li a {display:block;overflow:hidden;padding:12px 0;text-overflow:ellipsis;white-space:nowrap;}
.bbsView .viewNavi li strong {float:left;margin:4px 8px 0;border:7px solid transparent;font-size:0;line-height:0;text-indent:-9999px;}
.bbsView .viewNavi li .prev {border-bottom:9px solid #ccc;border-top:0;}
.bbsView .viewNavi li .next {border-top:9px solid #ccc;border-bottom:0;}
.replySection {margin:45px 0 0;}
.replySection .replyTitle {font-size:16px;}
.replySection .replyText {margin:8px 0 0;padding:10px 10px 30px;background:#f7f7f7;border:1px solid #d7d7d7;}
.replySection .replyText textarea {width:99%;height:100px;}
.replySection .btnWrap {margin:15px 0 0;}
.replySection .replyList {margin:30px 0 0;border-bottom:1px solid #ddd;}
.replySection .replyList li {position:relative;padding:20px 0;border-top:1px solid #ddd;}
.replySection .replyList li .replyInfo span {margin:0 5px 0 0;}
.replySection .replyList li .replyInfo .name strong {font-size:14px;}
.replySection .replyList li .replyInfo .name strong.my {color:#00a671;}
.replySection .replyList li .cont {display:block;font-size:14px;}
.replySection .replyList li .util {position:absolute;top:20px;right:0;}
.replySection .replyList li .util a {margin:0 4px;}
.replySection .replyList li.replyWrite {position:relative;padding-right:125px;padding-left:90px;}
.replySection .replyList li.replyWrite textarea {width:100%;height:66px;}
.replySection .replyList li.replyWrite .name {position:absolute;top:20px;left:0;font-size:14px;font-weight:bold;}
.replySection .replyList li.replyWrite .btn {position:absolute;top:20px;right:0;width:100px;height:62px;line-height:62px;background:#02cc8c;border:3px solid #00c687;color:#fff;font-size:14px;font-weight:bold;text-align:center;}
.replySection .replyList li.reReply {padding-left:20px;}

@media all and (max-width:1024px) {
	.bbsView .viewCont img {width:auto !important;height:auto !important;}
	.replySection .replyText textarea {width:100%;box-sizing:border-box;}
}
@media all and (max-width:767px) {
	.bbsView h4 {padding:9px 0;font-size:18px;}
	.bbsView .viewInfo {padding:6px 0;}
	.bbsView .viewInfo span {margin-right:35px;}
	.bbsView .viewInfo .name {display:none;}
	.bbsView .viewCont {padding:22px 0;}
	.bbsView .viewNavi li a {padding:8px 0;}
	.replySection .replyText textarea {height:80px;}
	.replySection .replyList li {padding:10px 0;}
	.replySection .replyList li .name {display:block;line-height:1.2;}
	.replySection .replyList li .util {top:10px;}
	.replySection .replyList li .cont {margin:10px 0 0;}
	.replySection .replyList li.replyWrite {padding-right:0;padding-left:0;}
	.replySection .replyList li.replyWrite .name {position:static;margin:0 0 10px;}
	.replySection .replyList li.replyWrite textarea {box-sizing:border-box;margin:0 0 10px;}
	.replySection .replyList li.replyWrite .btn {position:static;width:100%;height:26px;line-height:26px;box-sizing:border-box;}
}
/* //bbsView */

/* bbsWrite */
.bbsWrite {border-top:2px solid #373d90;}
.bbsWrite th,
.bbsWrite td {border-bottom:1px dashed #ebebeb;}
.bbsWrite th {width:150px;padding:20px 0 20px 20px;text-align:left;font-size:14px;vertical-align:top;}
.bbsWrite td {padding:10px 0;}
.bbsWrite td .noti {margin:0 0 0 45px;}
.bbsWrite td .w100 {width:575px;}
.bbsWrite td .mobTh {display:none;font-size:14px;color:#666;}
.bbsWrite td .inputFile {padding:0 80px 0 0;}
.bbsWrite td .inputFile .fileBtn {}
.bbsWrite td.files .inputFile {margin:5px 0 0;}
.bbsWrite td.files .inputFile:first-child {margin:0;}
@media all and (max-width:1024px) {
	.bbsWrite td .w100,
	.bbsWrite td select {width:100%;}
	.bbsWrite td .inputFile {padding:0 40px 0 0;}
}
@media all and (max-width:767px) {
	.bbsWrite th {display:block;width:auto;padding:8px 0 5px 5px;border:0;}
	.bbsWrite td {display:block;padding:0 5px 8px;}
	.bbsWrite td .inputFile .fileBtn {top:0;}
	.bbsWrite td .mobTh {display:inline-block;margin:0 12px 0 0;}
}
/* //bbsWrite */


@media all and (max-width:1024px) {
	.nonPayTable {font-size:12px;}
	.nonPayTable th,
	.nonPayTable td {padding:5px;border:1px solid #ddd;}
}
@media all and (max-width:767px) {
	.typeList th,
	.typeList td {padding:5px;font-size:11px;}
	.nonPayTable {width:100%;overflow:auto;}
	.nonPayTable table {width:768px;}
}


/* pagination */
.pagination {margin:35px 0 0;text-align:center;}
.pagination a,
.pagination strong {display:inline-block;min-width:28px;height:28px;line-height:28px;background:#fff;border:1px solid #d9d9d9;color:#999;font-size:14px;vertical-align:middle;}
.pagination a:hover {border:1px solid #3081c5;}
.pagination strong {background:#3081c5;color:#fff;border:1px solid #3081c5;}
.pagination a.pageNavi {overflow:hidden;background:#fff url(../_Img/Content/icon_pack_jain_n.png) no-repeat;text-indent:-9999px;}
.pagination a.start {background-position:-94px 7px;}
.pagination a.prev {background-position:-142px 7px;}
.pagination a.next {background-position:-190px 7px;}
.pagination a.end {background-position:-244px 7px;}
@media all and (max-width:767px) {
	.pagination {margin:18px 0 0;}
	.pagination a,
	.pagination strong {min-width:23px;height:23px;line-height:23px;font-size:12px;}
	.pagination a.pageNavi {background-size:400px;}
	.pagination a.start {background-position:-74px 6px;}
	.pagination a.prev {background-position:-112px 6px;}
	.pagination a.next {background-position:-152px 6px;}
	.pagination a.end {background-position:-196px 6px;}
}
/* //pagination */

/* popup */
#popWrap {position:relative;}
#popHeader {background:#3081c5;}
#popHeader h1 {padding:16px 0 16px 30px;font-size:18px;color:#fff;}
#popContainer {padding:30px;}
#popContainer .btnWrap {margin:20px 0 0;}
#popClose {position:absolute;top:18px;right:30px;overflow:hidden;width:25px;height:25px;background:url(/images/btn_pop_close.png) no-repeat;text-indent:-9999px;}

.layerPop {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;}
.layerPop:after {content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#3081c5;opacity:.8;filter:alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
.layerSection {position:absolute;top:50%;left:50%;width:800px;height:450px;margin:-275px 0 0 -450px;padding:50px;background:#fff url(/images/contents/bg_container.gif) no-repeat 100% 0;z-index:2;}
.layerTitle {height:60px;border-bottom:1px solid #ddd;font-size:32px;color:#3081c5;}
.layerCont {position:absolute;top:140px;right:50px;bottom:50px;left:50px;overflow:auto;-webkit-overflow-scrolling:touch;}
.layerClose {position:absolute;right:0;bottom:-85px;width:60px;height:60px;overflow:hidden;background:url(/images/btn_layer_close.png) no-repeat;text-indent:-9999px;}
@media all and (max-width:1024px) {
	.layerSection {top:10%;right:10%;bottom:10%;left:10%;width:auto;height:auto;margin:0;}
	.layerClose {bottom:-45px;width:30px;height:30px;background-size:cover;}
}
@media all and (max-width:1024px) {
	.layerSection {top:2%;right:2%;bottom:12%;left:2%;padding:10px;}
	.layerTitle {height:30px;font-size:16px;}
	.layerCont {top:60px;right:10px;bottom:10px;left:10px;}
}
/* //popup */

/* resp cont */
.webHide,
.tabShow,
.mobShow,
.mobInlineShow {display:none;}
@media all and (max-width:1024px) {
	.mobShow,
	.tabHide {display:none;}
	.tabShow {display:block;}
	.tabInlineShow {display:inline;}
}
@media all and (max-width:767px) {
	.mobInlineShow {display:inline;}
	.mobShow {display:block;}
	.mobHide {display:none;}
}


.pc-show {display:block !important;}
.tb-show {display:none !important;}
.mb-show {display:none !important;}

.pc-hide {display:none !important;}
.tb-hide {display:block !important;}
.mb-hide {display:block !important;}
@media all and (max-width:1024px) {
	.pc-show {display:none !important;}
	.tb-show {display:block !important;}
	.mb-show {display:none !important;}

	.pc-hide {display:block !important;}
	.tb-hide {display:none !important;}
	.mb-hide {display:block !important;}
}
@media all and (max-width:767px) {
	.pc-show {display:none !important;}
	.tb-show {display:none !important;}
	.mb-show {display:block !important;}

	.pc-hide {display:block !important;}
	.tb-hide {display:block !important;}
	.mb-hide {display:none !important;}
}
/* //resp cont */

.ntxt > span {position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;visibility:hidden;}

.adminWrap .pageTitle {margin:50px 0 0;}
.adminWrap .pageTitle:after {display:none;}
.adminWrap .contents {padding:0 15px;}
.adminWrap .btnWrap {display:block;}
.adminWrap .btnWrap span * {width:auto;}

.about-v-m-ision {padding:90px 0 0;width:100%;min-width:1320px;}
.about-v-m-ision * {position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;}

.mission-section {padding-bottom:40px;}
.mission-section:before {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100px;background-color:#fff;z-index:1;}
.mission-section .display {display:table;margin:0 auto;max-width:950px;width:100%;z-index:2;}
.mission-section .header {display:table-row;}
.mission-section .header .title {display:table-cell;height:60px;font-size:22px;font-weight:700;line-height:40px;letter-spacing:-0.01em;color:#fff;text-align:center;vertical-align:middle;background-color:#79288c;}
.mission-section .contain {display:table-row;}
.mission-section .contain .col {display:table-cell;padding:0 80px;height:350px;font-family:'Nanum Myeongjo';font-size:28px;font-weight:400;letter-spacing:-0.06em;line-height:40px;color:#fff;text-align:center;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-image:url(../images/contents/bg-vision.jpg);}
.mission-section .contain .col strong {font-weight:600;}
.mission-section .contain .col .point {color:#ff9422;}

.vision-section {background-color:#fff;}
.vision-section .display {display:table;margin:0 auto;max-width:950px;width:100%;z-index:2;}
.vision-section .header {display:table-row;}
.vision-section .header .title {display:table-cell;height:60px;font-size:22px;font-weight:700;line-height:40px;letter-spacing:-0.01em;color:#fff;text-align:center;vertical-align:middle;background-color:#f68933;}
.vision-section .contain {display:table-row;}
.vision-section .contain .col {display:table-cell;padding:60px 0 80px;font-family:'Nanum Myeongjo';}

.vision-list {display:table;width:880px;table-layout:fixed;}
.vision-list > li {display:table-cell;}
.vision-list .panel {margin:0 auto;padding-top:47px;width:253px;height:253px;text-align:center;border-radius:50%;border:3px solid #f68933;}
.vision-list .panel > .count {display:block;margin-bottom:24px;font-size:34px;font-weight:600;line-height:50px;color:#f68933;}
.vision-list .panel > .count:after {content:'';display:block;margin:0 auto;width:20px;height:1px;background-color:#f68933;}
.vision-list .panel > .text {font-size:22px;font-weight:600;line-height:26px;letter-spacing:-0.06em;color:#333;}

.about-v-m-ision .detail-section .display {display:table;margin:0 auto;max-width:950px;width:100%;z-index:2;}
.about-v-m-ision .detail-section .header {display:table-row;}
.about-v-m-ision .detail-section .header .title {display:table-cell;height:60px;font-size:22px;font-weight:700;line-height:40px;letter-spacing:-0.01em;color:#fff;text-align:center;vertical-align:middle;background-color:#525153;}
.about-v-m-ision .detail-section .contain {display:table-row;}
.about-v-m-ision .detail-section .contain .col {display:table-cell;padding:66px 0 86px;text-align:center;}

.about-v-m-ision .detail-icon {display:inline-block;margin-right:50px;vertical-align:middle;}
.about-v-m-ision .detail-list {display:inline-block;text-align:left;vertical-align:middle;}
.about-v-m-ision .detail-list > li {padding:7px 0 7px 15px;font-size:18px;font-weight:400;line-height:30px;letter-spacing:-0.01em;color:#666;}
.about-v-m-ision .detail-list > li:before {content:'';display:block;position:absolute;top:20px;left:0;width:4px;height:4px;vertical-align:middle;background-color:#f68931;}

.about-v-m-ision .other-section {padding-bottom:120px;background-color:#fff;}
.about-v-m-ision .other-section .display {margin:0 auto;max-width:950px;width:100%;}
.about-v-m-ision .other-section .header {padding-top:88px;margin-bottom:20px;}
.about-v-m-ision .other-section .header:after {content:'';display:block;margin:16px auto 0;width:48px;height:2px;background-color:#333;}
.about-v-m-ision .other-section .header .title {font-family:'Nanum Myeongjo';font-size:40px;font-weight:400;line-height:60px;letter-spacing:-0.08em;color:#333;text-align:center;}
.about-v-m-ision .other-section .panel {padding:56px 0;}
.about-v-m-ision .other-section .panel:after {content:'';display:block;clear:both;}
.about-v-m-ision .other-section .panel + .panel {border-top:1px solid #ddd;}
.about-v-m-ision .other-section .panel > .highlight {float:left;width:260px;padding-left:40px;font-size:28px;font-weight:400;line-height:40px;letter-spacing:-0.08em;}
.about-v-m-ision .other-section .panel > .highlight.purple {color:#79288c;}
.about-v-m-ision .other-section .panel > .highlight.orange {color:#f68933;}
.about-v-m-ision .other-section .panel > .text {float:right;max-width:634px;font-size:16px;line-height:24px;letter-spacing:-0.06em;color:#333;}

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

	.about-v-m-ision {min-width:auto;}

	.mission-section {padding-bottom:20px;}
	.mission-section:before {display:none;}
	.mission-section .header .title {height:80px;font-size:28px;line-height:40px;}
	.mission-section .contain .col {padding:0;height:350px;font-size:34px;line-height:40px;}

	.vision-section .header .title {height:80px;font-size:28px;line-height:40px;}
	.vision-section .contain .col {padding:60px 0 70px;text-align:center;}

	.about-v-m-ision .vision-list {display:inline-block;width:auto;}
	.about-v-m-ision .vision-list > li {display:block;}
	.about-v-m-ision .vision-list .panel {margin:0 auto;padding:16px 0 16px 65px;width:auto;height:auto;text-align:left;border-radius:0;border:0;}
	.about-v-m-ision .vision-list .panel > .count {display:block;position:absolute;top:9px;left:0;margin-bottom:0;font-size:34px;font-weight:600;line-height:50px;color:#f68933;}
	.about-v-m-ision .vision-list .panel > .count:after {content:'';display:block;margin:0 auto;width:20px;height:1px;background-color:#f68933;}
	.about-v-m-ision .vision-list .panel > .text {font-size:24px;line-height:40px;}

	.about-v-m-ision .detail-section .header .title {height:80px;font-size:28px;line-height:40px;}
	.about-v-m-ision .detail-section .contain .col {padding:60px 90px;}

	.about-v-m-ision .detail-icon {display:block;margin:0 auto 30px;}
	.about-v-m-ision .detail-icon img {display:block;margin:0 auto;}
	.about-v-m-ision .detail-list > li {font-size:24px;}

	.about-v-m-ision .other-section {max-width:100%;}
	.about-v-m-ision .other-section .panel {padding:56px 36px;}
	.about-v-m-ision .other-section .panel > .highlight {float:none;width:100%;padding-left:0;}
	.about-v-m-ision .other-section .panel > .text {float:none;margin-top:28px;max-width:100%;font-size:24px;line-height:32px;}
/*

*/
}
@media all and (max-width:767px) {

	.about-v-m-ision {padding-top:50px;}

	.mission-section {padding-bottom:10px;}
	.mission-section .header .title {height:40px;font-size:14px;line-height:20px;}
	.mission-section .contain .col {padding:0;height:175px;font-size:17px;line-height:20px;}


	.vision-section .header .title {height:40px;font-size:14px;line-height:20px;}
	.vision-section .contain .col {padding:30px 0 35px;}

	.about-v-m-ision .vision-list .panel {padding:8px 0 8px 32px;}
	.about-v-m-ision .vision-list .panel > .count {top:4px;font-size:17px;line-height:25px;}
	.about-v-m-ision .vision-list .panel > .count:after {width:10px;}
	.about-v-m-ision .vision-list .panel > .text {font-size:12px;line-height:20px;}

	.about-v-m-ision .detail-section .header .title {height:40px;font-size:14px;line-height:20px;}
	.about-v-m-ision .detail-section .contain .col {padding:30px 45px;}

	.about-v-m-ision .detail-icon {margin:0 auto 15px;}
	.about-v-m-ision .detail-icon img {width:73px;}
	.about-v-m-ision .detail-list > li {padding:3px 0 3px 7px;font-size:12px;line-height:15px;}
	.about-v-m-ision .detail-list > li:before {top:10px;left:0;width:2px;height:2px;}

	.about-v-m-ision .other-section {padding-bottom:50px;}
	.about-v-m-ision .other-section .header {padding-top:44px;margin-bottom:10px;}
	.about-v-m-ision .other-section .header:after {margin:8px auto 0;width:24px;height:1px;}
	.about-v-m-ision .other-section .header .title {font-size:20px;line-height:30px;}


	.about-v-m-ision .other-section .panel {padding:28px 18px;}
	.about-v-m-ision .other-section .panel > .highlight {font-size:14px;line-height:20px;}
	.about-v-m-ision .other-section .panel > .text {margin-top:14px;font-size:12px;line-height:16px;}

}


.ui-datepicker {display:block;position:absolute;top:-1000%;padding:5px;border:1px solid #ddd;background-color:#eee;z-index:200 !important;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.ui-datepicker .ui-datepicker-header {display:block;margin-bottom:0.1em;padding:0 3.25em;}
.ui-datepicker .ui-datepicker-header a {position:absolute;top:0;padding:9px 11px;width:3.25em;height:3.125em;cursor:pointer;}
.ui-datepicker .ui-datepicker-header a.ui-state-disabled {cursor:default;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity:.3;}
.ui-datepicker .ui-datepicker-header a:before {font-family:'board-icon';display:block;position:absolute;font-size:26px;top:50%;left:50%;margin-top:-13px;margin-left:-7px;width:14px;height:26px;text-indent:-7px;}
.ui-datepicker .ui-datepicker-header a span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;z-index:-1;}
.ui-datepicker .ui-datepicker-prev {left:0;}
.ui-datepicker .ui-datepicker-prev:before {content:'\e314';}
.ui-datepicker .ui-datepicker-next {right:0;}
.ui-datepicker .ui-datepicker-next:before {content:'\e315';}
.ui-datepicker .ui-datepicker-title {padding:0.456em 0;height:2.23em;font-size:1.375em;font-weight:800;line-height:1.32em;color:#000;text-align:center;}
.ui-datepicker .ui-datepicker-title select {-webkit-appearance:none;margin-right:4px;padding:0 5px;border:1px solid #ddd;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {height:1.675em;font-size:0.875em;vertical-align:top;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year + span {margin-right:10px;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {height:1.675em;font-size:0.875em;vertical-align:top;}
.ui-datepicker .ui-datepicker-title span {font-size:0.875em;font-weight:400;vertical-align:top;}
.ui-datepicker .ui-datepicker-calendar {margin-top:2px;background-color:#fff;}
.ui-datepicker .ui-datepicker-week-end:first-child {border-left:1px solid #ddd;}
.ui-datepicker .ui-datepicker-week-end:last-child {border-right:1px solid #ddd;}
.ui-datepicker thead {background-color:#47505b;}
.ui-datepicker thead th {height:4em;font-size:0.6875em;line-height:1.45em;color:#fff;text-align:center;text-transform:uppercase;background-color:#47505b;}
.ui-datepicker tbody td {border-bottom:1px solid #ddd;}
.ui-datepicker .dummy {border:1px solid #ddd;border-top:0;}
.ui-datepicker td > span {display:block;padding:1em;font-size:0.6875em;line-height:1.45em;color:#cbcbcb;}
.ui-datepicker td > a {display:block;padding:1em;font-size:0.6875em;line-height:1.45em;color:#333;}
.ui-datepicker .ui-datepicker-current-day > a {color:#fff;background-color:#008fc3;}