@charset "utf-8";


/* ========================= 스타일 가이드 ========================= */
#snbWrap h2 {background:#495d81;}
.snb >li >a.state.on, .snb >li >a.on {background-color:#0b4e99;}

#conts h4 {padding-left:2.5rem;}
#conts h4:before {background:url("/gcedu/img/common/bul_h4.png") no-repeat;}
#conts h5 {color:#0b4e99;}

#conts .bod_apply_view .view_cont > h5:before {background:url("/gcedu/img/common/bul_h4.png") no-repeat;}
#conts .bod_apply_view .view_cont > h6 {margin-left:0;}
#conts .bod_apply_view h5 select {font-size:1.4rem; float:right;}
#conts .bod_apply_view .tbl_wrap + h5 {margin-top:4rem;}


#conts .fix-mh4, #conts .list-u.mh4, #conts .list-o.mh4 {margin-left:2.5rem !important;}

.button {border:1px solid #495d81; color:#495d81 !important;}
.button:hover {border:1px solid #495d81; background:#495d81;}

.button.icon:after {background:url('/gcedu/img/common/split_button_icon.png') no-repeat 0 0}
.button.small.icon:after {background:url('/gcedu/img/common/split_button_icon_small.png') no-repeat 0 0;}

#conts .list-u  li:before {background: url('/gcedu/img/common/split_ul_dot.png') no-repeat 0 0; margin-top:-.75rem; }
#conts .list-o > li ul li:before, #conts .list-u > li ul li:before {margin-top:-0.6rem;}

#conts *.box-design {padding:10px 0 0; border-radius:0; background: url("/gcedu/img/common/box_top_bg.png") no-repeat left top; border:1px solid #ddd; border-top:0; min-height:180px;}
#conts *.box-design .cell, #conts *.box-design .cell + .cell {border-radius:0; background:none;}

#conts *.box-design.history {border:none; border-bottom:1px dashed #ddd;}
#conts *.box-design.history .s-title.years {color:#0b4e99 !important;}

#conts .s-title, #conts *.box-design .s-title, #conts *.box-design p.s-title {color:#0b4e99 !important;}

#conts  .infoWrap {width:100%; background:#f8f8f8; margin-top:30px; padding:1.5rem 4rem; border-radius:10px;}
#conts .infoWrap:after {content:''; display:table; clear:both;}
#conts .infoWrap dl {position:relative; display:table; table-layout:fixed; width:50%; float:left;  min-height:60px;}
#conts .infoWrap.col-1 dl{width:100%;}

#conts .infoWrap dt,
#conts .infoWrap dd {position:relative; display:table-cell; width:100%; padding:1rem 2rem; vertical-align:middle; line-height:1.5;}

#conts .infoWrap dl dt {position:relative; width:15rem; text-align:left; padding:0 10px; font-weight:700; background:url('/dept/img/content/common/ico_location_after.png') 100% 50% no-repeat;}
#conts .infoWrap dl dt:before {content:''; display:inline-block; vertical-align:middle; width:17px; height:24px; margin-right:.5em; background:url('/dept/img/common/ico_info01.png') no-repeat;}

#conts .infoWrap dl.tel dt:before { width:23px; height:23px; background:url('/dept/img/common/ico_info03.png') no-repeat;}
#conts .infoWrap dl.fax dt:before { width:23px; height:25px; background:url('/dept/img/common/ico_info05.png') no-repeat;}


@media all and (max-width:960px) {
	#conts .infoWrap dl {float:none; width:100%;}
}

@media all and (max-width:500px) {
	#conts .infoWrap { padding:1rem 2rem;}
	#conts .infoWrap dl dt{width:11rem; padding:1rem 0;}
	#conts .infoWrap dl dd{padding:1rem 0 1rem 2rem;}
}


/* 선언문 */
#conts .declarationWrap {padding: 5rem; border:1px dashed #ddd;}
#conts .declarationWrap .inner{ text-align:center;}
#conts .declarationWrap .inner .title{ font-size: 32px; color: #0b4e99; font-weight: 700; margin:20px 0;}
#conts .declarationWrap .inner .box {background:#f2f8ff; padding:5rem; margin:40px 0;}
#conts .declarationWrap .inner .box ul {}
#conts .declarationWrap .inner .box li {position:relative; padding:15px 0 15px 40px; text-align:left; line-height:1.5;}
#conts .declarationWrap .inner .box li:before {content:''; background:url('/portal/img/content/02/bul_declaration.png') no-repeat; width:30px; height:30px; position:absolute; left:0; top: 50%;transform: translateY(-57%);}

#conts .declarationBtn {margin:0 0 50px;}
#conts .declarationBtn ul:after {content:''; clear:both; display:table;}
#conts .declarationBtn li {position:relative; width:31%; float:left; margin:1%;}
#conts .declarationBtn li a {display:block; border:1px dashed #ddd; padding:20px;}
#conts .declarationBtn li a:after {content:''; position:absolute; right:20px; width:21px; height:17px; background:url('/portal/img/content/02/ico_declaration_btn.png') no-repeat 0 0;}
#conts .declarationBtn li a:hover {color:#355fe1; border:1px solid #355fe1;}
#conts .declarationBtn li a:hover:after {background-position:-21px 0;}


@media all and (max-width:1024px) {
	#conts .declarationWrap {padding:5rem 3rem;}

}

@media all and (max-width:900px) {
	#conts .declarationBtn li {width:48%;}
}

@media all and (max-width:768px) {
	#conts .declarationWrap .inner {word-break:keep-all;}
	#conts .declarationWrap .inner br { display: none; }
	#conts .declarationWrap .inner .box  {padding:3rem;}
}
@media all and (max-width:480px) {
	#conts .declarationBtn li{width:100%; margin:1% 0;}
}

/* 평생학습센터 BI */
#conts .box-symbol {position:relative; width:100%; padding:3rem 5rem; text-align:center; border:1px dashed #ddd; }
#conts .box-symbol p {margin-top:3rem;}
#conts .box-symbol p span {display:block; }
#conts .box-symbol .btnWrap {margin-top:3rem; border-top:1px dashed #ddd; padding-top:3rem;}
#conts .box-symbol ul:after {content:''; clear:both; display:table;}
#conts .box-symbol ul li {width:25%; float:left; border-right:1px solid #ddd; padding:1rem;}
#conts .box-symbol ul li:last-child {border-right:0; border-bottom:0;}
#conts .box-symbol ul li .tit {font-weight:700; font-size:2.0rem; margin-bottom:20px;}
#conts .box-symbol ul.col-2 li {width:50%;}

#conts .area-list img {max-height:3em !important; margin:0 auto !important;}
#conts .area-list * {word-break:keep-all;}
#conts .areaView {display:block; position:relative;}
#conts .areaView .title {font-size:1.5em !important; font-weight:800; margin-bottom:.5em;}
#conts .areaView h6 {font-size:1.5em; color:#000; margin-left:0; font-weight:400; margin-top:2em; margin-bottom:.5em;}
#conts .areaView h6 + .ico_con {border-top:2px solid #eee;}
#conts .areaView .s-title {font-size:1.2em !important; color:#000 !important;}

#conts *.box-design .logo {padding:2em 0; width:30rem;}
#conts *.box-design .logo img {max-height:7.5em; max-width:70%;}
@media all and (max-width:760px) {
	#conts *.box-design .logo {width:25rem;}
}
@media all and (max-width:640px) {
	#conts *.box-design .logo {width:auto; padding-bottom:0;}
	#conts .box-symbol {padding:3rem 2rem;}
	#conts .box-symbol br {display:none;}
}



/* 모달창 디자인 */
.modal {background:#fff; border:1px solid #ddd; position:fixed; top:50%; left:50%; z-index:9999;-webkit-box-shadow: 14px 14px 30px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 14px 14px 30px 0px rgba(0,0,0,0.3);
		box-shadow: 14px 14px 30px 0px rgba(0,0,0,0.3);
}

.modal#clubLoginBox {width:300px; height:385px;  margin-top:-192px; margin-left:-150px; box-sizing:border-box;}
.modal#clubLoginBox .con {padding:40px 20px; text-align:center;}
.modal#clubLoginBox .icon {display:block; padding-bottom:20px;}
.modal#clubLoginBox .icon strong {display:block; padding-top:10px; font-size:2rem; color:#000;}
.modal#clubLoginBox .con input[type="text"],
.modal#clubLoginBox .con input[type="password"] {display:block; width:100%; height:45px; box-sizing:border-box;}
.modal#clubLoginBox .con input + input {margin-top:10px;}
.modal#clubLoginBox .button {width:123px;height:45px !important;line-height:43px;padding: 0;min-width:0;}
.modal#clubLoginBox input.button {line-height:1.2;}