@charset "utf-8";

/* ------------------------------------------------------------------
COMMON
------------------------------------------------------------------ */
/* anime */
.subContainer .containerWrap .containerBox .titleBox .tools .shareTools
{-o-transition:all .16s cubic-bezier(.7,0,.3,1);transition:all .16s cubic-bezier(.7,0,.3,1);-webkit-transform:all .16s cubic-bezier(.7,0,.3,1);-ms-transform:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);}

.subContainer {}

/* skvWrap */
.subContainer .skvWrap {position:relative; z-index:1; background-size:cover !important;}

/* titleBox */
.subContainer .skvWrap .titleBox {height:240px; position:relative; z-index:2;}
.subContainer .skvWrap .titleBox .title {height:inherit;}
.subContainer .skvWrap .titleBox .title .subTitle {text-align:center;}
.subContainer .skvWrap .titleBox .title .subTitle h2 {font-size:40px; line-height:40px; font-weight:500; color:#FFF;}
.subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs {margin-top:22px; display:inline-flex;}
.subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul {font-size:0; white-space:nowrap;}
.subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul li {font-size:17px; color:#fff;}
.subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul li:last-child {text-decoration:underline;}
.subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul li:before {content:''; display:block; float:left; width:16px; height:16px; margin:0 6px; background:url(../img/common/icon_breadCrumbs.png) no-repeat 0 -20px; }
.subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul li:first-child {text-indent:-999em; font-size:0; color:rgba(0,0,0,0); position:relative; width:20px; padding-right:10px;}
.subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul li:first-child:before {content:''; display:block; width:20px; height:20px; background-position:0 0;}
.subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs .printer {width:30px; height:30px; border-radius:50%; font-size:0; margin:4px 0 0 20px; background:url(../img/common/icon_printer.png)#fff no-repeat;}

/* containerWrap */
.subContainer .containerWrap {margin-top:40px; margin-bottom:120px;}

/* snb */
.subContainer .containerWrap .snb {width:252px;}
.subContainer .containerWrap .snb .title {width:100%; height:145px; font-size:30px; font-weight:500; background:url(../img/page/bg_snb_title.jpg)no-repeat; background-size:cover; color:#fff;}
.subContainer .containerWrap .snb ul {}
.subContainer .containerWrap .snb ul li {}
.subContainer .containerWrap .snb ul > li > a {display:flex; align-items:center; font-size:20px; font-weight:400; height:60px; padding-left:24px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.subContainer .containerWrap .snb ul > li > a.active,
.subContainer .containerWrap .snb ul > li > a:focus,
.subContainer .containerWrap .snb ul > li > a:hover {color:#00529b;}
.subContainer .containerWrap .snb ul > li > ul {background:#f1f2f7;}
.subContainer .containerWrap .snb ul > li > ul > li {}
.subContainer .containerWrap .snb ul > li > ul > li > a {font-size:16px; color:#5e5e5e; margin-bottom:0; padding-left:40px; position:relative;}
.subContainer .containerWrap .snb ul > li > ul > li > a::before {content:''; display:block; width:3px; height:3px; background:#000; position:absolute; top:30px; left:30px;}
.subContainer .containerWrap .snb ul > li > ul > li > a.active,
.subContainer .containerWrap .snb ul > li > ul > li > a:focus,
.subContainer .containerWrap .snb ul > li > ul > li > a:hover {color:#000;}

/* containerBox */
.subContainer .containerWrap .containerBox {width:calc(100% - 290px);}
.subContainer .containerWrap .containerBox .titleBox {}
.subContainer .containerWrap .containerBox .titleBox::after {content:''; display:block; width:100%; height:5px; background:url(../img/page/bg_conBox_title.jpg);}
.subContainer .containerWrap .containerBox .titleBox .title {padding-bottom:20px;}
.subContainer .containerWrap .containerBox .titleBox .title h3 {font-size:30px; font-weight:500; color:#222;}
.subContainer .containerWrap .containerBox .titleBox .title h3 span { font-size:18px; margin-left:10px; font-weight:400; word-break:keep-all;}
.subContainer .containerWrap .containerBox .titleBox .title h3 a { margin-left:10px; vertical-align:top;}
.subContainer .containerWrap .containerBox .titleBox .tools {position:relative; display:flex; align-items:center;}
.subContainer .containerWrap .containerBox .titleBox .tools button {width:36px; height:36px; border-radius:50%; border:1px solid #6d6d6d; box-sizing:border-box; font-size:0; margin-left:10px; background:url(../img/common/icon_tools.png)no-repeat;}
.subContainer .containerWrap .containerBox .titleBox .tools button.share {background-position:0 0;}
.subContainer .containerWrap .containerBox .titleBox .tools button.share.active {background-position:-37px -1px; border:1px solid #fff;}
.subContainer .containerWrap .containerBox .titleBox .tools button.share.active ~ .shareTools {opacity:1; visibility:visible; right:92px; }
.subContainer .containerWrap .containerBox .titleBox .tools button.printer {background-position:0 -37px;}
.subContainer .containerWrap .containerBox .titleBox .tools button.facebook {background-position:-145px -1px; border:1px solid #fff;}
.subContainer .containerWrap .containerBox .titleBox .tools button.kakaoTalk {background-position:-109px -1px; border:1px solid #fff;}
.subContainer .containerWrap .containerBox .titleBox .tools button.link {background-position:-73px -1px; border:1px solid #fff;}
.subContainer .containerWrap .containerBox .titleBox .tools .shareTools {position:absolute; width:138px; top:0; right:70px; z-index:2; display:flex; align-items:center; opacity:0; visibility:hidden;}

@media (max-width:992px) {

  .subContainer .containerWrap .containerBox .titleBox .title h3 span { display:block; margin-left:0px; margin-top:10px; font-size:16px;}
  .subContainer .containerWrap .containerBox .titleBox .title h3 a {display:block; margin-left:0px; margin-top:10px;}
  
 
}


/* container - catagoryTabs */
.subContainer .containerWrap .containerBox .catagoryTabs {margin:30px 0px; font-size:0; position:relative; }
.subContainer .containerWrap .containerBox .catagoryTabs a {display:block; vertical-align:top; height:50px; line-height:50px; font-weight:300; background:#999999; box-sizing:border-box; font-size:17px; color:#fff; text-align:center; margin: 0 1px;}
.subContainer .containerWrap .containerBox .catagoryTabs a span {display:block; line-height:20px; margin:4px 0;}
.subContainer .containerWrap .containerBox .catagoryTabs a.active {background:#333333;}

.subContainer .containerWrap .containerBox .catagoryTabs.colum_02 a {width:50%;}
.subContainer .containerWrap .containerBox .catagoryTabs.colum_03 a {width:33.3%; font-weight:500;}



@media (max-width:992px) {
	
	.subContainer .containerWrap .containerBox .catagoryTabs {flex-direction:column;}
	.subContainer .containerWrap .containerBox .catagoryTabs a {width:100% !important; margin-bottom:1px;}

}



/* noticeBox */
.noticeBox {position:relative; padding:30px 0; border:1px solid #d8d8d8; margin-top:30px; margin-bottom:40px;}
.noticeBox:after {display:block; position:absolute; z-index:1; top:-1px; left:-1px; width:56px; height:56px; background:#004998; content:'';}
.noticeBox:before {display:block; position:absolute; z-index:2; top:2px; left:2px; width:56px; height:56px; background:#fff; content:'';}
.noticeBox .noticeImg {font-size:0; color:#2d2d2d; width:80px; height:80px; text-align:center; background:#ddd; margin:0 30px 0 40px; display:block; z-index:9;}
.noticeBox .noticeImg.icon {width:30px; height:30px;}
.noticeBox .noticeImg.bg_01 {background:url(../img/page/icon_teacher.png)#f1f2f7 no-repeat center; border-radius:50%;}
.noticeBox .noticeImg.bg_02 {background:url(../img/page/icon_talk.png)no-repeat center;}
.noticeBox .desc {display:block; width:calc(100% - 200px); background:#fff; position:relative; z-index:9; }
.noticeBox .desc h4 {font-size:25px; line-height:24px; font-weight:400; display:block; margin-bottom:12px;}
.noticeBox .desc p {font-size:16px; line-height:22px; font-weight:300; word-break:keep-all;}
.noticeBox .desc strong {font-size:17px; line-height:22px; font-weight:400;}

@media (max-width:1180px) {
	/* noticeBox */
    .noticeBox {flex-direction:column;}
    .noticeBox .noticeImg {margin: 0 0 20px;}
    .noticeBox .desc {width: calc(100% - 20px);}
    .noticeBox .desc h4 {text-align:center;}

}

/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/
@media (max-width:1280px) {

}

@media (max-width:1180px) {
	/* subContainer */
    .subContainer .containerWrap {padding:0 10px; box-sizing:border-box; margin-top: 6px;}
	.subContainer .containerWrap .snb {display:none;}
	.subContainer .containerWrap .containerBox {width:calc(100% - 0px);}
    .subContainer .containerWrap .containerBox .titleBox {}
	.subContainer .containerWrap .containerBox .titleBox .title { padding:10px 0px;}
	.subContainer .containerWrap .containerBox .titleBox .title h3 { font-size:24px;}
	.subContainer .containerWrap .containerBox .titleBox .tools button.printer { display:none;}
	.subContainer .containerWrap .containerBox .titleBox .tools button.share.active ~ .shareTools { right:45px;}

}

@media (max-width:767px) {
    .subContainer .skvWrap .titleBox {height:120px;}
    .subContainer .skvWrap .titleBox .title .subTitle h2 {font-size:24px;}
    .subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs {margin-top:10px;}
    .subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul li {font-size:14px;}
    .subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul li:first-child {padding:0;}
    .subContainer .skvWrap .titleBox .title .subTitle .breadCrumbs ul li:before {margin:0;}
}



/* ----------------------------------------------------------------------------------------------------------------
doc
------------------------------------------------------------------------------------------------------------------*/
/* doc option */
.docWrapGroup {display:flex; justify-content:space-between;}
.docWrapGroup .docWrapBox {margin-right:40px;}
.docWrapGroup .imgRight {margin-top:30px;}
.docWrapGroup .imgRight .video { position:relative; width:400px; height:315px; box-sizing:border-box; padding-top:56.25%; margin:0px 0 30px 0; }	
.docWrapGroup .imgRight .video iframe{position:absolute; top:0px; width:100% !important; height:100% !important;}


.img3column {display:flex; justify-content:space-between; margin-top:30px;}

.img4column {display:flex; justify-content:space-between;}
.img4column .itemBox {display:flex; justify-content:space-between; width:calc(100% - 6px);}
.img4column .itemBox .item {width:240px;}
.img4column .itemBox .item .img {display:flex; align-items:center; justify-content:center;}
.img4column .itemBox .item .img img {width:100%; height:316px;}
.img4column .itemBox .item .img .conText {text-align:center; width:240px; height:316px; background:#f1f2f7; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.img4column .itemBox .item .img .conText p {display:block; width:100%; margin-bottom:10px; word-break: break-all;}
.img4column .itemBox .item .year {background:#009475; color:#fff; height:32px; line-height:32px; border-radius:30px; text-align:center; margin:20px auto;}

.img5column {display:flex; justify-content:space-between; flex-flow:row wrap; margin-bottom:30px;}

.buleDesc {display:block; text-align:right; color:#0060ad; margin:10px 0; word-break:keep-all;}

.processWrap {display:flex; justify-content:space-between;}
.processWrap .item {width:calc(16% - 16px); position:relative;}
.processWrap .item:after {content:''; display:block; width:11px; height:20px; background:url(../img/page/icon_processArrow.png)no-repeat; position:absolute; top:40px; left:-20px; z-index:2;}
.processWrap .item:first-child:after {display:none;}
.processWrap .item .desc {background:#f5f5f5; border:1px solid #ddd; border-radius:6px; height:86px; display:flex; justify-content:center; align-items:center; text-align:center;}
.processWrap .item .area {border:1px solid #222; border-radius:6px; height:36px; display:flex; justify-content:center; align-items:center; text-align:center; margin-top:6px;}

@media (max-width:992px) {
	
    .docWrapGroup {flex-direction:column;}
    .docWrapGroup .docWrapBox {margin-right:0;}
    .docWrapGroup .imgRight img {display:block; width:100%; margin:0 auto;}
	.docWrapGroup .imgRight .video { width:100%;}
	
    .img3column {flex-direction:column;}
    .img3column img {display:block; width:100%; margin:0 auto 20px;}	
	
    .img4column {flex-direction:column;}
    .img4column .itemBox {width:100%; justify-content:center; margin-bottom:20px;}
    .img4column .itemBox .item {margin:0 10px;}
	
    .img5column img {width:calc(50% - 20px); margin:10px;}

    .processWrap {flex-direction:column;}
    .processWrap .item {width:calc(100% - 0px); margin-bottom:40px;}
    .processWrap .item:after {top:-14%; left:50%; transform:translate(-50%, -50%) rotate(90deg);}
}


@media (max-width:767px) { 

	.img4column .itemBox { display:block; }
	.img4column .itemBox .item {width:100%; display:block; margin:10px 0px;}
    .img4column .itemBox .item .img img {height:auto;}
	.img4column .itemBox .item .year { width:auto;}	
}

/* docWrap */
.docWrap {padding-bottom:20px;}
.docWrap .docBox {}
.docWrap .docBox h3,
.docWrap .docBox h4 {display:block; position:relative; font-size:25px; line-height:26px; font-weight:600; margin-top:50px; margin-bottom:20px; word-break:keep-all;}
.docWrap .docBox h3::before,
.docWrap .docBox h4::before {content:''; display:block; width:40px; height:8px; border-radius:10px; background:linear-gradient(90deg, rgba(37,183,159,1) 0%, rgba(2,97,174,1) 100%); position:absolute; top:-16px; left:0;}
.docWrap .docBox h5 {display:block; position:relative; font-size:20px; line-height:22px; margin-bottom:20px; word-break:keep-all;}
.docWrap .docBox h5.number {display:flex;}
.docWrap .docBox h5 .block {display:block; width:50px; height:26px; background:#0261ae; color:#fff; border-radius:20px; text-align:center; margin-right:4px;}
.docWrap .docBox .icoDark {margin-top:30px;}
.docWrap .docBox .btnALink {margin:30px 0 0 10px;}
.docWrap .imgAlignCenter {text-align:center; margin-bottom:40px;}
.docWrap .imgAlignCenter img {display:block; margin:0 auto;}
.docWrap .imgAlignCenter.border {padding:10px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px;}


@media (max-width:767px) {
	
	.docWrap .docBox h3,
	.docWrap .docBox h4 {font-size:22px;}
	.docWrap .docBox h5 {font-size:18px;}
	
}



.docWrap .docGroup {margin-bottom:40px; word-break:keep-all;}
.docWrap .docGroup h4 {display:block; font-size:20px; line-height:24px; color:#004998; margin-bottom:20px;}
.docWrap .docGroup h4 em {font-style:normal; color:#222;}
.docWrap .docGroup h5 {display:block; font-size:20px; line-height:24px; color:#004998; font-weight:500; margin-bottom:10px;}
.docWrap .docGroup .warning {font-size:16px; line-height:20px; color:#c40000; display:block; margin:20px 0; word-break:keep-all;}
.docWrap .docGroup .desc {font-size:17px; line-height:28px; word-break:keep-all;}
.docWrap .docGroup .desc strong {color:#005daf;}
.docWrap .docGroup .list {}
.docWrap .docGroup .list ul {padding-left:18px;}
.docWrap .docGroup .list ul li {font-size:17px; line-height:28px; list-style:none; word-break:keep-all;}
.docWrap .docGroup .list ul li em {margin-left:-18px; font-style:normal;}
.docWrap .docGroup .list ul li ul li {font-size:16px; line-height:26px;}
.docWrap .docGroup .list ul.circleLine li {list-style:none; position:relative; word-break:keep-all;}
.docWrap .docGroup .list ul.circleLine li::before {content:""; display:block; width:6px; height:6px; background:#fff; border-radius:50%; border:3px solid #0060ad; position:absolute; top:8px; left:-18px;}
.docWrap .docGroup .list ul.circleLine li span { font-size:15px; font-weight:400;}
.docWrap .docGroup .list ul.circleLine li strong { font-weight:500;}
.docWrap .docGroup .list ul.none {padding-left:0;}
.docWrap .docGroup .list ul.none li::before {display:none;}

.docWrap .docGroupBox {display:flex; justify-content:space-between;}
.docWrap .docGroupBox .docGroup {width:50%;}

.docWrap .grayBox {background:#f5f5f5; padding:20px; box-sizing:border-box; margin:30px 0;}
.docWrap .grayBox p {display:block; font-size:17px; margin:10px 0;}

/* descMark */
.docWrap .descMark {margin-top:20px;}
.docWrap .descMark p {font-size:16px; line-height:20px; margin:2px 0; padding-left:20px; word-break:keep-all;}
.docWrap .descMark p em {font-style:normal; position:relative; margin-left:-20px;}
.docWrap .descMark p.blue {color:#005daf;}

@media (max-width:992px) {
    .docWrap .imgAlignCenter img {max-width:100%;}

    .docWrap .docGroupBox {flex-direction:column;}
    .docWrap .docGroupBox .docGroup {width:100%;}
    .docWrap .docGroupBox .docGroup .list img {width:100%;}
}

/* ----------------------------------------------------------------------------------------------------------------
01. 평생학습도시 고양
------------------------------------------------------------------------------------------------------------------*/
.subContainer .skvWrap.skv_01 {background:url(../img/page/skv_01_bg.jpg) no-repeat center center;}

#section1 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_01_bg.jpg) no-repeat top center;}
#section2 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_02_bg.jpg) no-repeat top center;}
#section3 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_03_bg.jpg) no-repeat top center;}
#section4 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_04_bg.jpg) no-repeat top center;}
#section5 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_05_bg.jpg) no-repeat top center;}
#section6 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_06_bg.jpg) no-repeat top center;}
#section7 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_07_bg.jpg) no-repeat top center;}
#section8 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_08_bg.jpg) no-repeat top center;}
#section9 .subContainer .skvWrap.skv_01 {background:url(../img/page/skv_09_bg.jpg) no-repeat top center;}

/* goyangEdu ================================= */
/* blockType_a1 */
.goyangEdu .blockType_a1 {background:#f1f2f7; border-radius:60px; margin-top:40px; margin-bottom:50px;}
.goyangEdu .blockType_a1 span {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; height:106px; font-size:22px; line-height:26px;}
.goyangEdu .blockType_a1 span.roundBlock {width:30%; color:#fff; border-radius:60px;}
.goyangEdu .blockType_a1 span.roundBlock::before {content:''; display:block; width:79px; height:70px; background:url(../img/page/goyangEdu_blockType_a1.png)no-repeat; position:relative; margin-bottom:-20px;}
.goyangEdu .blockType_a1 span.roundBlock.left {background:#00aa8f;}
.goyangEdu .blockType_a1 span.roundBlock.right {background:#005daf;}
.goyangEdu .blockType_a1 span.roundBlock.right::before {background-position:left bottom;}

/* blockType_a2 */
.goyangEdu .blockType_a2 {margin-bottom:50px;}
.goyangEdu .blockType_a2 .blockBox {border:1px solid #ddd; padding:30px; box-sizing:border-box; border-radius:10px; width:calc(50% - 15px); text-align:center;}
.goyangEdu .blockType_a2 .blockBox strong {font-size:22px; line-height:24px;}
.goyangEdu .blockType_a2 .blockBox p {font-size:16px; color:#555;}

/* blockType_a3 */
.goyangEdu .blockType_a3 {margin-bottom:40px;}
.goyangEdu .blockType_a3 ul {}
.goyangEdu .blockType_a3 ul li {display:block; width:calc(25% - 10px); background:#f2f2f2; border-radius:10px; text-align:center; padding:40px 10px 0; box-sizing:border-box; height:220px;}
.goyangEdu .blockType_a3 ul li strong {font-size:22px; display:block; margin-bottom:20px; letter-spacing:-1px; word-break:keep-all;}
.goyangEdu .blockType_a3 ul li p {font-size:17px; color:#555; line-height:26px; word-break:keep-all; box-sizing:border-box;}

.goyangEdu .blockType_a4 {margin-bottom:40px;}
.goyangEdu .blockType_a4 .block {display:flex; border-radius:16px; background:#ddd; padding:20px; box-sizing:border-box; margin-bottom:20px;}
.goyangEdu .blockType_a4 .block .title {display:flex; align-items:center; justify-content:center; flex-direction:column; width:188px; height:124px; background:#ccc; font-size:20px; color:#fff; border-radius:10px; margin-right:30px; padding:20px; box-sizing:border-box;}
.goyangEdu .blockType_a4 .block .title::before {content:""; display:block; width:90px; height:60px; background:url(../img/page/goyangEdu_blockType_a4.png)no-repeat; padding-bottom:10px;}
.goyangEdu .blockType_a4 .block .list {display:flex; width:calc(100% - 220px);}
.goyangEdu .blockType_a4 .block .list ul {width:100%;}
.goyangEdu .blockType_a4 .block .list ul li {font-size:18px; display:block; margin:10px 0; position:relative; padding-left:18px; word-break:keep-all;}
.goyangEdu .blockType_a4 .block .list ul li::before {content:""; display:block; width:6px; height:6px; background:#333; border-radius:50%; position:absolute; top:8px; left:0;}
.goyangEdu .blockType_a4 .block.type_a {background:#ecf6ee;}
.goyangEdu .blockType_a4 .block.type_a .title::before {}
.goyangEdu .blockType_a4 .block.type_a .title,
.goyangEdu .blockType_a4 .block.type_a .list ul li::before {background:#4ca47a;}
.goyangEdu .blockType_a4 .block.type_b {background:#eef8fb;}
.goyangEdu .blockType_a4 .block.type_b .title::before {background-position:0 -60px;}
.goyangEdu .blockType_a4 .block.type_b .title,
.goyangEdu .blockType_a4 .block.type_b .list ul li::before {background:#005daf;}
.goyangEdu .blockType_a4 .block.type_c {background:#f2f5e9;}
.goyangEdu .blockType_a4 .block.type_c .title::before {background-position:0 -120px;}
.goyangEdu .blockType_a4 .block.type_c .title,
.goyangEdu .blockType_a4 .block.type_c .list ul li::before {background:#85ad4c;}
.goyangEdu .blockType_a4 .block.type_d {background:#e9f1f1;}
.goyangEdu .blockType_a4 .block.type_d .title::before {background-position:0 -180px;}
.goyangEdu .blockType_a4 .block.type_d .title,
.goyangEdu .blockType_a4 .block.type_d .list ul li::before {background:#009790;}

/* learningCity ================================= */
.learningCity .blockWrap {margin-top:30px; margin-bottom:20px;}
.learningCity .blockWrap .title {color:#0261ae; text-align:center; margin-bottom:30px;}
.learningCity .blockWrap .title h4 {font-size:25px; line-height:28px; margin-bottom:4px;}
.learningCity .blockWrap .title p {font-size:20px;}

.learningCity .blockWrap .circleGroup {display:flex; align-items:center; justify-content:space-between; width:640px; margin:0px auto;}
.learningCity .blockWrap .circleGroup .circle {width:236px; height:236px; text-align:center; border:2px solid #ddd; border-radius:50%; margin:0px -15px; background:rgba(255,255,255,0.8); }
.learningCity .blockWrap .circleGroup .circle strong {font-size:25px; line-height:26px; display:block; margin:60px 0 20px;}
.learningCity .blockWrap .circleGroup .circle p {font-size:18px; line-height:22px; word-break:keep-all;}

.learningCity .blockWrap .circleGroup .circle.type_a {border-color:#4ca47a; }
.learningCity .blockWrap .circleGroup .circle.type_a strong {color:#4ca47a;}
.learningCity .blockWrap .circleGroup .circle.type_b {border-color:rgba(0,151,144,1);}
.learningCity .blockWrap .circleGroup .circle.type_b strong {color:#009790;}
.learningCity .blockWrap .circleGroup .circle.type_c {border-color:#0261ae;}
.learningCity .blockWrap .circleGroup .circle.type_c strong {color:#0261ae;}

.learningCity .blockWrap .cubeGroup {}
.learningCity .blockWrap .cubeGroup .cube {width:calc(33.3% - 6px); height:350px; padding:20px; box-sizing:border-box; border-radius:16px; background:#ddd;}
.learningCity .blockWrap .cubeGroup .cube strong {display:block; padding:12px 0; font-size:25px; line-height:28px; text-align:center; background:#666; color:#fff; border-radius:10px;}
.learningCity .blockWrap .cubeGroup .cube p {display:block; margin:26px 0; font-size:18px; line-height:22px; text-align:center; word-break:keep-all; }
.learningCity .blockWrap .cubeGroup .cube ul {}
.learningCity .blockWrap .cubeGroup .cube ul li {font-size:18px; line-height:130%; display:block; margin:8px 0; position:relative; padding-left:18px; word-break:keep-all; }
.learningCity .blockWrap .cubeGroup .cube ul li::before {content:""; display:block; width:6px; height:6px; background:#333; border-radius:50%; position:absolute; top:9px; left:0;}

.learningCity .blockWrap .cubeGroup .cube.type_a {background:#ecf6ee;}
.learningCity .blockWrap .cubeGroup .cube.type_a strong {background:#4ca47a;}
.learningCity .blockWrap .cubeGroup .cube.type_a p {color:#4ca47a;}
.learningCity .blockWrap .cubeGroup .cube.type_a ul li::before {background:#4ca47a;}

.learningCity .blockWrap .cubeGroup .cube.type_b {background:#e9f1f1;}
.learningCity .blockWrap .cubeGroup .cube.type_b strong {background:#009790;}
.learningCity .blockWrap .cubeGroup .cube.type_b p {color:#009790;}
.learningCity .blockWrap .cubeGroup .cube.type_b ul li::before {background:#009790;}

.learningCity .blockWrap .cubeGroup .cube.type_c {background:#eef8fb;}
.learningCity .blockWrap .cubeGroup .cube.type_c strong {background:#0261ae;}
.learningCity .blockWrap .cubeGroup .cube.type_c p {color:#0261ae;}
.learningCity .blockWrap .cubeGroup .cube.type_c ul li::before {background:#0261ae;}

@media (max-width:992px) {
	
    .goyangEdu .blockType_a1 span {font-size:16px;}
    .goyangEdu .blockType_a1 span.roundBlock {width:106px; padding:4px 20px; box-sizing:border-box;}
    .goyangEdu .blockType_a2 {flex-direction:column;}
    .goyangEdu .blockType_a2 .blockBox {margin-bottom:20px; width:100%; display:flex; flex-direction:column;}
	.goyangEdu .blockType_a2 .blockBox img { max-width:100%;}
    .goyangEdu .blockType_a3 ul {flex-direction:column;}
    .goyangEdu .blockType_a3 ul li {width:100%; height:auto; margin-bottom:10px; text-align:left; padding:16px;}
    .goyangEdu .blockType_a3 ul li strong {margin-bottom:10px;}
	.goyangEdu .blockType_a3 ul li p {}
	.goyangEdu .blockType_a3 ul li p br { display:none;}
	
    .goyangEdu .blockType_a4 .block {flex-direction:column;}
    .goyangEdu .blockType_a4 .block .title {width:100%; height:auto;}
    .goyangEdu .blockType_a4 .block .title::before {display:none;}
    .goyangEdu .blockType_a4 .block .list {width:100%; flex-direction:column;}
    .goyangEdu .blockType_a4 .block .list ul {width:100%;}
	.goyangEdu .blockType_a4 .block .list ul li {font-size:17px; }
	

    .learningCity .blockWrap .circleGroup {flex-direction:column; margin:0; width:100%;}
    .learningCity .blockWrap .circleGroup .circle {border-radius:10px; height:auto; width:100%; margin-bottom:10px; padding:0 10px 10px; box-sizing:border-box;}
    .learningCity .blockWrap .circleGroup .circle strong {margin: 10px 0 10px; font-size:22px;}
	.learningCity .blockWrap .circleGroup .circle p { font-size:17px;}
    .learningCity .blockWrap .circleGroup .circle p br {display:none;}

    .learningCity .blockWrap .cubeGroup {flex-direction:column;}
    .learningCity .blockWrap .cubeGroup .cube {margin-bottom:10px; height:auto; width:100%;}
	.learningCity .blockWrap .cubeGroup .cube strong { font-size:22px;}
	.learningCity .blockWrap .cubeGroup .cube ul li { font-size:17px;}
}


/* declarationBox ================================= */
.declarationBox {border:3px solid #00ab8f; border-radius:10px; overflow:hidden; margin-top:30px;}
.declarationBox h4 {display:flex; align-items:center; justify-content:center; height:70px; background:#00aa8f; font-size:25px; line-height:25px;}
.declarationBox h4 strong {color:#fff; display:flex; align-items:center;}
.declarationBox h4 strong::before {content:''; display:block; width:50px; height:50px; background:url(../img/page/icon_declaration.png)#fff no-repeat center; border-radius:50%; margin:0 4px;}
.declarationBox ul {margin:40px;}
.declarationBox ul li {display:block; margin:40px 0;}
.declarationBox ul li .num {display:inline-block; vertical-align:top; border-radius:20px; min-width:60px; font-size:20px; line-height:20px; padding:4px 10px; background:#00aa8f; color:#fff; white-space:nowrap; text-align:center;}
.declarationBox ul li .we {display:inline-block; vertical-align:top; margin-top2px; font-size:22px; margin:0 10px; white-space:nowrap;}
.declarationBox ul li p {display:inline-block; vertical-align:top; width: calc(100% - 200px); font-size:17px; line-height:24px; margin:0 10px; word-break:keep-all;}

@media (max-width:992px) {
	
    .declarationBox ul li p {display:block; width:100%; margin: 6px 0;}
}

/* location ================================= */
.location .mapWrap {height:430px; border:2px solid #ddd; box-sizing:border-box; margin-top:30px;  overflow:hidden;}
.location {}
.location h5 {width:130px; font-size:17px; border-radius:10px; color:#fff; font-weight:500; text-align:center; display:block; vertical-align:middle; padding:0px 15px; box-sizing:border-box; margin:0px !important; display:flex !important; display:-webkit-flex !important; display:-ms-flexbox !important; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center;}
.location ul { margin-left:22px; width:calc(100% - 152px); }
.location ul li {display:block; position:relative; padding-left:20px; margin:10px 0; word-break:keep-all;}
.location ul li::before {content:""; display:block; width:6px; height:6px; border-radius:50%; border:2px solid #0060ad; position:absolute; top:6px; left:0;}
.location ul li .busNum {display:inline-block; margin:1px 10px; font-size:16px; border:1px solid #c4c4c4; padding:0px 5px; min-width:78px; text-align:center;}
.location > div > div > div {border-top:1px solid #ddd; padding:10px 0;}
.location .blockType_a1 {  }
.location .blockType_a1 h5 { background:#4ca47a; height:69px; display:block; }

.location .blockType_a2 { }
.location .blockType_a2 h5 { background:#005daf; height:176px; display:block;}

.location .blockType_a3 { }
.location .blockType_a3 h5 { background:#85ad4c; height:39px; display:block;}

.location .blockType_a4 { }
.location .blockType_a4 h5 { background:#009790; height:99px; display:block;}

.location .blockType_a5 {}
.location .blockType_a5 h5 { background:#d08e40; height:39px; display:block;}

.location .blockType_a6 {border-bottom:1px solid #ddd;}
.location .blockType_a6 h5 { background:#c72f00; height:39px; display:block;}

.location .blockType_b { border-top:none; padding:0px;}
.location .blockType_b ul { margin:0px; width:100%;}
.location .blockType_b ul li {display:block; position:relative; padding-left:20px; margin:10px 0; word-break:keep-all; line-height:160%;}
.location .blockType_b ul li::before {content:""; display:block; width:6px; height:6px; border-radius:50%; border:2px solid #0060ad; position:absolute; top:8px; left:0;}

div.root_daum_roughmap_landing { width:100% !important; height:auto !important;}
.root_daum_roughmap  {width:100% !important; height:100% !important; border:none !important; padding:0px !important; margin:0px !important; box-sizing:border-box; }

@media (max-width:767px) {
	
    .location > div > div > div { display:block;}
	.location h5 {width:100%;}
	.location ul  { margin-left:0px; width:calc(100% - 0px); }
	.location .blockType_a1 h5,
	.location .blockType_a2 h5,
	.location .blockType_a3 h5,
	.location .blockType_a4 h5,
	.location .blockType_a5 h5,
	.location .blockType_a6 h5 { height:39px;}  
	.location ul li .busNum {margin:3px; min-width:auto;}
	
}


/* ----------------------------------------------------------------------------------------------------------------
02. 주요사업
------------------------------------------------------------------------------------------------------------------*/
.subContainer .containerWrap .containerBox .pageTabs {margin:10px -5px; font-size:0; position:relative;}
.subContainer .containerWrap .containerBox .pageTabs a {display:inline-block; vertical-align:top; width:calc(12.3% - 8px); margin:5px; height:30px; line-height:30px; font-weight:400; background:#f1f2f7; font-size:17px; color:#666; text-align:center;}
.subContainer .containerWrap .containerBox .pageTabs a.active {background:#005daf; color:#fff;}

/* docWrapTable */
.docWrapTable {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:40px;}
.docWrapTable .docWrap {}
.docWrapTable .docWrap .mapBox {width:430px;}
.docWrapTable .tableResponsive {margin-top:36px;}
.docWrapTable .tableResponsive.lineBox tr th,
.docWrapTable .tableResponsive.lineBox tr td {padding:7px 10px;}
.docWrapTable .tableResponsive p { margin:10px 0px;}

/* docWrapColumn */
.docWrapColumn {background:#f8f8f8; border:1px solid #ddd; padding:30px; box-sizing:border-box; display:flex; justify-content: space-between;}
.docWrapColumn .column {width:calc(50% - 10px);}
.docWrapColumn .column h4 {display:flex; align-items:center; font-size:25px; font-weight:500;}
.docWrapColumn .column h4::before {content:''; display:block; width:35px; height:25px; background:url(../img/page/icon_book.png)no-repeat; margin-right:10px;}
.docWrapColumn .column .desc {display:block; font-size:16px; margin:10px 0 30px; word-break:keep-all;}
.docWrapColumn .column .docWrap {padding:0;}
.docWrapColumn .column .docWrap .docGroup {margin:0;}
.docWrapColumn .column .docWrap .docGroup h5 {display:inline-block; font-size:16px; color:#fff; background:#005db0; border-radius:20px; padding:4px 20px; margin-bottom:10px;}

.docWrapColumn .column .video { position:relative; width:100%; padding-top:56.25%; margin:0px 0 30px 0; }	
.docWrapColumn .column .video iframe{position:absolute; top:0px; width:100% !important; height:100% !important;}
	

@media (max-width:992px) {
	
	.subContainer .containerWrap .containerBox .pageTabs a {width:calc(25% - 10px);}
}


@media (max-width:767px) {
	
    /* docWrapTable */
    .docWrapTable {flex-direction:column;}
    .docWrapTable .docWrap {width:100%;}
    .docWrapTable .docWrap .mapBox {width:100%;}
	.docWrapTable .docWrap .mapBox img { max-width:100%; width:100%;}

    /* docWrapColumn */
    .docWrapColumn {flex-direction:column; padding:20px 20px 10px 20px;}
    .docWrapColumn .column {width:100%; margin-bottom:10px;}	
	
	.docWrapTable .tableResponsive {margin-top:16px;}
	
	.subContainer .containerWrap .containerBox .pageTabs a {width:calc(33.3% - 10px);}
    
 
}

/* 평생학습카페 */
.diagramBox { text-align:center;}
.diagramBox img { max-width:100%; margin:0px auto;}
.diagramBox .itemBox { width:527px; background:#005daf; border-radius:100px; padding:25px 20px; margin:30px auto; box-sizing:border-box;} 
.diagramBox .itemBox .title,
.diagramBox .itemBox .desc {display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; }
.diagramBox .itemBox .title { font-size:22px; line-height:30px; font-weight:500; margin-bottom:10px;}
.diagramBox .itemBox .desc { font-size:18px;  word-break:keep-all;}

@media (max-width:767px) {
	
	.diagramBox .itemBox { width:100%; padding:15px; margin:20px auto;}
	.diagramBox .itemBox .title { font-size:20px;}
	.diagramBox .itemBox .desc { font-size:16px;}
	
	
 
}

.cafeMapBox {display:flex; align-items:center; justify-content:center; height:700px; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; border-radius:6px; position:relative; margin-bottom:50px;}
.cafeMapBox h3 {display:inline-block; font-size:30px; line-height:30px; color:#fff; background:#005db0; padding:10px 16px; border-radius:6px; position:absolute; top:0; left:0; z-index:1;}
.cafeMapBox .cafeMap {width:823px; height:550px; background:url(../img/page/cafeMap.png)no-repeat; position:relative;}
.cafeMapBox .cafeMapmo {display:none;}

.cafeMapBox .cafeMap .cafePoint {width:18px; display:flex; flex-direction:column; position:absolute;}
.cafeMapBox .cafeMap .cafePoint .point {display:block; width:18px; height:26px; margin:0 auto; position:relative; opacity:0.6; padding:0px;}
.cafeMapBox .cafeMap .cafePoint .point em { position:relative; z-index:10; font-size:12px; font-weight:500; color:#fff; vertical-align:top; display:block; text-align:center; }
.cafeMapBox .cafeMap .cafePoint .point::before {content:''; width:0; height:0; border-top:8px #1a78b5 solid; border-right:5px transparent solid; border-left:5px transparent solid; position:absolute; bottom:0; left:5px;}
.cafeMapBox .cafeMap .cafePoint .point::after {content:''; display:block; width:18px; height:18px; background:#1a78b5; border-radius:50%; position:absolute; top:4px; left:0px; z-index:0;}

.cafeMapBox .cafeMap .cafePoint .cafeInfo {width:146px; border:2px solid #1a78b5; padding:10px; background:#fff; box-sizing:border-box; border-radius:6px; order:-1; position:absolute; bottom:20px; left:-66px; display:none;}
.cafeMapBox .cafeMap .cafePoint .cafeInfo strong {font-size:17px; font-weight:500; color:#1a78b5; word-break:keep-all;}
.cafeMapBox .cafeMap .cafePoint .cafeInfo p {font-size:14px; color:#222; word-break:keep-all;}
.cafeMapBox .cafeMap .cafePoint .point:hover {opacity:1;}
.cafeMapBox .cafeMap .cafePoint .point:hover ~ .cafeInfo {display:block; z-index:99;}
.cafeMapBox .cafeMap .cafePoint .point:focus ~ .cafeInfo {display:block; z-index:99;}

.cafeMapBox .cafeMap .cafePoint.type_b .point::before {border-top:8px #d85600 solid;}
.cafeMapBox .cafeMap .cafePoint.type_b .point::after {background:#d85600;}
.cafeMapBox .cafeMap .cafePoint.type_b .cafeInfo {border:2px solid #d85600;}
.cafeMapBox .cafeMap .cafePoint.type_b .cafeInfo strong {color:#d85600;}

.cafeMapBox .cafeMap .cafePoint.type_c .point::before {border-top:8px #589200 solid;}
.cafeMapBox .cafeMap .cafePoint.type_c .point::after {background:#589200;}
.cafeMapBox .cafeMap .cafePoint.type_c .cafeInfo {border:2px solid #589200;}
.cafeMapBox .cafeMap .cafePoint.type_c .cafeInfo strong {color:#589200;}

.cafeMapBox .cafeMap .cafePoint.xy_01 {bottom:161px; right:388px;}
.cafeMapBox .cafeMap .cafePoint.xy_02 {bottom:169px; right:406px;}
.cafeMapBox .cafeMap .cafePoint.xy_03 {bottom:421px; right:230px;}
.cafeMapBox .cafeMap .cafePoint.xy_04 {bottom:228px; right:400px;}
.cafeMapBox .cafeMap .cafePoint.xy_05 {bottom:280px; right:414px;}
.cafeMapBox .cafeMap .cafePoint.xy_06 {bottom:168px; right:373px;}
.cafeMapBox .cafeMap .cafePoint.xy_07 {bottom:369px; right:232px;}
.cafeMapBox .cafeMap .cafePoint.xy_08 {bottom:278px; right:381px;}
.cafeMapBox .cafeMap .cafePoint.xy_09 {bottom:430px; right:244px;}
.cafeMapBox .cafeMap .cafePoint.xy_10 {bottom:274px; right:363px;}
.cafeMapBox .cafeMap .cafePoint.xy_11 {bottom:242px; right:239px;}
.cafeMapBox .cafeMap .cafePoint.xy_12 {bottom:266px; right:285px;}
.cafeMapBox .cafeMap .cafePoint.xy_13 {bottom:149px; right:400px;}
.cafeMapBox .cafeMap .cafePoint.xy_14 {bottom:421px; right:354px;}
.cafeMapBox .cafeMap .cafePoint.xy_15 {bottom:388px; right:330px;}
.cafeMapBox .cafeMap .cafePoint.xy_16 {bottom:256px; right:306px;}
.cafeMapBox .cafeMap .cafePoint.xy_17 {bottom:180px; right:387px;}
.cafeMapBox .cafeMap .cafePoint.xy_18 {bottom:278px; right:501px;}
.cafeMapBox .cafeMap .cafePoint.xy_19 {bottom:285px; right:604px;}
.cafeMapBox .cafeMap .cafePoint.xy_20 {bottom:250px; right:520px;}
.cafeMapBox .cafeMap .cafePoint.xy_21 {bottom:278px; right:592px;}
.cafeMapBox .cafeMap .cafePoint.xy_22 {bottom:380px; right:533px;}
.cafeMapBox .cafeMap .cafePoint.xy_23 {bottom:284px; right:549px;}
.cafeMapBox .cafeMap .cafePoint.xy_24 {bottom:311px; right:525px;}
.cafeMapBox .cafeMap .cafePoint.xy_25 {bottom:374px; right:520px;}
.cafeMapBox .cafeMap .cafePoint.xy_26 {bottom:295px; right:521px;}
.cafeMapBox .cafeMap .cafePoint.xy_27 {bottom:330px; right:423px;}

.cafeMapBox .cafeMap .cafePoint.xy_28 {bottom:369px; right:559px;}
.cafeMapBox .cafeMap .cafePoint.xy_29 {bottom:391px; right:678px;}
.cafeMapBox .cafeMap .cafePoint.xy_30 {bottom:354px; right:678px;}
.cafeMapBox .cafeMap .cafePoint.xy_31 {bottom:340px; right:653px;}
.cafeMapBox .cafeMap .cafePoint.xy_32 {bottom:306px; right:651px;}
.cafeMapBox .cafeMap .cafePoint.xy_33 {bottom:354px; right:697px;}
.cafeMapBox .cafeMap .cafePoint.xy_34 {bottom:406px; right:574px;}
.cafeMapBox .cafeMap .cafePoint.xy_35 {bottom:340px; right:636px;}
.cafeMapBox .cafeMap .cafePoint.xy_36 {bottom:320px; right:600px;}
.cafeMapBox .cafeMap .cafePoint.xy_37 {bottom:341px; right:598px;}
.cafeMapBox .cafeMap .cafePoint.xy_38 {bottom:390px; right:698px;}
.cafeMapBox .cafeMap .cafePoint.xy_39 {bottom:338px; right:570px;}
.cafeMapBox .cafeMap .cafePoint.xy_40 {bottom:330px; right:586px;}
.cafeMapBox .cafeMap .cafePoint.xy_41 {bottom:333px; right:613px;}
.cafeMapBox .cafeMap .cafePoint.xy_42 {bottom:306px; right:571px;}
.cafeMapBox .cafeMap .cafePoint.xy_43 {bottom:317px; right:561px;}
.cafeMapBox .cafeMap .cafePoint.xy_44 {bottom:330px; right:552px;}
.cafeMapBox .cafeMap .cafePoint.xy_45 {bottom:408px; right:617px;} 
.cafeMapBoxmo { display:none;}

/* --------------------------------------------------------
contabBox
----------------------------------------------------------*/
.contabBox { overflow:hidden;}
.contabBox > ul { font-size:0; position:relative; margin:0px -2px;}
.contabBox > ul > li { width:calc(33.3% - 4px); margin:0px 2px; vertical-align:top; height:47px; line-height:47px; background:#f1f2f7 !important; box-sizing:border-box; text-align:center !important;}
.contabBox > ul > li > a {display:block;}
.contabBox > ul > li:hover,
.contabBox > ul > li:hover a {background:#1a78b5; color:#fff; z-index:1;}
.contabBox > ul > li:nth-child(2):hover,
.contabBox > ul > li:nth-child(2):hover a {background:#d85600;}
.contabBox > ul > li:nth-child(3):hover,
.contabBox > ul > li:nth-child(3):hover a {background:#589200;}


.ui-tabs {position:relative; text-align:left;}
.ui-tabs .ui-tabs-nav {font-size:0px;}
.ui-tabs .ui-tabs-nav li { list-style:none; white-space:nowrap;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { text-align:center;}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor {display:block; height:47px; line-height:47px; font-size:20px; font-weight:500;}
.ui-tabs .ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor:before { background:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {z-index:1;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {color:#fff; background:#1a78b5;}
.ui-tabs .ui-tabs-nav li:nth-child(2).ui-tabs-active .ui-tabs-anchor {background:#d85600;}
.ui-tabs .ui-tabs-nav li:nth-child(3).ui-tabs-active .ui-tabs-anchor {background:#589200;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor:text;}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor:pointer;}
.ui-tabs .ui-tabs-panel {display:block; padding:0px;}

.tabContents { margin-top:20px;}

.cafeListWrap {}
.cafeListWrap .ui-widget.ui-widget-content { border:none;}
.cafeListWrap .ui-corner-all,
.cafeListWrap .ui-corner-top,
.cafeListWrap .ui-corner-left,
.cafeListWrap .ui-corner-tl { border-radius:0px;}
.cafeListWrap .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin:0px;}
.cafeListWrap .ui-tabs .ui-tabs-nav li { margin:0px;}
.cafeListWrap .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:0px;}
.cafeListWrap .ui-state-default, 
.cafeListWrap .ui-widget-content .ui-state-default, 
.cafeListWrap .ui-widget-header .ui-state-default, 
.cafeListWrap .ui-button, 
html .cafeListWrap .ui-button.ui-state-disabled:hover, 
html .cafeListWrap .ui-button.ui-state-disabled:active { border:none; background:none;}
.cafeListWrap .ui-widget-header { border:none; background:none;}
.cafeListWrap .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float:none;}


.cafeList {}
.cafeList > li {border-bottom:1px solid #ddd; padding:10px; box-sizing:border-box; width:100% !important; background:#fff;}
.cafeList > li strong {font-size:18px; font-weight:400; margin-bottom:10px; display:block; }
.cafeList > li strong em { display:inline-block; font-size:15px; font-weight:500; width:20px; height:20px; color:#fff; position:relative; border-radius:50%; text-align:center; margin-right:5px;}
.cafeList > li p {font-size:17px; color:#222; word-break:keep-all;}

.cafeList.type_a li strong {color:#1a78b5;}
.cafeList.type_a li strong em {background:#1a78b5; }
.cafeList.type_b li strong {color:#d85600;}
.cafeList.type_b li strong em {background:#d85600; }
.cafeList.type_c li strong {color:#589200;} 
.cafeList.type_c li strong em {background:#589200; } 

@media (max-width:992px) {
	
	.cafeMapBox { height:auto; margin-bottom:30px; padding:20px; box-sizing:border-box; }
	.cafeMapBox h3 { font-size:20px; line-height:20px;}
	.cafeMapBox .cafeMap {display:none;}
	.cafeMapBox .cafeMapmo {display:block;}	
	.cafeMapBox .cafeMapmo img { max-width:100%; width:100%;}
 
}


@media (max-width:767px) {

    .cafeMapBox { padding:10px; padding-top:30px; }
	.cafeMapBox h3 { font-size:18px;}  	
	.contabBox > ul {margin:0px; display:block;}
    .contabBox > ul > li { width:calc(100% - 4px); margin:2px 0px;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor {font-size:17px;}
	
	.cafeListWrap .ui-tabs .ui-tabs-nav li.ui-tabs-active,
	.cafeListWrap .ui-tabs .ui-tabs-nav li { margin:2px 0px;}
	
	.cafeList > li strong {font-size:17px;}
    .cafeList > li p {font-size:16px;}	
	
}

.lectureTableWrap {}
.lectureTableWrap .tableResponsive {display:none;}
.lectureTableWrap .tableResponsive.active {display:block;}



.pointBox { margin-top:54px; box-sizing:border-box;}
.pointBox.pointBg01 { background:#f8f8f8 url(../img/page/pointBg01.png) no-repeat top right; padding:40px 370px 10px 30px; }
.pointBox.pointBg02 { background:#f8f8f8; padding:40px 30px 10px 30px; }
.pointBox h4 { color:#004998; font-size:20px; line-height:26px; font-weight:500; margin-bottom:30px; word-break:keep-all; }
.pointBox ul.circleLine li { margin-bottom:30px; line-height:24px !important;}
.pointBox ul.circleLine li span { color:#004998; font-size:17px !important;}
.pointBox.pointBg02 .docWrap .docGroup .list ul { padding-left:0px ;}
.pointBox.pointBg02 ul.circleLine li { margin-bottom:10px;}
.pointBox.pointBg02 ul.circleLine li span { color:#009475;}
.pointBox.pointBg02 ul.circleLine li::before { display:none !important;}
.pointBox.pointBg02 h4 { background:#009475; color:#fff; height:32px; line-height:32px; border-radius:30px; text-align:center; width:166px; font-size:17px;}

@media (max-width:767px) {

    .pointBox.pointBg01 { background:#f8f8f8 url(../img/page/pointBg01.png) no-repeat bottom center; padding:30px 20px 280px 20px; background-size:contain; }
	
}

@media (max-width:480px) {

    .pointBox.pointBg01 { padding:30px 20px 180px 20px;}
	.pointBox.pointBg02 { padding:40px 20px 10px 20px; }
	.pointBox.pointBg02 ul.circleLine li span { display:block;}
	
}

.englishSchool { position:relative; padding-right:400px; box-sizing:border-box; }
.englishSchool:before {content:''; display:inline-block; width:385px; height:385px; background:#e4f7f5 url(../img/page/englishSchoolBg.png) no-repeat center center; position:absolute; right:0px; top:8px; border-radius:50%;}
.scienceSchool { position:relative; padding-right:400px; box-sizing:border-box; }
.scienceSchool:before {content:''; display:inline-block; width:385px; height:385px; background:#f1f7ff url(../img/page/scienceSchoolBg.png) no-repeat center center; position:absolute; right:0px; top:8px; border-radius:50%;}


@media (max-width:990px) {

    .englishSchool {padding-right:300px; }
    .englishSchool:before { width:285px; height:285px; background-size:contain; }
	
	.scienceSchool {padding-right:300px; }
    .scienceSchool:before { width:285px; height:285px; background-size:contain; }
	
}


@media (max-width:767px) {

    .englishSchool {padding-right:0px;  }
    .englishSchool:before { display:none; }
	.scienceSchool {padding-right:0px;  }
    .scienceSchool:before { display:none; }
	
}

/* ----------------------------------------------------------------------------------------------------------------
03. 학습네트워크
------------------------------------------------------------------------------------------------------------------*/
/* onlineEdu */
.onlineEdu {margin-top:30px; display:flex; flex-flow:row wrap; justify-content:space-between;}
.onlineEdu .item {border:1px solid #ddd; padding:20px; box-sizing:border-box; border-radius:6px; width:calc(50% - 10px); margin-bottom:20px;}
.onlineEdu .item .webInfo {margin-bottom:20px;}
.onlineEdu .item .webInfo img {display:inline-block; vertical-align:top;}
.onlineEdu .item .webInfo .info {display:inline-block; vertical-align:top; margin-left:20px; width:calc(100% - 240px);}
.onlineEdu .item .webInfo .info .title {margin-bottom:20px;}
.onlineEdu .item .webInfo .info .title em {display:block; font-size:16px; color:#222; margin-bottom:10px; word-break:keep-all;}
.onlineEdu .item .webInfo .info .title strong {display:block; font-size:20px; color:#004998;}
.onlineEdu .item .webInfo .info .desc {font-size:16px; line-height:20px; color:#222; word-break:keep-all;}

.onlineEdu .item .detailInfo {display:flex; justify-content:space-between;}
.onlineEdu .item .detailInfo ul {padding-left:18px;}
.onlineEdu .item .detailInfo ul li {font-size:16px; line-height:20px; color:#555; position:relative; display:block; margin:4px 0;}
.onlineEdu .item .detailInfo ul li::before {content:""; display:block; width:4px; height:4px; background:#000; position:absolute; top:8px; left:-14px;}
.onlineEdu .item .detailInfo .btnLink {display:flex; align-items:center; width:142px; height:78px; background:url(../img/page/icon_btnLink.png)#004998 no-repeat center right 10px; color:#fff; border-radius:4px; padding:16px; box-sizing:border-box;}

@media (max-width:992px) {
    .onlineEdu {flex-direction:column;}
    .onlineEdu .item {width:100%;}
}

@media (max-width:512px) {
    .onlineEdu .item .detailInfo {flex-direction:column;}
    .onlineEdu .item .detailInfo ul {margin-bottom:10px;}
    .onlineEdu .item .detailInfo .btnLink {height:46px; width:100%;}
    .onlineEdu .item .webInfo img {display:block; margin:0 auto; width:100%;}
    .onlineEdu .item .webInfo .info {display:block; margin:20px 0 0; width:100%;}
}


/* eduCenter */
.eduCenterWrap {}
.eduCenterWrap .map {}
.eduCenterWrap .eduCenter {display:flex; flex-flow:row wrap; justify-content:space-between;}
.eduCenterWrap .eduCenter .item {border:1px solid #ddd; padding:20px; box-sizing:border-box; border-radius:6px; width:calc(50% - 10px); margin-bottom:10px;}
.eduCenterWrap .eduCenter .item .title {margin-bottom:20px;}
.eduCenterWrap .eduCenter .item .title strong {display:flex; font-size:20px; color:#004998; margin-bottom:20px;}
.eduCenterWrap .eduCenter .item .title strong em {display:block; width:20px; height:20px; background:#004998; color:#fff; border-radius:50%; font-size:12px; text-align:center; margin-right:6px;}
.eduCenterWrap .eduCenter .item .title strong span { font-size:18px; font-weight:400; color:#222; margin-left:10px;}
.eduCenterWrap .eduCenter .item .title p {font-size:18px; line-height:20px; color:#222; margin-left:25px;  word-break:keep-all;} 
.eduCenterWrap .eduCenter .item ul {padding-left:18px;}
.eduCenterWrap .eduCenter .item ul li {font-size:17px; line-height:20px; color:#555; position:relative; display:block; margin:6px 0; word-break:keep-all;}
.eduCenterWrap .eduCenter .item ul li::before {content:""; display:block; width:4px; height:4px; background:#000; position:absolute; top:8px; left:-14px;}

@media (max-width:992px) {
	
    .eduCenterWrap .map img { max-width:100%;}
    .eduCenterWrap .eduCenter {flex-direction:column; margin-top:30px;}
    .eduCenterWrap .eduCenter .item {width:100%;}
}


@media (max-width:767px) {
	
    .eduCenterWrap .eduCenter .item .title strong {font-size:18px;}
	.eduCenterWrap .eduCenter .item .title strong span { font-size:17px;}
	.eduCenterWrap .eduCenter .item .title p {font-size:17px; margin-left:0px;}

}

/* ----------------------------------------------------------------------------------------------------------------
04. 강사은행
------------------------------------------------------------------------------------------------------------------*/
/* privacyWrap */
.containerWrap .containerBox .termsWrap {padding-bottom:40px; margin-top:30px; border-bottom: 1px solid #ddd;}
.containerWrap .containerBox .termsWrap .termsBox {height:350px; line-height:24px; font-weight:300; letter-spacing:0.4px; border:1px solid #dfdfdf; padding:20px; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; font-size:16px; color:#444; word-break:break-all;}
.containerWrap .containerBox .termsWrap .termsBox h3 {font-weight:bold; display:block; font-size:18px; margin-bottom:10px;}
.containerWrap .containerBox .termsWrap .agree {margin-top:10px;justify-content: flex-start;}
.containerWrap .containerBox .termsWrap .agree p {font-size:16px; font-weight:300; text-indent:20px;}
.containerWrap .containerBox .termsWrap .agree p .br {display:none;}
.containerWrap .containerBox .termsWrap .agree .optWrap {display:flex; font-size:16px; margin:0; justify-content: right;}
.containerWrap .containerBox .termsWrap .agree .optWrap .opt {display:inline-block; vertical-align:middle; margin-left:30px;}
.containerWrap .containerBox .termsWrap .agree .optWrap .opt input[type=radio]+label:before {vertical-align:sub; margin-right:2px;}
.containerWrap .containerBox .termsWrap .agree_text ul{color: #000; font-size: 16px; text-align: left; margin: 10px 0; padding-left: 34px;}
.containerWrap .containerBox .termsWrap .agree_text ul li{margin-bottom: 12px;}
.form_group .termsWrap .agree p{font-weight: 500 !important; font-size: 17px !important;
  letter-spacing: -1px; text-align: left;}
.form_group .opt input[type=radio]+label span.text, input[type=checkbox]+label span.text{
  font-weight: 500; font-size: 17px; letter-spacing: -1px;}
.form_group .agree_text ul li{font-weight: 300;}
@media (max-width:1180px) {
	.containerWrap .containerBox .termsWrap .agree {text-align:right; line-height:26px;}
	.containerWrap .containerBox .termsWrap .agree p {margin-bottom:10px;}
	.containerWrap .containerBox .termsWrap .agree p .br {display:block;}
	.containerWrap .containerBox .termsWrap ~ .buttonWrap button {width:calc(100% - 20px);}
}
@media (max-width:590px) {
  .form_group .termsWrap .agree p{text-indent: inherit !important;}
}
@media (max-width:332px) {
  .form_group .optWrap .opt{margin: 0 10px;}
}
.containerWrap .containerBox .descriptGuide {padding:20px; box-sizing:border-box; background:#fbfbfb; text-align:center;}
.containerWrap .containerBox .descriptGuide p {color:#004998; font-size:17px;}

/* instructorBankObject */
.containerWrap .containerBox .instructorBankObjectWrap {background:#f8f8f8; padding:33px 0px;}
.containerWrap .containerBox .instructorBankObject {display:flex; align-items:center; justify-content:center; position:relative; height:290px; margin:0 10%;}
.containerWrap .containerBox .instructorBankObject:after {content:''; display:block; width:100%; height:calc(100% - 80px); border:2px dashed #b6b6b6; margin:0px; border-radius:200px;}
.containerWrap .containerBox .instructorBankObject span {display:flex; align-items:center; justify-content:center; width:118px; height:118px; font-size:18px; position:absolute; background:url(../img/page/icon_instructorBank04.png) no-repeat center center; padding:0px 20px; box-sizing:border-box; word-break:keep-all; text-align:center; }

.containerWrap .containerBox .instructorBankObject strong {display:flex; align-items:center; justify-content:center; flex-direction:column; width:145px; height:34px; background:#003278; color:#fff; border-radius:50px; position:absolute; top:70%; left:50%; transform:translate(-50%, -50%);}

.containerWrap .containerBox .instructorBankObject strong:before {content:''; display:block; width:175px; height:124px; background:url(../img/page/icon_instructorBank.png)no-repeat; position:absolute; top:-124px; left:0px;}
.containerWrap .containerBox .instructorBankObject .left {left:70px;}
.containerWrap .containerBox .instructorBankObject .right {right:70px;}
.containerWrap .containerBox .instructorBankObject .top {top:0;}
.containerWrap .containerBox .instructorBankObject .bottom {bottom:0;}

.containerWrap .containerBox .instructorBankObject span:nth-child(1) { }
.containerWrap .containerBox .instructorBankObject span:nth-child(2) { background:url(../img/page/icon_instructorBank01.png) no-repeat center center;}
.containerWrap .containerBox .instructorBankObject span:nth-child(3) { background:url(../img/page/icon_instructorBank02.png) no-repeat center center;}
.containerWrap .containerBox .instructorBankObject span:nth-child(4) { background:url(../img/page/icon_instructorBank03.png) no-repeat center center;}


/* instructorRegister */
.containerWrap .containerBox .instructorRegister {display:flex; justify-content:space-between; align-items:center;}
.containerWrap .containerBox .instructorRegister span {display:block; width:172px; height:172px; background:#f1f2f7; border-radius:50%; text-align:center; position:relative; font-size:16px; color:#222; padding:30px 0 0 0; box-sizing:border-box;}
.containerWrap .containerBox .instructorRegister span:before {content:''; display:block; width:80px; height:80px; margin:0 auto 10px; background:url(../img/page/icon_instructorRegister.png)no-repeat;}
.containerWrap .containerBox .instructorRegister span.icon_01::before {background-position:0px 0px;}
.containerWrap .containerBox .instructorRegister span.icon_02::before {background-position:0px -80px;}
.containerWrap .containerBox .instructorRegister span.icon_03::before {background-position:0px -160px;}
.containerWrap .containerBox .instructorRegister span.icon_04::before {background-position:0px -240px;}
.containerWrap .containerBox .instructorRegister span:after {content:''; display:block; width:36px; height:36px; background:url(../img/page/icon_bulArrow.png)no-repeat; position:absolute; top:50%; left:-50%; transform:translate(50%, -50%); z-index:2;}
.containerWrap .containerBox .instructorRegister span:first-child:after {display:none;}

@media (max-width:992px) {
	
    .containerWrap .containerBox .instructorBankObject {margin:0 0 70px;}
    .containerWrap .containerBox .instructorRegister {flex-direction:column;}
    .containerWrap .containerBox .instructorRegister span {margin-bottom:60px; border-radius:6px; width:100%; padding:20px 0; height:auto; font-size:17px;}
    .containerWrap .containerBox .instructorRegister span:before {display:none;}
    .containerWrap .containerBox .instructorRegister span:after {top:-50%; left:50%; transform:translate(-50%, -50%) rotate(90deg);}
    .containerWrap .containerBox .termsWrap .agree{flex-direction: column; justify-content: flex-start;
      display: flex; align-items: flex-start;
    }
}


@media (max-width:767px) {
	
	.containerWrap .containerBox .instructorBankObjectWrap {background:#fff; padding:0px;}
	.containerWrap .containerBox .instructorBankObject { height:360px;}
	.containerWrap .containerBox .instructorBankObject strong { top:65%;}
	.containerWrap .containerBox .instructorBankObject span { font-size:16px;}
    .containerWrap .containerBox .instructorBankObject .left {left:0px;}
    .containerWrap .containerBox .instructorBankObject .right {right:0px;}
  
    .containerWrap .containerBox .termsWrap .agree_text ul{padding-left: 19px;}
}


/* ----------------------------------------------------------------------------------------------------------------
05. 알림마당
------------------------------------------------------------------------------------------------------------------*/
.containerWrap .containerBox .borrowWrap {display:flex; justify-content:space-between; margin-top:30px;}
.containerWrap .containerBox .borrowWrap .borrowBox {border:1px solid #ddd; width:calc(50% - 10px); border-radius:6px; padding:30px; box-sizing:border-box;}
.containerWrap .containerBox .borrowWrap .borrowBox h4 {display:block; font-size:25px; color:#005cb0; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.containerWrap .containerBox .borrowWrap .borrowBox .desc {display:block; font-size:17px; line-height:22px; color:#222; word-break:keep-all;}
.containerWrap .containerBox .borrowWrap .borrowBox .imgBox {margin:10px 0;}
.containerWrap .containerBox .borrowWrap .borrowBox .imgBox img {width:100%;}
.containerWrap .containerBox .borrowWrap .borrowBox .docWrap {background:#f7f7f7; height:130px; padding:20px; box-sizing:border-box; margin-bottom:20px;}
.containerWrap .containerBox .borrowWrap .borrowBox .docWrap .docGroup {margin:0;}
.containerWrap .containerBox .borrowWrap .borrowBox a { padding:0px;}

@media (max-width:992px) {
    .containerWrap .containerBox .borrowWrap {flex-direction:column;}
    .containerWrap .containerBox .borrowWrap .borrowBox {width:100%; margin-bottom:20px;}
}

@media (max-width:767px) {
     
    .containerWrap .containerBox .borrowWrap .borrowBox { padding:20px; }
}

 
/* ----------------------------------------------------------------------------------------------------------------
08. 기타
------------------------------------------------------------------------------------------------------------------*/
/* memberWrap */
.containerBox .memberWrap {margin-top:24px;}
.containerBox .memberWrap .authentication {font-size:0;  margin-bottom:40px;}
.containerBox .memberWrap .authentication .auth {width:calc(50% - 20px); height:560px; border:1px solid #d1d1d1; box-sizing:border-box;}
.containerBox .memberWrap .authentication .auth:before {content:''; display:block; width:172px; height:172px; margin:56px auto 20px; border-radius:50%;}
.containerBox .memberWrap .authentication .auth .infoWrap {font-size:15px; text-align:center; margin-bottom:60px;}
.containerBox .memberWrap .authentication .auth .infoWrap .info {}
.containerBox .memberWrap .authentication .auth .infoWrap .info strong {display:block; font-size:25px; line-height:26px; margin-bottom:24px; font-weight:500;}
.containerBox .memberWrap .authentication .auth .infoWrap .info p {display:block; font-size:17px; line-height:26px; color:#222; margin-bottom:40px;}
.containerBox .memberWrap .authentication .auth .infoWrap button {background:#fff; font-size:20px; border:3px solid #333; line-height:normal; padding:10px 30px; height:auto;}
.containerBox .memberWrap .authentication .auth.cellphone:before {background:url(../img/page/icon_member_phone.png)#005daf no-repeat center;}
.containerBox .memberWrap .authentication .auth.cellphone .infoWrap .info strong {color:#005daf;}
.containerBox .memberWrap .authentication .auth.cellphone .infoWrap button {color:#005daf; border-color:#005daf;}
.containerBox .memberWrap .authentication .auth.iPin:before {background:url(../img/page/icon_member_ipin.png)#00ab8e no-repeat center;}
.containerBox .memberWrap .authentication .auth.iPin .infoWrap .info strong {color:#00ab8e;}
.containerBox .memberWrap .authentication .auth.iPin .infoWrap button {color:#00ab8e; border-color:#00ab8e;}

@media (max-width:1180px) {
    .containerBox .memberWrap .authentication {flex-direction:column; -ms-flex-direction:column;}
    .containerBox .memberWrap .authentication .auth {width:calc(100% - 0px); margin-bottom:20px;}
    .containerBox .memberWrap .authentication .auth .infoWrap .info p {font-size:16px;}
}

/* totalSearch */
.totalSearch {margin-top:30px;}
.totalSearch .searchBox {padding:50px 0; border:4px solid #ddd; border-radius:6px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.totalSearch .searchBox form {}
.totalSearch .searchBox form fieldset {display:flex; align-items:center;}
.totalSearch .searchBox form fieldset label {white-space:nowrap; font-size:25px; line-height:25px;}
.totalSearch .searchBox form fieldset input {margin:0 20px; width:290px; height:42px; font-size:16px;}

.totalSearch .searchKeyWord {text-align:center; margin:40px 0; font-size:20px; line-height:26px;}
.totalSearch .searchKeyWord strong {color:#004998;}
.totalSearch .searchKeyWord em {color:#990000;}

.totalSearch .searchList {margin-bottom:50px;}
.totalSearch .searchList .title {display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #222; padding:10px 0;}
.totalSearch .searchList .title h3 {font-size:20px;}
.totalSearch .searchList .title h3 em {color:#990000;}
.totalSearch .searchList .title .more {display:block; font-size:20px; font-weight:600; padding:10px;}
.totalSearch .searchList ul {border-bottom:1px solid #ddd; padding:10px 0;}
.totalSearch .searchList ul li {display:flex; justify-content:space-between; padding:10px 0;}
.totalSearch .searchList ul li .date {color:#666;}

@media (max-width:992px) {
    .totalSearch .searchBox {padding:20px 0;}
    .totalSearch .searchBox form {width:100%;}
    .totalSearch .searchBox form fieldset {flex-direction:column;}
    .totalSearch .searchBox form fieldset input {margin:20px; width:calc(100% - 40px);}
    .totalSearch .searchKeyWord {font-size:16px; line-height:22px;}
    .totalSearch .searchList ul li {flex-direction:column;}
}


.calendarWrap {border-top:2px solid #000;}
.calendarWrap .calendarHeader {font-size:0; margin-left:1px; display:flex; display:-webkit-flex; display:-ms-flexbox;}
.calendarWrap .calendarHeader span {display:inline-block; vertical-align:top; font-size:17px; color:#2e2e2e; height:60px; line-height:60px; text-align:center; border:1px solid #d9d9d9; background:#f7f7f7; border-top:0; position:relative; margin-left:-1px; box-sizing:border-box; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; width:0;}
.calendarWrap .calendarBody {}
.calendarWrap .calendarBody ul {font-size:0; margin-left:1px; display:flex; display:-webkit-flex; display:-ms-flexbox; -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -ms-flex-direction: row;  flex-direction: row;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.calendarWrap .calendarBody ul li {display:inline-block; vertical-align:top; width:14.36%; height:100px; border:1px solid #d9d9d9; position:relative; margin-top:-1px; margin-left:-1px; box-sizing:border-box; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;}
.calendarWrap .calendarBody ul li .date {font-size:17px; color:#424242; padding:10px;}
.calendarWrap .calendarBody ul li .date.sunday {color:#ff0000;}
.calendarWrap .calendarBody ul li .date.hidden {opacity:0.2;}
.calendarWrap .calendarBody ul li .num {background:#00529b; color:#fff; font-size:16px; text-align:center; width:calc(100% - 20%); margin:10%; padding:5px 0;}
.calendarWrap .calendarBody ul li .num.off {background:#bdbdbd;}

.calendarWrap .calendarBody ul li.today {outline:2px solid #00529b; outline-offset:-2px; position:relative; z-index:2;}

@media (max-width:990px) {
	.calendarWrap {}
	.calendarWrap .calendarHeader span {height:60px; line-height:60px;}
	.calendarWrap .calendarBody ul li {height:50px;}
	.calendarWrap .calendarBody ul li .date {padding:0px; text-align:center;}
    .calendarWrap .calendarBody ul li .num {width:calc(100% - 10%); margin:5%; padding:2px 0; font-size:13px;}
}

/* siteMap */
.siteMap {}
.siteMap .groupWrap {padding-bottom:30px;}
.siteMap .groupWrap h3 {display:block; font-size:25px; line-height:26px; font-weight:600; margin: 20px 0;}
.siteMap .groupWrap .group {display:flex; justify-content:flex-start; flex-flow:row wrap; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.siteMap .groupWrap .group .item {width:25%;}
.siteMap .groupWrap .group .item .itemHeader {margin:30px 0; padding-left:20px; box-sizing:border-box; border-left: 1px solid #ddd;}
.siteMap .groupWrap .group .item .itemHeader a {display:block; font-size:20px; line-height:20px; font-weight:600;}
.siteMap .groupWrap .group .item:first-child .itemHeader {border-left:0;}
.siteMap .groupWrap .group .item .itemBody {margin:20px 0; padding-left:20px; box-sizing:border-box;}
.siteMap .groupWrap .group .item .itemBody a {display:block; font-size:17px; line-height:20px; font-weight:400; margin:10px 0;}

@media (max-width:768px) {
	
    .siteMap .groupWrap .group {flex-direction:column;}
    .siteMap .groupWrap .group .item {width:100%;}
    .siteMap .groupWrap .group .item .itemHeader {border-left:0;}
}

/* noemail */
.noemail {margin-top:30px; border:5px solid #ddd; padding:60px 30px;}
.noemail .desc {display:flex; flex-direction:column; align-items:center;}
.noemail .desc::before {content:''; display:block; width:80px; height:80px; background:url(../img/page/icon_mail.png)no-repeat;}
.noemail .desc strong {display:block; font-size:20px; line-height:28px; font-weight:600; text-align:center; margin:20px 0;}
.noemail .desc p {display:block; font-size:18px; line-height:30px; font-weight:400; text-align:center;}

/* ----------------------------------------------------------------------------------------------------------------
09. 기관실태조사
------------------------------------------------------------------------------------------------------------------*/

.subContainer .containerWrap .governmentSearch {}
.subContainer .containerWrap .governmentSearch {}
.subContainer .containerWrap .governmentSearch form fieldset {display:flex; align-items:center; justify-content:center;}
.subContainer .containerWrap .governmentSearch form fieldset legend {}
.subContainer .containerWrap .governmentSearch form fieldset .inputWrap {width:390px !important; align-items: center;}
.subContainer .containerWrap .governmentSearch form fieldset .inputWrap label {font-size:18px; font-weight:400; color:#000; width:90px; text-align:center;}
.subContainer .containerWrap .governmentSearch form fieldset .inputWrap input[type="text"] {width:calc(100% - 60px) !important;}

.subContainer .containerWrap .formGroup {display:flex; margin-bottom:30px;}
.subContainer .containerWrap .formGroup .title {width:196px; display:flex;}
.subContainer .containerWrap .formGroup .title h4 {font-size:22px; color:#222;}

.subContainer .containerWrap .formGroup .formTableWrap {width:calc(100% - 196px);}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox {display:flex; width:calc(100% - 0px); border-top:2px solid #333; border-bottom:1px solid #ddd; margin-bottom:20px;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox.rowTable {border-top:0; margin-bottom:0;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formList {width:100%; padding:8px; box-sizing:border-box;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formList .opt {display:inline-block; vertical-align:middle; margin:6px 20px;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .name {display:flex; align-items:center; justify-content:center; width:130px; text-align:center; background:#f1f2f7; font-size:18px; font-weight:400;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .name em {display:none;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable {width:calc(100% - 130px);}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl {display:flex; border-bottom:1px solid #ddd; padding:8px 0;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl:last-child {border-bottom:0;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl dt {display:flex; align-items:center; justify-content:center; width:150px; text-align:center; font-size:18px; font-weight:400;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl dt .btnQuestion {margin:0 4px;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl dd {width:calc(100% - 150px);}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl dd input {width:calc(100% - 210px);}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl dd .opt {display:inline-block; vertical-align:middle; margin-right:20px;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable .inputBox {padding:8px 17px;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable .inputBox input {width:calc(60% - 0px);}

.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .optBox {width:calc(100% - 130px); padding:8px; box-sizing:border-box;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .optBox .opt {display:inline-block; vertical-align:middle; margin:6px 20px;}

.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap {width:calc(100% - 130px);}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox {display:flex; align-items:center; padding:8px; box-sizing:border-box;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox .column {display:block; text-align: center;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox .column strong {display:none;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox .column input {width:calc(100% - 30px);}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox.lowLine {border-bottom:1px solid #ddd;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox.columnFull .column {width:100%;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox.column10 .column {width:10%;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox.column10 .column input {width:calc(100% - 10px);}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox.column07 .column {width:14.285%;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox.column05 .column {width:20%;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox.column04 .column {width:25%;}
.subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox.column03 .column {width:33.323%;}


@media (max-width:992px) {
    .subContainer .containerWrap .formGroup {flex-direction:column;}
    .subContainer .containerWrap .formGroup .title {width:100%; margin-bottom:20px;}
    .subContainer .containerWrap .formGroup .formTableWrap {width:100%;}
}

@media (max-width:768px) {
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox {flex-direction:column; border-top: 0;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .name {display:block; width:100%; padding:10px; box-sizing:border-box; margin-bottom:10px;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .name .br {display:none;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .name em {display:inline-block;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable {width:calc(100% - 0px); border-top:2px solid #333;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl {flex-direction:column; padding:0;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl dt {width:calc(100% - 0px); background:#f8f8f8; border-bottom:1px solid #ddd; padding:10px; box-sizing:border-box;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl dd {width:calc(100% - 0px); padding:10px; box-sizing:border-box;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl dd input {width:100%;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl.post {}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable dl.post dd input {width:calc(100% - 80px);}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formTable.eduFacility dl dd input {width:calc(100% - 30px);}

    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .formList {width:calc(100% - 0px); border-top:2px solid #333;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .optBox {width:calc(100% - 0px); border-top:2px solid #333;}

    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap {width:calc(100% - 0px); margin-bottom:20px; border-top:2px solid #333;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap .columnBox .column strong {display:block; background:#f8f8f8; font-weight:400; border-bottom:1px solid #ddd; padding:10px; box-sizing:border-box;}

    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox.columnHeader {display:none;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox.columnBody {border-bottom:0;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox.columnBody .columnWrap .columnBox {flex-direction:column; padding:0;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox.columnBody .columnWrap .columnBox .column {width:100%; border-bottom:1px solid #ddd;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox.columnBody .columnWrap .columnBox .column input {margin:10px 0;}

    .subContainer .containerWrap .formGroup .formTableWrap.lowContent {border-top:2px solid #333;}
    .subContainer .containerWrap .formGroup .formTableWrap.lowContent .formTableBox .name {margin-bottom:0;}
    .subContainer .containerWrap .formGroup .formTableWrap.lowContent .formTableBox .optBox {border-top:0;}
    .subContainer .containerWrap .formGroup .formTableWrap.lowContent .formTableBox .formTable {border-top:0;}
    .subContainer .containerWrap .formGroup .formTableWrap.lowContent .formTableBox .formTable .inputBox input {width:100%;}

    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap.multiColumn {display:flex; flex-direction:row; justify-content:flex-start;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap.multiColumn .columnBox.column03,
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap.multiColumn .columnBox.column05,
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap.multiColumn .columnBox.column07,
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap.multiColumn .columnBox.column10 {flex-direction:column; border-bottom:0; width:70%; padding:0;}

    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap.multiColumn .columnBox.lowLine {width:30%;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap.multiColumn .columnBox .column {width:100%; height:36px; line-height:36px; border-bottom:1px solid #ddd; padding:10px 0;}
    .subContainer .containerWrap .formGroup .formTableWrap .formTableBox .columnWrap.multiColumn .columnBox .column br {display:none;}
}


/* ----------------------------------------------------------------------------------------------------------------
회원
------------------------------------------------------------------------------------------------------------------*/
/* member */
.subContainer .containerWrap .containerBox .memberWrap {}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap {background:#f1f2f7; padding:80px 0;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .guide {font-size:20px; color:#004998; text-align:center; margin-bottom:30px;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .guide:before {content:''; display:block; width:170px; height:170px; background:url(../img/page/icon_loginImg.png)#fff no-repeat center; margin:0 auto; border-radius:50%; margin-bottom:30px;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .guide .br {display:none;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login {width:470px; margin:0 auto;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul {width:calc(100% - 120px);}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul li {display:block; margin:10px 0;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul li label {display:inline-block; vertical-align:middle; font-weight:300; color:#424242; font-size:18px; visibility:visible; width:100px;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul li input {width:240px; height:40px;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul li .email {}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul li .email input {width:143px;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul li .email u {text-decoration:none; display:inline-block; vertical-align:middle;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login button.submit {width:114px; height:90px; background:#00ac8f; border-radius:2px; color:#FFF; font-size:21px; font-weight:600; display:flex; display:-webkit-flex; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .login button.submit:hover {background:#00ac8f;}

.subContainer .containerWrap .containerBox .memberWrap .loginWrap .desc {margin-top:30px; text-align:center;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .desc p {font-size:17px; color:#222; text-align:center; border:1px solid #ddd; display:inline-block; background:#fff; padding:10px 20px;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .desc p .br {display:none;}
.subContainer .containerWrap .containerBox .memberWrap .loginWrap .desc p strong {color:#004998;}

@media (max-width:992px) {
	
    .subContainer .containerWrap .containerBox .memberWrap .loginWrap .guide .br,
    .subContainer .containerWrap .containerBox .memberWrap .loginWrap .desc p .br {display:block;}

    .subContainer .containerWrap .containerBox .memberWrap .loginWrap .login {width:calc(100% - 10%);}
    .subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul {width:calc(100% - 60px);}
    .subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul li label {width:70px;}
    .subContainer .containerWrap .containerBox .memberWrap .loginWrap .login ul li input {width:calc(100% - 80px);}
    .subContainer .containerWrap .containerBox .memberWrap .loginWrap .login button.submit {width:60px; font-size:0; background:url(../img/page/icon_io.png)#00ac8f no-repeat center;}
}