@charset "utf-8";
@import url(./board.css);

.conts {color:#333; font-size:17px;}

@media all and (max-width:1024px) {.conts {font-size:16px;}}
@media all and (max-width:640px) {.conts {font-size:15px;}}

/****************************************************************
	Text Style
****************************************************************/

.conts .point {color:#D22259;}
.conts .point2 {color:#4064e1;}
.conts .error {color:#DD560A;}
.conts a {position:relative; color:#476CEC/*  text-decoration:underline; */}
.conts a[target="_blank"]:not(.btn):after {content:""; display:inline-block; width:1em; height:1em; margin:0 .3em 0 .2em; background:url(../img/common/ico_blank.svg) no-repeat 50% 50%; background-size:contain; vertical-align:middle;}

.conts .noti,
.conts .tip {position:relative; padding-left:1.533em; font-size:.882em; line-height:1.4em;}
.conts .noti:before,
.conts .tip:before {content:""; display:block; position:absolute; width:1.2em; height:1.2em; top:.7em; margin-top:-.6em; left:0; background:no-repeat 50% 50%;}

.conts .noti {color:#DD560A;}
.conts .noti:before {background-image:url(../img/common/ico_txt_notice.svg);}
.conts .tip {color:#888888;}
.conts .tip:before {background-image:url(../img/common/ico_txt_tip.svg);}
.conts * ~ .noti,
.conts * ~ .tip {margin-top:.66em !important;}

/****************************************************************
	Heading Text
****************************************************************/

.conts h4,
.conts h5,
.conts h6 {display:block; position:relative; font-weight:500; line-height:1.4em;}
.conts h4:before,
.conts h5:before,
.conts h6:before {content:""; display:block; position:absolute; top:.7em; margin-top:-.5em; left:0; width:1em; height:1em; background:no-repeat 50% 50%;}

.conts h4 {font-size:1.529em; color:#222; padding-left:1.346em; margin-bottom:.769em; margin-left:0 !important;}
.conts h4:before {background-image:url(../img/common/bul_h4.svg); margin-left:-.1em;}
.conts h4 span {font-size:.7em; font-weight:400; opacity:.6; margin-left:.5em;}

.conts h5 {position:relative; padding-left:1.6em; font-size:1.294em; margin-bottom:.5em;}
.conts h5:before {content:''; position:absolute; top:.5em; left:0px; width:1.3em; height:1.3em; background:url(../img/sub/01/bullet-history.png) no-repeat 0 0; background-size:100% auto;}

.conts h6 {font-size:1.176em; padding-left:1em; margin-bottom:1em;}
.conts h6:before {background-image:url(../img/common/bul_h6.svg); margin-left:-.2em;}

.conts * ~ h4 {margin-top:1.92em;}
.conts * ~ h5 {margin-top:2.27em;}
.conts h4 + h5 {margin-top:.91em;}
.conts * ~ h6 {margin-top:2em;}
.conts h4 + h6,
.conts h5 + h6 {margin-top:1em;}

@media all and (min-width:641px) {
	.conts h5 { margin-left:1.59em !important;}
	.conts h6 {margin-left:3.5em !important;}

	.conts .mH4 {margin-left:2.05em !important;}
	.conts .mH5 {margin-left:4.11em !important;}
	.conts .mH6 {margin-left:5.29em !important;}
}

/****************************************************************
	Button
****************************************************************/

.btn-box {position:relative; width:100%; padding:1em; margin-top:1em; background:#f8f8f8;}
.btn-box .btn {margin:.2em;}

.btn {display:inline-block; position:relative; vertical-align:middle; background:#fff; height:3em; color:#333333; padding:0 1.76em; transition:.3s all; -webkit-transition:.3s all;}
.btn:before {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.btn,.btn:before {border:1px solid #D22259; border-radius:.88em;}
.btn:hover {color:#fff; background-color:#D22259 !important;}
a.btn {line-height:3em; text-decoration:none; color:#333333; border:none;}
.charge_btn a {margin-bottom: 15px;}
a.btn:before {content:"";}
input[type="button"].btn,
input[type="submit"].btn {border:1px solid #D22259;}
input[type="submit"]:focus,
input[type="submit"]:hover, input[type="submit"]:active {background:#D22259;}
input[type="submit"]:focus {background:#fff;}
input[name="searchBt"] {height:3em; box-sizing:border-box; font-size:.90em; border-radius:5px;background:#5546A9; border:0px; padding:0 1.5em; color:#fff; border:0px !important;}
input[type="date"] {height:3em; box-sizing:border-box; font-size:.90em; border-radius:5px; border:0px; padding:0 1.5em;border:1px solid #DEE4EB !important}

.btn.small {font-size:.823em; height:2.14em; padding:0 .857em;}
.btn.small,
.btn.small:before {border-radius:.21em;}
button.btn.small {line-height: 1.997em;}
a.btn.small {line-height:2.14em;}
.btn.normal {color:#fff; background:#5546A9;}
.btn.normal,.btn.normal:before {border-color:#5546A9;}
.btn.normal:hover {background:#332583;}
.btn.normal:hover,.btn.normal:hover:before {border-color:#332583;}
.btn.point {color:#fff !important; background:#D22259;}
.btn.point:focus {background:#D22259;}
.btn.point,.btn.point:before {border-color:#D22259;}
.btn.point:hover {background:#af1344;}
.btn.point:hover,.btn.point:hover:before {border-color:#af1344;}
.btn.cancel {color:#fff; background:#333333;}
.btn.cancel:focus{outline: 2px solid #D22259; outline-offset: 1px;}
.btn.cancel,.btn.cancel:before {border-color:#333333 !important;}
.btn.cancel:hover {background:#555;}
.btn.cancel:hover,.btn.cancel:hover:before {border-color:#555 !important;}
.btn.cancel:focus{background:#476cec;}
.btn.error {color:#fff; background:#DD560A;}
.btn.error,.btn.error:before {border-color:#DD560A !important;}
.btn.error:hover {background:#ad3e00;}
.btn.error:hover,.btn.error:hover:before {border-color:#ad3e00 !important;}
.btn.disable {color:#888; background:#EFEFEF;}
.btn.disable,.btn.disable:before {border-color:#DDD !important;}
.btn.address {height:3em !important; line-height:3em !important;}
.btn.accel-btn {line-height:42px; padding:0 25px; border-radius:5px; text-align:center;}
.btn.accel-btn:before {border-radius:5px;}

.btn.ico {padding-right:4.3em; background-image:url(../img/common/btn_ico_down.svg), url(../img/common/bak_icon_button.png); background-repeat:no-repeat, repeat-y; background-position:top 50% right .529em, 100% 0; background-color:#fff; background-size:2em auto, 3.12em auto;}
.btn.ico:hover {color:#fff; background-color:#D22259; background-image:url(../img/common/btn_ico_down.svg), url(../img/common/bak_icon_button_on.png);}
.btn.ico:hover,.btn.ico:hover:before { border-color:#D22259;}
.btn.ico.small {padding-right:2.377em; background-size:1.4em auto; background-position:top 50% right .529em; height:auto;}
.btn.ico.down {background-image:url(../img/common/btn_ico_down.svg), url(../img/common/bak_icon_button.png);}
.btn.ico.down:hover {background-image:url(../img/common/btn_ico_down_w.svg), url(../img/common/bak_icon_button_on.png);}
.btn.ico.down.small {background-image:url(../img/common/btn_ico_down.svg);}
.btn.ico.down.small:hover {background-image:url(../img/common/btn_ico_down_w.svg);}
.btn.ico.pic {background-image:url(../img/common/btn_ico_pic.svg), url(../img/common/bak_icon_button.png);}
.btn.ico.pic:hover {background-image:url(../img/common/btn_ico_pic_w.svg), url(../img/common/bak_icon_button_on.png);}
.btn.ico.pic.small {background-image:url(../img/common/btn_ico_pic.svg);}
.btn.ico.pic.small:hover {background-image:url(../img/common/btn_ico_pic_w.svg);}
.btn.ico.doc {background-image:url(../img/common/btn_ico_doc.svg), url(../img/common/bak_icon_button.png);}
.btn.ico.doc:hover {background-image:url(../img/common/btn_ico_doc_w.svg), url(../img/common/bak_icon_button_on.png);}
.btn.ico.doc.small {background-image:url(../img/common/btn_ico_doc.svg);}
.btn.ico.doc.small:hover {background-image:url(../img/common/btn_ico_doc_w.svg);}
.btn.ico.view {background-image:url(../img/common/btn_ico_view.svg), url(../img/common/bak_icon_button.png);}
.btn.ico.view:hover {background-image:url(../img/common/btn_ico_view_w.svg), url(../img/common/bak_icon_button_on.png);}
.btn.ico.view.small {background-image:url(../img/common/btn_ico_view.svg);}
.btn.ico.view.small:hover {background-image:url(../img/common/btn_ico_view_w.svg);}
.btn.ico.new {background-image:url(../img/common/btn_ico_link.svg), url(../img/common/bak_icon_button.png);}
.btn.ico.new:hover {background-image:url(../img/common/btn_ico_link_w.svg), url(../img/common/bak_icon_button_on.png);}
.btn.ico.new.small {background-image:url(../img/common/btn_ico_link.svg);}
.btn.ico.new.small:hover {background-image:url(../img/common/btn_ico_link_w.svg);}
.btn.ico.skip {background-image:url(../img/common/btn_ico_skip.svg), url(../img/common/bak_icon_button.png);}
.btn.ico.skip:hover {background-image:url(../img/common/btn_ico_skip_w.svg), url(../img/common/bak_icon_button_on.png);}
.btn.ico.skip.small {background-image:url(../img/common/btn_ico_skip.svg);}
.btn.ico.skip.small:hover {background-image:url(../img/common/btn_ico_skip_w.svg);}
.btn.ico.top {background-image:url(../img/common/btn_ico_top.svg), url(../img/common/bak_icon_button.png);}
.btn.ico.top:hover {background-image:url(../img/common/btn_ico_top_w.svg), url(../img/common/bak_icon_button_on.png);}
.btn.ico.top.small {background-image:url(../img/common/btn_ico_top.svg);}
.btn.ico.top.small:hover {background-image:url(../img/common/btn_ico_top_w.svg);}
.webjin{font-size:2.5rem; margin-bottom:15px; font-weight:500;}
.webjinVisual{border-radius: 8px;}

@media all and (max-width:580px) {
	.btn {height:auto; padding:0.4em 1.76em; line-height:1.6em !important; word-break:keep-all;}
}

@media screen and (max-width:568px) {
	.btn.accel-btn {line-height:35px !important;}
}

@media screen and (max-width:480px) {
	.btn-list {padding:.9em 1.65em}
}

/****************************************************************
	Depth 05 (Multi Link Box)
****************************************************************/

.multiLinkBox {display:block; position:relative; background:#F8F8F8; padding:.87em; margin-bottom:2.94em;}
.multiLinkBox:after {content:""; display:block; clear:both;}
.multiLinkBox li {display:block; position:relative; padding:.3em; width:25%; float:left;}
.multiLinkBox.li3 li {width:33.333%;}
.multiLinkBox a {display:block; position:relative; white-space:nowrap; overflow:hidden; height:2.5em; line-height:2.5em; padding:0 1em 0 2.7em; border-radius:9em; color:#666; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.multiLinkBox a:before {content:""; display:block; position:absolute; width:.47em; height:.47em; border-radius:100%; top:50%; margin-top:-.235em; left:1.17em; background:#D9D9D9;}
.multiLinkBox a.on,
.multiLinkBox a:hover,
.multiLinkBox a:focus {color:#333; background:#fff;}
.multiLinkBox a.on:before,
.multiLinkBox a:hover:before,
.multiLinkBox a:focus:before {background:#5546A9;}
.multiLinkBox.wide li {width:33.33%;}

.multiLinkBox a .hidden{display:none;}
.multiLinkBox a.on .hidden{display:block;}

@media all and (max-width:780px) {
	.multiLinkBox li {width:33.33%;}
	.multiLinkBox.li3 li {width:50%;}
	.multiLinkBox.wide li {width:50%;}
}
@media all and (max-width:710px) {
	.multiLinkBox.li3 li {width:auto; float:none;}
}
@media all and (max-width:580px) {
	.multiLinkBox li {width:50%;}
	.multiLinkBox.wide li {width:auto; float:none;}
}
@media all and (max-width:440px) {
	.multiLinkBox li,
	.multiLinkBox.wide li {width:auto; float:none;}
}

/****************************************************************
	Box
****************************************************************/

.box-notice {display:block; position:relative; padding:1.176em 1.47em; margin:1.176em 0; background:#fff; border:1px solid #DDDDDD; box-shadow:0px 2px 0px #EFEFEF; border-radius:.294em;}
.box-notice.bak {background:#FFF8FA; border-color:#F0CDD8; box-shadow:0px 2px 0px rgba(240,199,212,.3);}
.box-notice.mH4 {margin-left:0 !important;}
.box-notice.mH5 {margin-left:2.05em !important;}
.box-notice.mH6 {margin-left:4.11em !important;}

.designBox {display:block; position:relative; margin-left:2.05em; border:1px solid #DDDDDD; border-radius:2.94em 1.176em 1.176em 1.176em; padding:2.35em 2.35em 2.35em 8.23em;}
.designBox .icon {display:block; position:absolute; top:50%; left:-2.05em; width:8.23em; height:8.23em; border-radius:2.94em; background:#fff; box-shadow:0px 4px 1em rgba(0, 0, 0, 0.08); margin:-4.115em 0 0 0;}
.designBox .icon img {display:block; position:absolute; top:50%; left:50%; height:5.88em; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.designBox .icon + h4,
.designBox .icon + h5,
.designBox .icon + h6 {margin-top:0 !important; margin-left:0 !important;}
.designBox .box-tit {margin-bottom:.9em;font-size:1.294em; font-weight:600; color:#5546A8;}

@media all and (max-width:640px) {
	.designBox {margin-left:0; padding:2em;}
	.designBox .icon {display:none;}
}

.box-img {display:block; position:relative; border:1px solid #ddd; border-radius:1em; overflow:hidden; padding:1em;}
.box-img img {display:block; position:relative; max-width:100%; margin:0 auto;}
.box-img.full {display:block;}
.box-img.full img {width:100%;}
.box-img.no-line {border:none;}
.box-img.shadow {box-shadow:0px 4px 16px rgba(0,0,0,.2);}
.box-img.img-respon .btn {display:block; position:absolute; right:1em; bottom:1em; z-index:1;}

/****************************************************************
	UL/OL
****************************************************************/

.list-ul li,
.list-ol li {display:block; position:relative; line-height:1.4em;}
.list-ul li + li,
.list-ol li + li {margin-top:10px;}
.list-ul li li,
.list-ol li li {font-size:.95em;}
.list-ul ul,
.list-ol ul,
.list-ul ol,
.list-ol ol {display:block; position:relative; margin-top:10px;}
.list-ul + *,
.list-ol + * {margin-top:1em;}

.list-ul > li:before,
.list-ul ul > li:before,
.list-ol ul > li:before {content:""; display:block; position:absolute; width:1em; height:1em; top:.7em; margin-top:-.5em; left:-.2em; background:no-repeat 50% 50%;}
.list-ul > li {padding-left:1.176em;}
.list-ul > li:before {background-image:url(../img/common/bul_li_depth01.svg); max-width:17px;}

.list-ul li ul > li,
.list-ol li ul > li  {padding-left:1em;}
.list-ul li ul > li:before,
.list-ol li ul > li:before {left:-.3em; background-image:url(../img/common/bul_li_depth02.svg); max-width:16px;}
.list-ul li li ul > li,
.list-ol li li ul > li   {padding-left:1.21em;}
.list-ul li li ul > li:before,
.list-ol li li ul > li:before {background-image:url(../img/common/bul_li_depth03.svg); max-width:14px;}

.list-ol > li:before,
.list-ol ol > li:before {display:none;}
.list-ol > li {padding-left:1.94em;}
.list-ol > li > .num {display:block; position:absolute; left:0; top:.958em; margin-top:-.96em; font-size:.71em; width:1.92em; height:1.92em; line-height:1.92em; text-align:center; background:#333; color:#fff; font-weight:600; font-family:'Roboto', sans-serif; border-radius:.83em;}
.list-ul ol > li,
.list-ol ol > li {padding-left:1.4375em;}
.list-ul ol > li > .num,
.list-ol ol > li > .num {display:block; position:absolute; left:0; top:.719em; margin-top:-.65em; font-size:.94em; font-weight:600; color:#D22259;}

@media all and (max-width:640px) {
	.list-ul li li,
	.list-ol li li {font-size:1em;}
}

/****************************************************************
	Table
****************************************************************/

.tbl {width:100%; position:relative; table-layout:fixed;}
.tbl:before {content:""; display:block; position:absolute; top:0; left:0; right:0; height:2px; background:#D22259;}
.tbl th,
.tbl td {padding:.88em; border:1px solid #ddd; font-size:1em; word-wrap:break-word;}
.tbl td .text_s{font-size:1.3rem; color:#D22259;}
.tbl td span{word-wrap: break-word;}
.tbl th {font-weight:700;}

.tbl .bo-top {border-top-width:1px !important;}
.tbl .bo-left {border-left-width:1px !important;}
.tbl .bo-right {border-right-width:1px !important;}
.tbl .bo-bottom {border-bottom-width:1px !important;}
.tbl tr > *:first-child {border-left-width:0;}
.tbl tr > *:last-child {border-right-width:0;}
.tbl tbody > tr:first-child > * {border-top-width:0;}

.tbl thead th {background:#FFF6FA; border-color:#EEC8D7;}
.tbl tbody th {background:#F8F8F8;}
.tbl tfoot th {background:#EFEFEF;}

.tbl table {margin:.5em 0 .5em;}
.tbl table {border:2px solid #ddd;}
.tbl table th,
.tbl table td {padding:.47em;}

.tbl-respon > p {display:none;}
.tbl-respon >.tip {margin-top:0 !important;}

@media all and (max-width:1024px) {
	.tbl-respon.type-ta {overflow:auto;}
	.tbl-respon.type-ta > p {display:block; margin-bottom:.5em;}
	.tbl-respon.type-ta table {width:1100px;}
}
@media all and (max-width:780px) {
	.tbl-respon:not(.type-mo):not(.type-ta) {overflow:auto;}
	.tbl-respon:not(.type-mo):not(.type-ta) > p {display:block; margin-bottom:.5em;}
	.tbl-respon:not(.type-mo):not(.type-ta) table {width:800px;}
}
@media all and (max-width:640px) {
	.tbl th,
	.tbl td {padding:.6em;}
	.tbl-respon.type-mo {overflow:auto;}
	.tbl-respon.type-mo > p {display:block; margin-bottom:.5em;}
	.tbl-respon.type-mo table {width:700px;}
}

/****************************************************************
	Step Flow
****************************************************************/

.stepFlow {display:block; position:relative; overflow:hidden;}
.stepFlow:after {content:""; display:block; position:relative; clear:both;}
.stepFlow > ul {margin:0 -1.176em; overflow:hidden;}
.stepFlow > ul > li {display:block; position:relative; padding:.5em 1.176em; width:25%; float:left;}
.stepFlow > ul > li.step5 {display:block; position:relative; padding:.5em 1.176em; width:20%; float:left;}
.stepFlow > ul > li:before {content:""; display:block; position:absolute; width:2em; height:2em; background:url(../img/common/ico_stepflow_arrow.svg) no-repeat 50% 50%; top:50%; left:0; margin:-1em 0 0 -1em;}
.stepFlow.cnt-5 > ul > li {width:20%;}
.stepFlow.cnt-4 > ul > li {width:25%;}
.stepFlow.cnt-3 > ul > li {width:33.33%;}
.stepFlow.cnt-2 > ul > li {width:50%;}

.stepFlow .item {display:block; position:relative; overflow:hidden; border-radius:1.76em; border:1px solid #ddd; text-align:center;}
.stepFlow .item > * {display:table; width:100%;}
.stepFlow .item > * > * {display:table-cell; vertical-align:middle; padding:1.176em;}
.stepFlow .item .tit {background:#FFF6FA; color:#D22259;}
.stepFlow .item .tit strong {font-weight:400;}
.stepFlow > ul > li:nth-child(even) .item .tit {background:#F5F3FF; color:#5546A8;}

.stepFlow .list-ul,
.stepFlow .list-ol {text-align:left;}

@media all and (max-width:1024px) {
	.stepFlow > ul > li {width:33.33%;}
	.stepFlow.cnt-5 > ul > li {width:33.33%;}
	.stepFlow.cnt-4 > ul > li {width:33.33%;}
	.stepFlow.cnt-3 > ul > li {width:50%;}

	.stepFlow.cnt-2 > ul > li {width:auto; float:none; padding-top:2.35em; padding-bottom:0;}
	.stepFlow.cnt-2 > ul > li:before {top:.175em; margin-top:0; left:50%; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.stepFlow.cnt-2 > ul > li:first-child {padding-top:0;}
	.stepFlow.cnt-2 > ul > li:first-child:before {display:none;}
	.stepFlow.cnt-2 > ul > li .item,
	.stepFlow.cnt-2 > ul > li .item > * {height:auto !important;}
}
@media all and (max-width:780px) {
	.stepFlow > ul > li {width:50%;}
	.stepFlow.cnt-5 > ul > li {width:50%;}
	.stepFlow.cnt-4 > ul > li {width:50%;}
}
@media all and (max-width:580px) {
	.stepFlow > ul > li {width:auto !important; float:none !important; padding-top:2.35em; padding-bottom:0;}
	.stepFlow > ul > li:before {top:.175em; margin-top:0; left:50%; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.stepFlow > ul > li .item,
	.stepFlow > ul > li .item > * {height:auto !important;}
	.stepFlow > ul > li:first-child {padding-top:0;}
	.stepFlow > ul > li:first-child:before {display:none;}
}

/* 이미지슬라이드 */
.photo_box {margin-bottom:3em; border-top:1px solid #ddd; position:relative;}
.photo_box .bigphoto {padding:2.94em 0; text-align:center; border-bottom:1px solid #ddd;}
.photo_box .slider {padding:1.76em 1.76em 2.94em; border-bottom:1px solid #ddd; overflow:hidden;}
.photo_box .slider:after {content:''; display:block; clear:both;}
.photo_box .slider ul {width:9999px;}
.photo_box .slider li {width:7em !important; height:7em; float:left;}
.photo_box .slider li:last-child {margin-right:0;}
.photo_box .slider li a {display:block; height:6em; overflow:hidden; opacity:.6; transition:opacity .3s; position:relative;}
.photo_box .slider li a:hover {opacity:1;}
.photo_box .slider li a.on {border:3px solid #DD560A; opacity:1;}
.photo_box .slider li a img {width:auto; max-width:none !important; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.photo_box .slideCont {position:absolute; padding:0 .29em; background:#fff; border-radius:30px; box-shadow:0 4px 16px rgba(0,0,0,.08); bottom:-1.58em; left:50%; margin-left:-4.15em; overflow:hidden;}
.photo_box .slideCont:before {content:''; display:block; width:1px; height:12px; background:#e6e6e6; position:absolute; top:50%; margin-top:-6px; left:50%;}
.photo_box .slideCont button {display:inline-block; width:4.41em; height:3.17em; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.photo_box .slideCont .prev {background:url(../img/sub01/arr_slide_left.svg) no-repeat 50% 50%;}
.photo_box .slideCont .next {background:url(../img/sub01/arr_slide_right.svg) no-repeat 50% 50%;}

@media all and (max-width:640px) {
	.photo_box .slider {padding:1.76em 0 2.94em}
}

/* 접는박스 */
.foldBox dl {margin-bottom:10px; border:1px solid #ddd; border-radius:20px; overflow:hidden;}
.foldBox dt, .foldBox dd {padding:1.18em; padding-left:4.11em; position:relative;}
.foldBox .num {display:block; width:2em; height:2em; padding:.2em 0; font-size:1.17em; font-weight:700; color:#D22259; text-align:center; background:#FFF6FA; border-radius:50%; position:absolute; left:1em; top:50%; margin-top:-1em;}
.foldBox dt {padding-right:3.23em; position:relative; cursor:pointer;}
.foldBox dt:after {content:''; width:2.35em; height:2.35em; background:url(../img/common/ico_fold_arr.png) no-repeat 50% 50%; position:absolute; right:.58em; top:50%; margin-top:-1.175em;}
.foldBox dt.open:after {transform:rotate(180deg);}
.foldBox dd {background:#F8F8F8; display:none;}
.foldBox dt.open + dd {display:block;}
.foldBox dd .num {color:#fff; background:#5546A9;}

.ready_img .other {display:none;}
.ready_img .portal {display:block !important; padding:2em 0;}

/* 링크박스 */
.list-go {margin:0 -.5em;}
.list-go:after {content:''; display:block; clear:both;}
.list-go >li {width:33.3333%; float:left; padding:0 .5em 1em;}
.list-go >li >div {padding:2em; text-align:center; border:1px solid #ddd; border-top:2px solid #D22259; transition:.3s;}
.list-go >li >div:hover {border-color:#5070DF; box-shadow:0 .2em .8em rgba(80,112,223,.15);}
.list-go >li >div >p {padding-bottom:1em; font-size:1.17em; font-weight:600;}

@media all and (max-width:1024px) {
	.list-go >li {width:50%;}
}
@media all and (max-width:640px) {
	.list-go >li {width:auto; float:none;}
}

/* 레이어팝업 */
.layer-wrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.6); z-index:999999;}
.layer-box {display:block;position:absolute;top:50%;left:50%; max-width:90%; height:80%; padding:2em; background: #fff; border-radius:1.5em; transform:translate(-50%, -50%);}
.layer-box > #close {display:block;position:absolute;top:-1.75em;right:2em;width:3.5em;height:3.5em; padding:0; background:#3c4756 url(../img/main/img_Reserve_close.svg) no-repeat 50% 50%; background-size:40% auto; z-index:10;overflow:hidden;border-radius:100%;text-indent:-999px;-webkit-box-shadow: 17px 17px 27px 0px rgb(0 0 0 / 50%);-webkit-box-shadow: 6px 6px 8px 0px rgb(0 0 0 / 15%);-moz-box-shadow: 6px 6px 8px 0px rgba(0,0,0,0.15);box-shadow: 6px 6px 8px 0px rgb(0 0 0 / 15%);}
.layer-box h5 {margin-left:0 !important;}
.layer-box .tit {display:block;position:relative;text-align:center;padding-top: 35px;height: 60px;background:url('../img/mymenu/bak_mymenu_title.png') no-repeat 50% 50% #e6f1fd;overflow:hidden;}
.layer-box .tit p {font-family: 'yg-jalnan';font-size:3em; color:#222;}
.layer-box .tit p em{font-family: 'yg-jalnan'; color:#2f4ba4;}
.layer-box .cont {padding:1em 0 0 0 !important;}
.layer-box .cont.scroll {position:absolute; top:2em; right:2em; bottom:2em; left:2em; overflow-y:auto;}

@media all and (max-width:1024px) {
	.layer-box {left:10%; right:10%; transform:translateY(-50%);}
}
@media all and (max-width:1024px) {
	.layer-box {left:2em; right:2em;}
}

/* 정보공개 - 계약정보공개 - 관련정보 및 서식 - 관련사이트 */
.contract li{display: inline-block;width: calc(33.333% - 20px);margin-bottom: 30px;padding-top:25px;border:1px solid #ddd;border-radius:15px;margin-right:25px;text-align:center;}
.contract li:nth-child(3),
.contract li:nth-child(6),
.contract li:nth-child(9),
.contract li:nth-child(12) {margin-right:0;}
.contract:after  {content:''; display:block; clear:both;}
.contract ul li > p > span {display:block; margin:0 0 15px 0; word-break:break-all;}
.contract ul li > p{display:block; text-align: center; padding:20px; border-radius:0 0 15px 15px; margin-top:20px; background:#FFF6FA;}

@media all and (max-width:640px) {
.contract li {width:calc(50% - 15px);}
.contract li > img {max-width:80% !important;}
.contract li:nth-child(even) {margin-right:0;}
.contract li:nth-child(3),
.contract li:nth-child(9) {margin-right:25px;}
}

.bod_guide[data-name="농업기계현황"] {padding:1.3em 1.5em 1.3em 8rem;}
.bod_guide[data-name="농업기계현황"]:before {width:5.8em; height:5.8em; border-radius:2em;}
.bod_guide[data-name="농업기계현황"] .tit {font-size:1em;}
.bod_guide[data-name="농업기계현황"] .list-ul {font-size:.7em;}
.bod_guide .btn[target=_blank]:after{display:none;}


/* chatbot */
.callChatbot {position:fixed;right: 1.5em;z-index: 99999;left: auto;bottom: 2.5em;display: block;}
.callChatbot a {display:block;width: 4em;height: 4em;background:#154183 url(../img/main/img_chatbot.png) no-repeat 50% 50%;background-size: 73%;border-radius: 3em;position: absolute;left: auto;bottom: 1px;right: -1px;}
.callChatbot .btn_wrapper {padding: 1em 5.5em 1em 1.5em;border: 2px solid #7377ff;background-color: #fff;border-color: #154183;display: block;color: #333;font-size: 0.8em;border-radius: 3em;line-height: 2.9;display: none;text-align:center;}
.callChatbot:hover .btn_wrapper {display:block;}
.callChatbot:hover a{box-shadow:0 8px 16px rgba(0, 0, 0, 0.3)}

.aiChatbot {position:fixed;right: 1.5em;z-index: 99999;left: auto;bottom: 7.5em;display: block;}
.aiChatbot a {display:block;width: 4em;height: 4em;background:#207527 url(../img/main/greeny_icon.png) no-repeat 50% 50%;background-size: 100%;border-radius: 3em;position: absolute;left: auto;bottom: 1px;right: -1px;}
.aiChatbot .btn_wrapper {padding: 1em 5.5em 1em 1.5em;border: 2px solid #207527;background-color: #fff;border-color: #207527;display: block;color: #333;font-size: 0.8em;border-radius: 3em;line-height: 1.4;display: none;text-align:center;}
.aiChatbot:hover .btn_wrapper {display:block;}
.aiChatbot:hover a{box-shadow:0 8px 16px rgba(0, 0, 0, 0.3)}


/* AnyID */
body {font-size: inherit !important;}
.conts h4.type-tit:before {background-image: none;}
a.btn.btn-txt:before {border:none; background-image:none !important;}
a.btn.btn-txt:hover {background-color: unset !important;}
#anyidc.thema_04 .krds-tooltip-wrap .tool-txt>span {width: auto !important;}
#anyidc.thema_04 .btn.ico-arr:before {background-image:none;}
.inner{padding: unset !important;max-width: 1400px !important;}

@media (max-width: 1023px) {
  .auth-inner {padding:0 !important;}
  }

@media (max-width: 767px) {
    .auth-inner .certify-sel-wrap.type-arrow .certify-type > li .type-tit{white-space:break-spaces;}    
    #anyidc.thema_04 .join-member-bn-wrap-column {margin-top: 10px;}
}


