/*
=========================================================================
pc 레이아웃 css
=========================================================================
*/

/*메인레이어팝업*/
.mainPopup{z-index:1000;width:500px;background:#fff;color:#333333;position:absolute; top:132px; left:100px; text-align:center;-webkit-transition:all .3s ease; box-shadow: 0px 0px 30px rgb(0 0 0 / 44%);display:none}
.newpop{top:132px !important; left:500px !important;}
.newpop1{top:132px !important; left:1200px !important;}
.mainPopup .bt-m-pop{position:relative;display:block;width:100%}
.mainPopup .bt-m-pop img{max-width:100%;width:100%}
.mainPopup .btn-close{display:inline-block;position:absolute;top:0;right:0;color:#fff;background-color:#444;padding:2px 10px}
.mainPopup .btn-today{display:block;text-align:center;color:#fff;background-color:#444;padding:5px 10px}

@media (max-width: 1280px){
	.layPop .box .con iframe {width:70%; height:50%;}
}

@media screen and (max-width:780px){ 
	.mainPopup{width:80%; left:50px;}
}

.float-wrap {clear:both;}
.float-wrap > div { float: left; box-sizing: border-box;}
.float-wrap .img { width: 45%;}
.float-wrap .cont { width: 50%; margin-left: 5%;}
.float-wrap .cont.pt-3 {padding-top: 1rem;}
.float-wrap::after {display: block; clear: both; content:'';}
.float-wrap.wd33 .img {width:33%;}
.float-wrap.wd33 .cont {width: 59%; margin-left: 8%;}
.float-wrap.wd50 { padding-bottom: 80px; border-bottom: 1px solid #dee2e4; }
.float-wrap.wd50 .img,
.float-wrap.wd50 .cont {width: 50%; margin: 0;}
.float-wrap.wd50 > div:first-child { padding-right: 2%;}
.float-wrap.wd50.no_line { border:0px; }

.flex-wrap { margin-bottom: 1.6333rem;  }
.flex-wrap > div { word-break: keep-all; width: 100%; margin-left: 1.5rem; }
.flex-wrap.three > div { max-width: 398px; margin-left: 2rem;}
.flex-wrap.four > div { max-width: 296px; margin-left: 1.875rem;}
.flex-wrap .content { text-align: center; border: 1px solid #dee2e4; }
.flex-wrap .content > p { background-color: #fff; text-align: center; font-size: 1rem; padding: 1rem 0; }

/* list  */
.li_dot1.in_l40 { margin-left: 40px;}
.li_dot1.color01 > li::before {border-color: #5ca296; }
.li_dot1.color02 > li::before {border-color: #448ca9; }
.li_dot1.color03 > li::before {border-color: #2e323e; }
.li_dot1.color04 > li::before {border-color: #619eb7; }
.li_dot1.color05 > li::before {border-color: #4e6e96; }
.li_dot1.color06 > li::before {border-color: #0055b9; }
.li_dot1.color07 > li::before {border-color: #3e6aa1; }
.li_dot1.color08 > li::before {border-color: #3e4aa1; }
.li_dot1.color09 > li::before {border-color: #ba2e2d; }
.li_dot1.color10 > li::before {border-color: #ef752f; }

.li_dot1.black > li { padding-left: 10px; }
.li_dot1.black > li::before { width: 5px; height: 5px; background-color: #495057; border-color: #495057;}
.li_dot2 > li::before {content:"- "}

.li_dot1 > li span.bold{font-weight:bold}

.list-float > li { float: left;}
.list-float.w50 > li { display: inline-block; width: 49%;}
.list-float::after {display: block; clear: both; content:'';}

.list-link h2 { display: inline-block; margin-right: 2.333rem;}



/* dl dt dd */
.dl-type01 {}
.dl-type01 dt { position: relative; padding-top:40px;font-size:24px;color:#343c40;font-weight:500;line-height:1.6; margin-bottom: 20px;}
.dl-type01 dt::before {position:absolute;top:0;left:0;width:60px;height:0;content:''; }
.dl-type01.color01 dt::before {border-top: 3px solid #5ca296; }
.dl-type01.color02 dt::before {border-top: 3px solid #448ca9; }
.dl-type01.color03 dt::before {border-top: 3px solid #2e323e; }
.dl-type01.color04 dt::before {border-top: 3px solid #619eb7; }
.dl-type01.color05 dt::before {border-top: 3px solid #4e6e96; }
.dl-type01.color06 dt::before {border-top: 3px solid #0055b9; }
.dl-type01.color07 dt::before {border-top: 3px solid #3e6aa1; }
.dl-type01.color08 dt::before {border-top: 3px solid #3e4aa1; }
.dl-type01.color09 dt::before {border-top: 3px solid #ba2e2d; }
.dl-type01.color10 dt::before {border-top: 3px solid #ef752f; }

.dl-list01 {position:relative;margin-bottom:85px;padding-left:400px;min-height:160px}
.dl-list01 dt{position:absolute;top:0;left:0;padding-top:40px;font-size:24px;color:#343c40;font-weight:500;line-height:1.6}
.dl-list01 dt::before{position:absolute;top:0;left:0;width:60px;height:0;content:'';}
.dl-list01 dt.title01 {font-size:36px; line-height: 1; padding-top:0;}
.dl-list01 dt.color01::before{border-top:3px solid #3f9586;}
.dl-list01 dt.color01 span{color:#3f9586;}
.dl-list01 dt.color02::before{border-top:3px solid #448ca9;}
.dl-list01 dt.color02 span{color:#448ca9;}
.dl-list01 dt.color03::before{border-top:3px solid #2e323e;}
.dl-list01 dt.color03 span{color:#2e323e;}
.dl-list01 dt.color04::before{border-top:3px solid #619eb7;}
.dl-list01 dt.color04 span{color:#619eb7;}
.dl-list01 dt.color05::before{border-top:3px solid #4e6e96;}
.dl-list01 dt.color05 span{color:#4e6e96;}
.dl-list01 dt.color06::before{border-top:3px solid #0055b9;}
.dl-list01 dt.color06 span{color:#0055b9;}
.dl-list01 dt.color07::before{border-top:3px solid #3e6aa1;}
.dl-list01 dt.color07 span{color:#3e6aa1;}
.dl-list01 dt.color08::before{border-top:3px solid #3e4aa1;}
.dl-list01 dt.color08 span{color:#3e4aa1;}
.dl-list01 dt.color09::before{border-top:3px solid #ba2e2d;}
.dl-list01 dt.color09 span{color:#ba2e2d;}
.dl-list01 dt.color10::before{border-top:3px solid #ef752f;}
.dl-list01 dt.color10 span{color:#ef752f;}



.dl-list02 li {margin-bottom:1rem;font-size:18px;color:#50585c;}
.dl-list02 dt {display:inline-block; margin-right:10px; padding:0 20px; color:#fff; line-height:36px;border-radius:18px}
.dl-list02 dd { display: inline; }
.dl-list02 .img dd, 
.dl-list02 .img dd { vertical-align: top;}
.dl-list02 .color01 { background-color: #49918f;}
.dl-list02 .color02 { background-color: #4f8d98;}
.dl-list02 .color03 { background-color: #527d99;}
.dl-list02 .color04 { background-color: #4e6e96;}
.dl-list02 .color05 { background-color: #4e5f96;}
.dl-list02 .color06 { background-color: #4e5096;}
.dl-list02 .color07 { background-color: #d5aa60;} 
.dl-list02 .color08 { background-color: #d58760;}
.dl-list02 .color09 { background-color: #d56b60;}
.dl-list02 .color10 { background-color: #f05786;}
.dl-list02 .color11 { background-color: #526499;}
.dl-list02 .color12 { background-color: #525599;}


/* table */

/* button */
[class*="btn-type"] {display: inline-block; font-size: 15px;  border-width: 1px; border-style:solid; border-color: #388e3c; color: #388e3c; padding: 0.25rem 1.666rem 0.25rem 1.666rem; text-align: center; vertical-align: middle;}

[class*="btn-type"].r {border-radius: 20px;}
[class*="btn-type"].link {padding: 0.25rem 1.333rem 0.25rem 1.333rem;}
[class*="btn-type"].link i {content: ' '; width: 14px; height: 15px; display: inline-block; background-image: url(../img/ic_blank.png); background-repeat: no-repeat; background-position: 0 0; margin-left: 0.5rem; vertical-align: middle; }


/* bul */
.text-box{position:relative; font-size:21px;text-align:center}
.text-box span{display:block; padding: 0 1rem;}
.text-box::after,
.text-box::before{position:absolute;left:0;width:100%;height:10px;content:'';opacity:0.6;border-radius:5px}
.text-box::after{top:0;}
.text-box::before{bottom:0;}
.text-box span::after,
.text-box span::before{position:absolute;top:0;width:10px;height:100%;content:'';opacity:0.6;border-radius:5px}
.text-box span::after{left:0}
.text-box span::before{right:0}
.text-box::after{background:#7fb843;}
.text-box::before{background:#43a047;}
.text-box span::after,
.text-box span::before{background:#3fa38a;}


/* content */
.s1_1_con1 p.one { column-count: inherit; column-gap: initial; }

/* 공통 */

.content-box { margin-bottom: 100px; padding: 0px 30px; }
[class*="_con"].bg-white { background-color: #fff;}

.align-left {text-align: left; }
.align-center {text-align: center; }
.align-right {text-align: right; }
.align-top {vertical-align: top;}
.align-middle {vertical-align: middle;}
.align-bottom {vertical-align: bottom;}

.px-0,
.py-0 {padding: 0;}
.mx-0,
.my-0 {margin: 0;}

.py-1 {padding: 0.25rem 0;}
.py-2 {padding: 0.5rem 0;}
.py-3 {padding: 1rem 0;}
.py-4 {padding: 1.5rem 0;}
.py-5 {padding: 1.875rem 0;}

.pt-0 {padding-top: 0rem; }
.pt-1 {padding-top: 0.25rem; }
.pt-2 {padding-top: 0.5rem; }
.pt-3 {padding-top: 1rem; }
.pt-4 {padding-top: 1.5rem; }
.pt-5 {padding-top: 1.875rem; }

.pb-0 {padding-bottom: 0; }
.pb-1 {padding-bottom: 0.25rem; }
.pb-2 {padding-bottom: 0.5rem; }
.pb-3 {padding-bottom: 1rem; }
.pb-4 {padding-bottom: 1.5rem; }
.pb-5 {padding-bottom: 1.875rem; }

.pl-0 {padding-left: 0; }
.pl-1 {padding-left: 0.25rem; }
.pl-2 {padding-left: 0.5rem; }
.pl-3 {padding-left: 1rem; }
.pl-4 {padding-left: 1.5rem; }
.pl-5 {padding-left: 1.875rem; }

.pr-0 {padding-right: 0; }
.pr-1 {padding-right: 0.25rem; }
.pr-2 {padding-right: 0.5rem; }
.pr-3 {padding-right: 1rem; }
.pr-4 {padding-right: 1.5rem; }
.pr-5 {padding-right: 1.875rem; }

.my-1 {margin: 0.25rem 0;}
.my-2 {margin: 0.5rem 0;}
.my-3 {margin: 1rem 0;}
.my-4 {margin: 1.5rem 0;}
.my-5 {margin: 1.875rem 0;}

.mt-0 {margin-top: 0; }
.mt-1 {margin-top: 0.25rem; }
.mt-2 {margin-top: 0.5rem; }
.mt-3 {margin-top: 1rem; }
.mt-4 {margin-top: 1.5rem; }
.mt-5 {margin-top: 1.875rem; }

.mb-0 {margin-bottom: 0; }
.mb-1 {margin-bottom: 0.25rem; }
.mb-2 {margin-bottom: 0.5rem; }
.mb-3 {margin-bottom: 1rem; }
.mb-4 {margin-bottom: 1.5rem; }
.mb-5 {margin-bottom: 1.875rem; }

.ml-0 {margin-left: 0; }
.ml-1 {margin-left: 0.25rem; }
.ml-2 {margin-left: 0.5rem; }
.ml-3 {margin-left: 1rem; }
.ml-4 {margin-left: 1.5rem; }
.ml-5 {margin-left: 1.875rem; }

.mr-0 {margin-right: 0; }
.mr-1 {margin-right: 0.25rem; }
.mr-2 {margin-right: 0.5rem; }
.mr-3 {margin-right: 1rem; }
.mr-4 {margin-right: 1.5rem; }
.mr-5 {margin-right: 1.875rem; }


.flex-row {-ms-flex-direction: row; flex-direction: row;  }
.flex-column {-ms-flex-direction: column; flex-direction: column;}
.d-flex {display: -ms-flexbox; display: flex;}


.wd100p {width: 100%; }
.wd70p {width: 70%; }
.wd60p {width: 60%; }
.wd50p {width: 50%; }
.wd40p {width: 40%; }
.wd30p {width: 30%; }

.m-wd398 {max-width: 398px; }

.color-green {color: #3f9586;}
.color-ligreen {color: #009688;}
.color-ligreen02 {color: #029687;}
.color-blue {color: #235ca3;}
.color-skyblue {color: #619eb7;}
.color-red {color: #ba2e2d;}

[class*="i-box-"] {margin-bottom: 100px; padding: 50px 30px; text-align: center;;}
.i-box-grey {background: #f6f7f8}



/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/

 /* PC / TABLET Device */
@media all and (min-width:641px){
	.flex-md-row {-ms-flex-direction: row; flex-direction: row; }
	.flex-wrap > div:first-child {margin-left: 0; }
}

 /* PC Device */
@media all and (min-width:1201px){
	
}

 /* TABLET Device */
@media all and (max-width:1200px){
	.hidden-br {display: none;}

	.float-wrap.wd50 .img,
	.float-wrap.wd50 .cont { float: none; width: auto; margin: 0;}
	.float-wrap.wd50 > div:first-child { margin-bottom: 20px; padding-right: 0; }

	.dl-type01 dt { position: relative; margin-bottom: 30px;}

	.dl-list01{padding-left:0}
	.dl-list01 dt{position:relative;margin-bottom:30px}
	.dl-list01 dt br{display:none}
}

 /* TABLET Device */
@media all and (max-width:800px){
	.flex-wrap { -webkit-justify-content: space-around; justify-content: space-around;  flex-wrap: wrap;}
	.flex-wrap.four > div { margin: 0 auto 1rem;}
}

 /* Mobile Device */
@media all and (max-width:640px){

	.content-box { margin-bottom: 30px; padding: 10px; }

	[class*="i-box-"] { margin-bottom: 50px; padding: 10px;}

	.flex-wrap > div {margin-top: 1rem; margin: 0 auto 20px;}
	.flex-wrap > div:first-child { margin-top: 0; }

	.float-wrap .cont { padding-top: 0; }
	.float-wrap.wd50 { padding-bottom: 40px; }

	.li_dot1.in_l40 { margin-left: 25px;}

	.dl-type01 { margin-bottom: 45px;}
	.dl-type01 dt {margin-bottom: 20px; padding-top: 15px; font-size: 16px;}

	.dl-list01{margin-bottom: 45px;}
	.dl-list01 dt{margin-bottom: 20px;padding-top: 15px;font-size: 16px;}
	.dl-list01 dt::before{width:40px}

	.dl-list02 li { font-size: 14px;}
	.dl-list02 li dl { padding-left: 110px; position: relative;}
	.dl-list02 li dt {position: absolute; top:0; left: 0; margin: 0; padding: 0; width: 105px; text-align: center;  line-height: 30px;}

	.dl-list02 li dl.img {padding-left: 0;}
	.dl-list02 li dl.img dt { position: relative; margin-bottom: 1rem; }

	.text-box {margin-bottom: 20px; font-size: 16px; }
	.mVisualWrap .topTxt .link2 li a{background:none;}
}

@media all and (max-width:480px){
	td [class*="btn-type"].link i {display: block; text-align: center; margin:0 auto;}

	.float-wrap > div { float: none; }
	.float-wrap .img,
	.float-wrap[class*="wd"] .img { max-width: 80%; margin: 0 auto 15px; width: auto;}
	.float-wrap .img.wd100 { max-width: 100%; }
	.float-wrap .cont,
	.float-wrap[class*="wd"] .cont,
	.float-wrap[class*="pt"] .cont { padding-top: 0; width: auto; margin: 0; }

	.list-float.w50 > li { float: none; width: auto; display: block; }
}