/* --------- ?˜μ΄μ§? ???΄ν? ---------  */
.title_B { font-size: 30px; padding:10px 0; color:#212121; font-weight:700; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:120%; }
.title_T { font-size: 24px; padding:7px 0; color:#333; font-weight:700; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:120%; }
.title_S { font-size: 20px; padding:7px 0; color:#333; font-weight:500; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:120%; }

.desc_B { font-size: 17px; padding:10px 0; color:#8c8c8c; font-weight:500; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:170%; }
.desc_T { font-size: 16px; padding:2px 0; color:#8c8c8c; font-weight:400; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:170%; }
.desc_S { font-size: 15px; padding:2px 0; color:#8c8c8c; font-weight:500; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:170%; }
.desc_I { font-size: 18px; padding:20px; color:#8c8c8c; border: 2px dashed #d5d8da; border-top: 1px solid #004a80; margin: 10px 0; font-weight:400; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:150%; }

.desc_Ul {  }
.desc_Ul li { padding: 5px 0 5px 13px; text-indent: -13px; font-size: 16px; color:#787878; font-weight:500; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:150%; }
.desc_Ul li.titlez { padding: 10px 0 5px 0px; font-size: 16px; color:rgba(0,0,0,0.7); font-weight:700; }
.desc_Ul li.titlez:before { content: ''; position: relative; top: -1px; display: inline-block; margin-right: 10px; width: 3px; height: 3px; vertical-align: middle; background-color: #fff;  border-radius: 50%; }
.desc_Ul li:before { content: ''; position: relative; top: -1px; display: inline-block; margin-right: 10px; width: 3px; height: 3px; vertical-align: middle; background-color: #363636;  border-radius: 50%; }

.desc_Ulbox { font-size:0; }
.desc_Ulbox li { display:inline-block; padding: 5px 20px 5px 20px; margin:0 5px 5px 0; background:#f7f7f7; border:1px solid #eaeaea; border-radius:3px; font-size: 16px; color:#787878; font-weight:500; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:150%; }

.midSpace { height:30px; }
.midSpace20 { height:20px; }
.midSpaceline { height:60px; background:url(/images/dot.gif) repeat-x center center; opacity:0.6; }

@media screen and (max-width: 1260px){
	.title_B { font-size: 28px; padding:10px 0; }
	.title_T { font-size: 23px; padding:10px 0; }
	.title_S { font-size: 19px; padding:10px 0; }

	.desc_B { font-size: 17px; padding:10px 0; }
	.desc_T { font-size: 15px; padding:10px 0; }
	.desc_S { font-size: 14px; padding:10px 0; }
	.desc_I { font-size: 17px; padding:15px; }

	.desc_Ul {  }
	.desc_Ul li { padding: 5px 0 5px 10px; text-indent: -10px; font-size: 16px; }
	.desc_Ul li:before { margin-right: 8px; }

	.midSpaceline { height:50px; }
}

@media screen and (max-width: 900px){
	.title_B { font-size: 26px; padding:10px 0; }
	.title_T { font-size: 22px; padding:10px 0; }
	.title_S { font-size: 18px; padding:10px 0; }

	.desc_B { font-size: 16px; padding:10px 0; }
	.desc_T { font-size: 14px; padding:10px 0; }
	.desc_S { font-size: 13px; padding:10px 0; }
	.desc_I { font-size: 16px; padding:15px; }

	.desc_Ul {  }
	.desc_Ul li { padding: 5px 0 5px 10px; text-indent: -10px; font-size: 15px; }
	.desc_Ul li:before { margin-right: 8px; }

	.desc_Ulbox li { padding: 5px 20px 5px 20px; margin:0 5px 5px 0; font-size: 15px; }

	.midSpace { height:30px; }
	.midSpace20 { height:20px; }
	.midSpaceline { height:40px; }
}

@media screen and (max-width: 650px){
	.title_B { font-size: 22px; padding:10px 0; }
	.title_T { font-size: 19px; padding:10px 0; }
	.title_S { font-size: 17px; padding:10px 0; }

	.desc_B { font-size: 15px; padding:10px 0; }
	.desc_T { font-size: 13px; padding:10px 0; }
	.desc_S { font-size: 12px; padding:10px 0; }
	.desc_I { font-size: 14px; padding:10px; }

	.desc_Ul {  }
	.desc_Ul li { padding: 5px 0 5px 10px; text-indent: -10px; font-size: 15px; }
	.desc_Ul li:before { margin-right: 8px; }

	.desc_Ulbox li { padding: 5px 20px 5px 20px; margin:0 5px 5px 0; font-size: 14px; }
	
	.midSpace { height:20px; }
	.midSpace20 { height:10px; }
	.midSpaceline { height:30px; }
}

/* table */
.table_info_box { width: 100%; padding:20px 0; }
.table_info_box > .tbl_info {min-width:600px;}
.table_info_box > .tbl_info.mw1000 {min-width:1000px;}
.table_info_box > .tbl_info.widthfull {min-width:400px !important;}
.tbl_info { width:100%; border-collapse: collapse; border-top: 2px solid #222; position: relative; table-layout: fixed; font-weight:500; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; }
.tbl_info::before{content: ""; width: 3px; height: calc(100% + 3px); background-color: #fff; position: absolute; right: -1px; top: -2px;}
.tbl_info tbody tr:first-of-type td {border-top: none;}
.tbl_info tbody tr:first-of-type th {border-top: none;}
.tbl_info th {border: 1px solid #ddd; border-left: none; background-color: #F7F8FC; padding: 20px 10px; text-align: center; font-size: 18px; font-weight: 500; color: #222;}
.tbl_info td {border: 1px solid #ddd; border-left: none; padding: 20px 10px; text-align: center; font-size: 16px; line-height: 1.6; position: relative;word-break: keep-all;}
.tbl_info th.txtL {text-align: left; padding-left: 20px;}
.tbl_info td.top {vertical-align: top;}
.tbl_info td span.bold {font-weight: 600;}
.tbl_info td.txtdL {text-align: left; padding-left: 20px;}

.tbl_info.lineN tr {border-bottom: 1px solid #ddd;}
.tbl_info.lineN th {border: none;}
.tbl_info.lineN td {border: none;}

@media screen and (max-width: 1260px) {
	.table_info_box { width: 100%;}
	.tbl_info th {padding: 10px 3px; font-size: 15px;}
	.tbl_info td {padding: 10px 3px; font-size: 13px;}
	.tbl_info td.txtdL {padding-left: 10px;}
}

@media screen and (max-width: 650px) {
	.table_info_box { overflow:hidden; overflow-x: auto;}
    .tbl_info { width: 600px;}
    .tbl_info td {word-break: break-word;}
}

@media (max-width:767px) {
	.mbbr { }
	.pcbr { display:none; }
}

@media (min-width:768px) and (max-width:1260px) {
	.mbbr { display:none; }
	.pcbr { }
}

@media (min-width:1260px) {
	.mbbr { display:none; }
	.pcbr { }
}


/* --------- ?™μ˜?? ---------  */
.video_visual { position:relative; width:100%; height:650px; z-index:0; overflow:hidden; 
                  background:url('/images/main_bg____3.png') no-repeat top center; background-size:cover; }
.video_visual .t_txt { position:absolute; top:50%; left:50%; 
                       transform:translate(-50%, -50%); width:100%; border:0px solid red; padding:50px; z-index:100; 
					   color:white; text-shadow: 0 0 5px #000000;}
.video_visual .t_txt h2 {display:inline-block; font-family: 'GmSansM'; width:100%; font-size:30px; line-height:150%;}
.video_visual .t_txt p {display:inline-block; font-family: 'GmSansM'; width:100%; font-size:45px; padding-top:15px; line-height:150%;}
.video_visual .t_txt span {display:inline-block; font-family: 'GmSansM'; width:100%; font-size:20px; line-height:150%; padding-top:20px; }
.video_visual video {position:absolute; left:0; top:0; }
.video_visual .bg_movie {height: 100%; margin:0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; 
			   transform-style: preserve-3d; text-align: center;}
.video_visual .bg_movie img {width: 100%; }
.video_visual .bg_shadow { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); }

/* @media screen and (max-width: 1260px){
	.video_visual { height:550px; }
	.video_visual .t_txt { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:50px; z-index:100; }
	.video_visual .t_txt h2 { font-size:30px; }
	.video_visual .t_txt p { font-size:45px; padding-top:15px; }
	.video_visual .t_txt span { font-size:20px; padding-top:20px; }
} */

@media screen and (max-width: 900px){
	.video_visual { height:300px; }
	.video_visual .t_txt { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:50px; z-index:100; }
	.video_visual .t_txt h2 { font-size:30px; }
	.video_visual .t_txt p { font-size:45px; padding-top:15px; }
	.video_visual .t_txt span { font-size:20px; padding-top:20px; }
}

@media screen and (max-width: 650px){
	.video_visual { height:250px; }
	.video_visual .t_txt { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:50px; z-index:100; }
	.video_visual .t_txt h2 { font-size:30px; }
	.video_visual .t_txt p { font-size:45px; padding-top:15px; }
	.video_visual .t_txt span { font-size:20px; padding-top:20px; }
}



/* --------- ?˜μ΄μ§? ??©”?? ---------  */
.t_tab2 { padding:0; text-align:center; border:0px solid red; }
.t_tab2 .tab2 { float:left; cursor:pointer; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:17px; text-transform:uppercase; padding:10px 35px 12px 35px; border:1px solid #eaeaea; margin:0 5px 0 0; color:#000; border-radius:3px; transition:all .2s; }
.t_tab2 .tab2:hover { border:1px solid #6c5c50; color:#000; transition:all .2s;}
.t_tab2 .tab2.on { background:#3345a3; color:white; transition:all .2s;}

.t_tab5 { padding:0; text-align:center; border:0px solid red; }
.t_tab5 .tab5 { display:inline-block; width:19%; cursor:pointer; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; text-transform:uppercase; padding:10px 0 12px 0; border:1px solid #eaeaea; margin:0 5px 0 0; color:#000; border-radius:3px; transition:all .2s; }
.t_tab5 .tab5:hover { border:1px solid #6c5c50; color:#000; transition:all .2s;}
.t_tab5 .tab5.on { background:#3345a3; color:white; transition:all .2s;}

.t_tab6 { padding:0; border:0px solid red; text-align:left; }
.t_tab6 .tab6 { display:inline-block; text-align:center; width:15.5%; cursor:pointer; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; text-transform:uppercase; padding:10px 0 12px 0; border:1px solid #eaeaea; margin:0 5px 0 0; color:#000; border-radius:3px; transition:all .2s; }
.t_tab6 .tab6:hover { border:1px solid #6c5c50; color:#000; transition:all .2s;}
.t_tab6 .tab6.on { background:#3345a3; color:white; transition:all .2s;}

.t_tab7 { padding:0; border:0px solid red; text-align:left; }
.t_tab7 .tab7 { display:inline-block; text-align:center; width:13%; cursor:pointer; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; text-transform:uppercase; padding:10px 0 12px 0; border:1px solid #eaeaea; margin:0 5px 0 0; color:#000; border-radius:3px; transition:all .2s; }
.t_tab7 .tab7:hover { border:1px solid #6c5c50; color:#000; transition:all .2s;}
.t_tab7 .tab7.on { background:#3345a3; color:white; transition:all .2s;}

.t_tab8 { padding:0; border:0px solid red; text-align:left; }
.t_tab8 .tab8 { display:inline-block; text-align:center; width:11.5%; cursor:pointer; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; text-transform:uppercase; padding:10px 0 12px 0; border:1px solid #eaeaea; margin:0 5px 0 0; color:#000; border-radius:3px; transition:all .2s; }
.t_tab8 .tab8:hover { border:1px solid #6c5c50; color:#000; transition:all .2s;}
.t_tab8 .tab8.on { background:#3345a3; color:white; transition:all .2s;}

@media screen and (max-width: 1260px){
	.t_tab5 .tab5 { display:inline-block; width:18%; cursor:pointer; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; text-transform:uppercase; padding:10px 0 12px 0; border:1px solid #eaeaea; margin:0 5px 0 0; color:#000; border-radius:3px; transition:all .2s; }
	.b_tab5 .tab5 { width:18%; font-size:15px; padding:10px 0 12px 0; }
	.t_tab8 .tab8 { width:11.5%; font-size:15px; padding:10px 0 12px 0; margin:0 5px 5px 0; }
}

@media screen and (max-width: 900px){
	.t_tab6 .tab6 { width:15.5%; font-size:13px; padding:10px 0 12px 0; margin:0 5px 5px 0; }
	.t_tab7 .tab7 { width:15%; font-size:13px; padding:10px 0 12px 0; margin:0 5px 5px 0; }
	.t_tab8 .tab8 { width:15%; font-size:13px; padding:10px 0 12px 0; margin:0 5px 5px 0; }
}

@media screen and (max-width: 650px){
	.t_tab2 .tab2 { width:49%; font-size:14px; padding:10px 0 12px 0; margin:0 1% 0 0; color:#000; text-align:center;}
	.t_tab6 .tab6 { width:31%; cursor:pointer; font-size:13px; padding:10px 0 12px 0; margin:0 5px 5px 0; }
	.t_tab7 .tab7 { width:31%; cursor:pointer; font-size:13px; padding:10px 0 12px 0; margin:0 5px 5px 0; }
	.t_tab8 .tab8 { width:31%; font-size:13px; padding:10px 0 12px 0; margin:0 5px 5px 0; }
}

@media screen and (max-width: 300px){

}

/* --------- minfo ---------  */
.minfoWrap { background:url(/images/m_infoBg.jpg) no-repeat top center; padding:60px 0; }
.minfoWrap .innWrap { max-width:1360px; margin:0 auto; font-family:Noto Sans KR, sans-serif; }
.minfoWrap .innWrap h2 { display:block; font-weight:500; padding:0 0 20px 0; font-size:34px; letter-spacing:-0.05em; line-height:120%; text-align:center; }
.minfoWrap .innWrap h2 span { font-weight:700; font-size:33px; color:#8baad2; }
.minfoWrap .innWrap .desc { font-weight:500; font-size:17px; letter-spacing:-0.05em; line-height:120%; color:#7c7c7c; text-align:center; }

ul.minfoUl { padding:50px 0; font-family:Noto Sans KR, sans-serif; }
ul.minfoUl li { float:left; width:30%; margin:0 1.5%; height:395px; background:#fff; border:1px solid #d6d6d6; border-radius:2px; }
ul.minfoUl li .pic { width:97px; margin:20px auto; }
ul.minfoUl li .pic_2 { width:50%;margin:20px auto; }
ul.minfoUl li .pic_3 { width:390px;height:280px; margin:20px auto; }
ul.minfoUl li .fa  { font-size:80px; }
ul.minfoUl li .pic img { width:100%; }
ul.minfoUl li .pic_2 img { width:100%; }
ul.minfoUl li strong { font-weight:500; font-size:23px; color:#282828; letter-spacing:-0.05em; line-height:120%;}
ul.minfoUl li p { display:block; padding:20px 20px; font-size:15px; font-weight:500; color:#939393; letter-spacing:-0.05em; line-height:120%;}
ul.minfoUl li span { display:block; padding:10px 0 20px 0; font-size:21px; font-family:GmSansM; color:#000; letter-spacing:-0.05em; line-height:160%;}
ul.minfoUl li a.btn1 { display:block; width:70%; margin:0 auto; padding:10px 0; font-size:17px; font-family:GmSansM; color:#fff; letter-spacing:-0.05em; line-height:120%; background:#1e8acc; border-radius:3px; transition:all .2s; }
ul.minfoUl li a.btn1:hover { background:#114b85; transition:all .2s; }

ul.minfoUl li a.btn2 { display:inline-block; width:40%; margin:2px; padding:10px 0 8px 0; font-size:15px; font-family:GmSansM; color:#000; letter-spacing:-0.05em; line-height:120%; background:#fff; border-radius:3px; border:1px solid #254069; transition:all .2s; }
ul.minfoUl li a.btn2:hover { background:#114b85; color:#fff; transition:all .2s; }



/*--------------------------------------------------*/

ul.minfoUl2 { padding:50px 0; font-family:Noto Sans KR, sans-serif; }
ul.minfoUl2 li { float:left; width:23%; margin:0 5; height:395px; background:#fff; border:1px solid #d6d6d6; border-radius:2px; }
ul.minfoUl2 li .pic { width:97px; margin:20px auto; }
ul.minfoUl2 li .pic_2 { width:50%;margin:20px auto; }
ul.minfoUl2 li .pic_3 { width:390px;height:280px; margin:20px auto; }
ul.minfoUl2 li .fa  { font-size:80px; }
ul.minfoUl2 li .pic img { width:100%; }
ul.minfoUl2 li .pic_2 img { width:100%; }
ul.minfoUl2 li strong { font-weight:500; font-size:23px; color:#282828; letter-spacing:-0.05em; line-height:120%;}
ul.minfoUl2 li p { display:block; padding:20px 20px; font-size:15px; font-weight:500; color:#939393; letter-spacing:-0.05em; line-height:120%;}
ul.minfoUl2 li span { display:block; padding:10px 0 20px 0; font-size:21px; font-family:GmSansM; color:#000; letter-spacing:-0.05em; line-height:160%;}
ul.minfoUl2 li a.btn1 { display:block; width:70%; margin:0 auto; padding:10px 0; font-size:17px; font-family:GmSansM; color:#fff; letter-spacing:-0.05em; line-height:120%; background:#1e8acc; border-radius:3px; transition:all .2s; }
ul.minfoUl2 li a.btn1:hover { background:#114b85; transition:all .2s; }

ul.minfoUl2 li a.btn2 { display:inline-block; width:40%; margin:2px; padding:10px 0 8px 0; font-size:15px; font-family:GmSansM; color:#000; letter-spacing:-0.05em; line-height:120%; background:#fff; border-radius:3px; border:1px solid #254069; transition:all .2s; }
ul.minfoUl2 li a.btn2:hover { background:#114b85; color:#fff; transition:all .2s; }


/*--------------------------------------------------*/


@media screen and (max-width: 1260px){
	.minfoWrap { padding:50px 0; }
	.minfoWrap .innWrap { max-width:95%; margin:0 auto; }
	.minfoWrap .innWrap h2 { padding:0 0 10px 0; font-size:28px; }
	.minfoWrap .innWrap h2 span { font-size:28px; }
	.minfoWrap .innWrap .desc { font-size:16px; }

	ul.minfoUl { padding:30px 0; }
	ul.minfoUl li { float:left; width:32%; margin:0 0.5%; height:350px; }
	ul.minfoUl li .pic { width:70px; margin:15px auto; }
	ul.minfoUl li .pic img { width:100%; }
	ul.minfoUl li strong { font-size:18px; }
	ul.minfoUl li p { padding:10px 10px; font-size:13px; }
	ul.minfoUl li span { padding:10px 0 20px 0; font-size:15px; }
	ul.minfoUl li a.btn1 { width:80%; padding:10px 0; font-size:15px; }
	ul.minfoUl li a.btn1:hover { background:#114b85; transition:all .2s; }

	ul.minfoUl li a.btn2 { width:40%; margin:2px; padding:7px 0 5px 0; font-size:13px; }
}

@media screen and (max-width: 900px){
	.minfoWrap { padding:40px 0; }
	.minfoWrap .innWrap { max-width:95%; margin:0 auto; }
	.minfoWrap .innWrap h2 { padding:0 0 10px 0; font-size:25px; }
	.minfoWrap .innWrap h2 span { font-size:25px; }
	.minfoWrap .innWrap .desc { font-size:15px; }

	ul.minfoUl { padding:30px 0; }
	ul.minfoUl li { float:left; width:32%; margin:0 0.5%; height:300px; }
	ul.minfoUl li .pic { width:70px; margin:15px auto; }
	ul.minfoUl li .pic img { width:100%; }
	ul.minfoUl li strong { font-size:18px; }
	ul.minfoUl li p { padding:10px 10px; font-size:13px; }
	ul.minfoUl li span { padding:10px 0 20px 0; font-size:15px; }
	ul.minfoUl li a.btn1 { width:80%; padding:10px 0; font-size:15px; }
	ul.minfoUl li a.btn1:hover { background:#114b85; transition:all .2s; }

	ul.minfoUl li a.btn2 { width:40%; margin:2px; padding:7px 0 5px 0; font-size:13px; }
}

@media screen and (max-width: 650px){
	.minfoWrap { padding:30px 0 0 0; }
	.minfoWrap .innWrap { max-width:95%; margin:0 auto; }
	.minfoWrap .innWrap h2 { padding:0 0 10px 0; font-size:22px; }
	.minfoWrap .innWrap h2 span { font-size:22px; }
	.minfoWrap .innWrap .desc { font-size:13px; }

	ul.minfoUl { padding:30px 0; }
	ul.minfoUl li { float:left; width:100%; margin:0 0 1% 0; height:auto; padding-bottom:20px; }
	ul.minfoUl li .pic { width:70px; margin:10px auto; }
	ul.minfoUl li .pic img { width:100%; }
	ul.minfoUl li strong { font-size:18px; }
	ul.minfoUl li p { padding:10px 10px; font-size:13px; }
	ul.minfoUl li span { padding:10px 0 20px 0; font-size:15px; }
	ul.minfoUl li a.btn1 { width:80%; padding:10px 0; font-size:15px; }
	ul.minfoUl li a.btn1:hover { background:#114b85; transition:all .2s; }

	ul.minfoUl li a.btn2 { width:40%; margin:2px; padding:7px 0 5px 0; font-size:13px; }
}

/* --------- mclcWrap 5κ°?--------- 
.mclcWrap { background:#f2f3f5; padding:60px 0; }
.mclcWrap .innWrap { max-width:1360px; margin:0 auto; font-family:Noto Sans KR, sans-serif; }
.mclcWrap .innWrap h2 { display:block; font-weight:500; padding:0 0 20px 0; font-size:34px; letter-spacing:-0.05em; line-height:120%; text-align:center; }
.mclcWrap .innWrap h2 span { font-weight:700; font-size:33px; color:#8baad2; }

ul.mclcUl { padding:50px 0; font-family:Noto Sans KR, sans-serif; }
ul.mclcUl li { float:left; width:19%; margin:0 0.5%; background:#fff; border-radius:2px; padding-bottom:20px; }
ul.mclcUl li .pic { width:100px; margin:20px auto; }
ul.mclcUl li .pic img { width:100%; }
ul.mclcUl li strong { font-weight:500; font-size:23px; color:#282828; letter-spacing:-0.05em; line-height:120%; transition:all .2s; }
ul.mclcUl li p { display:block; padding:10px 10px; font-size:15px; font-weight:500; color:#939393; letter-spacing:-0.05em; line-height:120%;}
ul.mclcUl li i { display:block; padding:0 0; font-size:27px; color:#000; transition:all .2s; }
ul.mclcUl li:hover i { color:#55daf2; transition:all .2s; }
ul.mclcUl li:hover strong { color:#55daf2; transition:all .2s; }

@media screen and (max-width: 1260px){
	.mclcWrap { padding:40px 0; }
	.mclcWrap .innWrap { max-width:95%; margin:0 auto; }
	.mclcWrap .innWrap h2 { padding:0 0 20px 0; font-size:30px; }
	.mclcWrap .innWrap h2 span { font-size:30px; }

	ul.mclcUl { padding:30px 0; }
	ul.mclcUl li { width:19%; margin:0 0.5%; padding-bottom:20px; }
	ul.mclcUl li .pic { width:90px; margin:15px auto; }
	ul.mclcUl li .pic img { width:100%; }
	ul.mclcUl li strong { font-size:20px; }
	ul.mclcUl li p { padding:10px 10px; font-size:14px; }
	ul.mclcUl li i { padding:0 0; font-size:25px; }
}

@media screen and (max-width: 900px){
	.mclcWrap { padding:30px 0; }
	.mclcWrap .innWrap { max-width:95%; margin:0 auto; }
	.mclcWrap .innWrap h2 { padding:0 0 10px 0; font-size:25px; }
	.mclcWrap .innWrap h2 span { font-size:25px; }

	ul.mclcUl { padding:20px 0; }
	ul.mclcUl li { width:19%; margin:0 0.5%; padding-bottom:20px; }
	ul.mclcUl li .pic { width:80px; margin:10px auto; }
	ul.mclcUl li .pic img { width:100%; }
	ul.mclcUl li strong { font-size:20px; }
	ul.mclcUl li p { padding:10px 10px; font-size:14px; height:50px; }
	ul.mclcUl li i { padding:0 0; font-size:22px; }
}

@media screen and (max-width: 650px){
	.mclcWrap { padding:30px 0; }
	.mclcWrap .innWrap { max-width:95%; margin:0 auto; }
	.mclcWrap .innWrap h2 { padding:0 0 10px 0; font-size:22px; }
	.mclcWrap .innWrap h2 span { font-size:22px; }

	ul.mclcUl { padding:20px 0; }
	ul.mclcUl li { width:48%; margin:0 0.5% 1% 0.5%; padding-bottom:20px; }
	ul.mclcUl li .pic { width:70px; margin:10px auto; }
	ul.mclcUl li .pic img { width:100%; }
	ul.mclcUl li strong { font-size:17px; }
	ul.mclcUl li p { padding:10px 10px; font-size:14px; height:50px; }
	ul.mclcUl li i { padding:0 0; font-size:22px; }
}
*/


/* --------- mclcWrap 6κ°?--------- */
.mclcWrap { background:#f2f3f5; padding:60px 0; }
.mclcWrap .innWrap { max-width:1360px; margin:0 auto; font-family:Noto Sans KR, sans-serif; }
.mclcWrap .innWrap h2 { display:block; font-weight:500; padding:0 0 20px 0; font-size:34px; letter-spacing:-0.05em; line-height:120%; text-align:center; }
.mclcWrap .innWrap h2 span { font-weight:700; font-size:33px; color:#8baad2; }

.mclcWrap .innWrap_2 { max-width:100%; margin:0 auto; font-family:Noto Sans KR, sans-serif; }
.mclcWrap .innWrap_2 h2 { display:block; font-weight:500; padding:0 0 20px 0; font-size:34px; letter-spacing:-0.05em; line-height:120%; text-align:center; }
.mclcWrap .innWrap_2 h2 span { font-weight:700; font-size:33px; color:#8baad2; }

ul.mclcUl { padding:50px 0; font-family:Noto Sans KR, sans-serif; }
ul.mclcUl li { float:left; width:32%; margin:0 0.5% 1%; background:#fff; border-radius:2px; padding-bottom:20px; }
ul.mclcUl li .pic { width:100px; margin:20px auto; }
ul.mclcUl li .pic img { width:100%; }
ul.mclcUl li strong { font-weight:500; font-size:23px; color:#282828; letter-spacing:-0.05em; line-height:120%; transition:all .2s; }
ul.mclcUl li p { display:block; padding:10px 10px; font-size:15px; font-weight:500; color:#939393; letter-spacing:-0.05em; line-height:120%;}
ul.mclcUl li i { display:block; padding:0 0; font-size:27px; color:#000; transition:all .2s; }
ul.mclcUl li:hover i { color:#55daf2; transition:all .2s; }
ul.mclcUl li:hover strong { color:#55daf2; transition:all .2s; }

@media screen and (max-width: 1260px){
	.mclcWrap { padding:40px 0; }
	.mclcWrap .innWrap { max-width:95%; margin:0 auto; }
	.mclcWrap .innWrap h2 { padding:0 0 20px 0; font-size:30px; }
	.mclcWrap .innWrap h2 span { font-size:30px; }

	ul.mclcUl { padding:30px 0; }
	ul.mclcUl li { width:32%; margin:0 0.5% 1%; padding-bottom:20px; }
	ul.mclcUl li .pic { width:90px; margin:15px auto; }
	ul.mclcUl li .pic img { width:100%; }
	ul.mclcUl li strong { font-size:20px; }
	ul.mclcUl li p { padding:10px 10px; font-size:14px; }
	ul.mclcUl li i { padding:0 0; font-size:25px; }
}

@media screen and (max-width: 900px){
	.mclcWrap { padding:30px 0; }
	.mclcWrap .innWrap { max-width:95%; margin:0 auto; }
	.mclcWrap .innWrap h2 { padding:0 0 10px 0; font-size:25px; }
	.mclcWrap .innWrap h2 span { font-size:25px; }

	ul.mclcUl { padding:20px 0; }
	ul.mclcUl li { width:32%; margin:0 0.5% 1%; padding-bottom:20px; }
	ul.mclcUl li .pic { width:80px; margin:10px auto; }
	ul.mclcUl li .pic img { width:100%; }
	ul.mclcUl li strong { font-size:20px; }
	ul.mclcUl li p { padding:10px 10px; font-size:14px; height:50px; }
	ul.mclcUl li i { padding:0 0; font-size:22px; }
}

@media screen and (max-width: 650px){
	.mclcWrap { padding:30px 0; }
	.mclcWrap .innWrap { max-width:95%; margin:0 auto; }
	.mclcWrap .innWrap h2 { padding:0 0 10px 0; font-size:22px; }
	.mclcWrap .innWrap h2 span { font-size:22px; }

	ul.mclcUl { padding:20px 0; }
	ul.mclcUl li { width:48%; margin:0 0.5% 1% 0.5%; padding-bottom:20px; }
	ul.mclcUl li .pic { width:70px; margin:10px auto; }
	ul.mclcUl li .pic img { width:100%; }
	ul.mclcUl li strong { font-size:17px; }
	ul.mclcUl li p { padding:10px 10px; font-size:14px; height:50px; }
	ul.mclcUl li i { padding:0 0; font-size:22px; }
}



/* --------- main_cusWrap ---------  */
.main_cusWrap { max-width:1360px; margin:0 auto; padding:60px 0; font-family:Noto Sans KR, sans-serif; }
.main_cusWrap .leftArea { float:left; width:48%; }
.main_cusWrap .righArea { float:right; width:48%; }
.main_cusWrap h2 { display:block; font-weight:700; padding:0 0 20px 0; color:#212121; font-size:30px; letter-spacing:-0.05em; line-height:120%; text-align:left; }

@media screen and (max-width: 1260px){
	.main_cusWrap { max-width:95%; margin:0 auto; padding:40px 0; }
	.main_cusWrap .leftArea { width:48%; }
	.main_cusWrap .righArea { width:48%; }
	.main_cusWrap h2 { padding:0 0 20px 0; font-size:25px; }
}

@media screen and (max-width: 900px){
	.main_cusWrap { max-width:95%; margin:0 auto; padding:30px 0; }
	.main_cusWrap .leftArea { width:48%; }
	.main_cusWrap .righArea { width:48%; }
	.main_cusWrap h2 { padding:0 0 20px 0; font-size:22px; }
}

@media screen and (max-width: 650px){
	.main_cusWrap { max-width:95%; margin:0 auto; padding:20px 0; }
	.main_cusWrap .leftArea { width:100%; margin-bottom:20px; }
	.main_cusWrap .righArea { width:100%; }
	.main_cusWrap h2 { padding:0 0 20px 0; font-size:19px; text-align:center; }
}

/* --------- main_youtubeWrap ---------  */
.main_youtubeWrap { display:inline-block; width:100%; background:url(/images/youtube.jpg) repeat top center; background-size:cover; margin-top:50px; padding:50px 0; }
.main_youtubeWrap .innWrap { max-width:1360px; margin:0 auto; font-family:Noto Sans KR, sans-serif; }
.main_youtubeWrap .innWrap h2 { display:block; font-weight:500; padding:0 0 20px 0; color:#fff; font-size:32px; letter-spacing:-0.05em; line-height:120%; text-align:center; }
.main_youtWrap { width:100%; }

@media screen and (max-width: 1260px){
	.main_youtubeWrap .innWrap h2 { padding:0 0 20px 0; font-size:29px; }
}

@media screen and (max-width: 900px){
	.main_youtubeWrap { margin-top:30px; padding:30px 0; }
	.main_youtubeWrap .innWrap { max-width:95%; }
	.main_youtubeWrap .innWrap h2 { padding:0 0 15px 0; color:#fff; font-size:27px; }
}

@media screen and (max-width: 650px){
	.main_youtubeWrap { margin-top:20px; padding:20px 0; }
	.main_youtubeWrap .innWrap h2 { padding:0 0 15px 0; color:#fff; font-size:22px; }
}


/* --------- ?˜μ΄μ§? ?°ν˜ ---------  */
.historyWrap { position:relative; max-width:1000px; margin:30 auto 0; border:0px solid red; font-family:Noto Sans KR, sans-serif;}
.historyWrap h2 { padding:0 0 70px 0; text-align:center; font-size:25px; font-weight:500; letter-spacing:-0.05em; line-height:120%; }

.historyinWrap { background:url(/images/line.gif) repeat-y top center; }
.hisbtm { width:60%; margin:0 auto; border-radius:30px; height:10px; background:#434b6e; }

ul.historyL { float:left; width:50%; margin-right:1%;  }
ul.historyL li { position:relative; text-align:right; padding-right:30px; }
ul.historyL li .title { display:inline-block; margin-right:-95px; width:130px; height:130px; border-radius:100%; background:#434b6e; text-align:center; padding:57px 0 0 0; font-family:GmSansM; color:#fff; letter-spacing:0.2em; font-size:20px; line-height:90%; }
ul.historyL li span { position:absolute; top:26px; right:-7px; background:#fff; border:3px solid #434b6e; width:14px; height:14px; border-radius:30px; }
ul.historyL li strong { display:block; font-size:18px; line-height:140%; font-weight:500; font-weight:normal; padding:20px 0 10px 0; color:#0a175a; }
ul.historyL li em { display:block; font-size:16px; font-weight:500; font-style:normal; color:#666; line-height:140%; padding:0 0 20px 0; }
ul.historyL li:last-child { padding-bottom:30px; }

ul.historyR { float:right; width:50%; }
ul.historyR li { position:relative; text-align:left; padding-left:30px; }
ul.historyR li .title { display:inline-block; margin-left:-95px; width:130px; height:130px; border-radius:100%; background:#434b6e; text-align:center; padding:57px 0 0 0; font-family:GmSansM; color:#fff; letter-spacing:0.2em; font-size:20px; line-height:90%; }
ul.historyR li span { position:absolute; top:26px; left:-7px; background:#fff; border:3px solid #434b6e; width:14px; height:14px; border-radius:30px; }
ul.historyR li strong { display:block; font-size:18px; line-height:140%; font-weight:500; font-weight:normal; padding:20px 0 10px 0; color:#0a175a; }
ul.historyR li em { display:block; font-size:16px; font-weight:500; font-style:normal; color:#666; line-height:140%; padding:0 0 20px 0; }
ul.historyR li:last-child { padding-bottom:30px; }

@media screen and (max-width: 1260px){

}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 650px){
	.historyWrap { max-width:95%; margin:0 auto 0; border:0px solid red; }
	.historyWrap h2 { padding:0 0 20px 0; text-align:left; font-size:17px; font-weight:500; letter-spacing:-0.05em; line-height:120%; }

	.historyinWrap { background:url(/images/line.gif) repeat-y top left; }
	.hisbtm { display:none; }

	ul.historyL { width:100%; margin-right:0;  }
	ul.historyL li { text-align:left; padding-right:0; }
	ul.historyL li .title { margin-right:0; width:100%; border-radius:0 3px 3px 0; height:auto; padding:15px 0 10px 0; font-size:15px; }
	ul.historyL li span { top:26px; left:-5px; }
	ul.historyL li strong { font-size:17px; padding:20px 0 0 20px; }
	ul.historyL li em { font-size:14px; padding:0 0 0 20px; }

	ul.historyR  {width:100%; margin-right:0;  }
	ul.historyR li { text-align:left; padding-right:0; padding-left:0;  }
	ul.historyR li .title { margin-left:0; width:100%; border-radius:0 3px 3px 0; height:auto; padding:15px 0 10px 0; font-size:15px; }
	ul.historyR li span { top:26px; left:-5px; }
	ul.historyR li strong { font-size:17px; padding:20px 0 0 20px; }
	ul.historyR li em { font-size:14px; padding:0 0 0 20px; }
}

/* --------- ?˜μ΄μ§? ?€μ‹œ?”κΈΈ ---------  */
.locationWrap { width: 100%; border-top: 2px solid #333; padding: 30px 0; display: flex; flex-wrap: wrap; align-items: center; font-family:Noto Sans KR, sans-serif; }
.locationWrap .sbj { width: 25%;  }
.locationWrap .sbj h2 { font-family:GmSansB; font-size: 22px; font-weight: 500; color: rgba(0,0,0,0.7); margin-bottom: 15px;}
.locationWrap .info_b { width: 75%; border-left: 1px dashed #ddd; display: flex; flex-wrap: wrap;}
.locationWrap .info_b .co_b { flex-grow: 1; padding: 5px 10px; }
.locationWrap .info_b .co_b p { font-size: 16px; line-height: 1.7; color: #333; position: relative; padding-left: 0;}
.locationWrap .info_b .co_b p i { display:block; font-size:20px; color:#000; padding-bottom:10px;}
.locationWrap .info_b .co_b p .a_tel { color: #222; font-size: 16px;}

.map_comeway { border: 1px solid #ddd;}

.locationInfo { margin-top:40px; text-align:left; }
.locationInfo .loleft { float:left; width:48%; }
.locationInfo .lorigh { float:right; width:48%; }

@media screen and (max-width: 1260px) {
	.locationWrap .sbj { width: 30%; padding-left: 0%;}
	.locationWrap .info_b { }
}

@media screen and (max-width: 1000px) {
	.locationWrap {padding: 20px 10px 5px; margin-bottom: 10px;}
	.locationWrap .sbj {width: 100%; margin-bottom: 20px;}
	.locationWrap .sbj h2 {font-size: 18px; margin-bottom: 10px;}
	.locationWrap .info_b { width: 100%; border-top: 1px dashed #ddd; border-left: none; padding: 10px 0 10px; }
	.locationWrap .info_b .co_b { padding: 10px 0px;}
	.locationWrap .info_b .co_b p {font-size: 14px; }
	.locationWrap .info_b .co_b p .a_tel {font-size: 14px;}

}
@media screen and (max-width: 650px) {
	.locationWrap .info_b { width: 100%; border-top: 1px dashed #ddd; border-left: none; padding: 10px 0 10px; display:block;}
	.locationWrap .info_b .co_b {width: 100%; padding: 10px 0px; }
	.locationWrap .info_b .co_b p i { display:block; font-size:15px; padding-bottom:0; }
	.locationInfo { margin-top:20px; }

	.locationInfo .loleft { float:left; width:100%; margin-bottom:30px; }
	.locationInfo .lorigh { float:right; width:100%; }
}

/* --------- ?˜μ΄μ§? ?ˆμ•½(?„ν™”) ---------  */
.bkingcWrap { width:100%; font-family:Noto Sans KR, sans-serif; padding:0 0 0 0; border:0px solid red; text-align:left; }

ul.box_st_phone { position:relative; padding:15px 30px 18px 20px; border: 1px dashed #dddddd; background:#f7f7f7; text-align:center; }
ul.box_st_phone li { float:left; width:20%; }
ul.box_st_phone li i { display:block; font-size:40px; color:#000; padding:10px 0 20px 0; }
ul.box_st_phone li strong { display:block; padding:0 0 15px 0; font-size:18px; font-weight:500; color:rgba(0,0,0,0.6); line-height:130%; }
ul.box_st_phone li a span { display:block; font-family:GmSansM; padding:0 0 10px 0; font-size:18px; color:#000; line-height:130%; }

.box_st_fw { position:relative; padding:10px 30px 0 20px; border: 2px dashed #d5d8da; border-top:1px solid #004a80; margin-top:20px; }
.box_st_fw p { font-weight:500; padding-top:0; color:#333; }
.box_st_fw p span { display:inline-block; width:22%; background:#f7f7f7; font-size:17px; line-height:140%; border-radius:4px; border:1px solid #eaeaea; padding:5px 0; white-space:nowrap; text-align:center; margin-bottom:10px; }
.box_st_fw p span.point1 { background:#44b8cd; color:#fff; }
.box_st_fw p i { padding:0 5px; color:#999; }
.box_st_fw p i.xi-arrow-down { display:none; }

@media screen and (max-width: 1260px){
	.bkingcWrap { width:95%; margin:0 auto; padding:0 0 40px 0; }

	ul.box_st_phone { position:relative; padding:15px 30px 18px 20px; border: 1px dashed #dddddd; background:#f7f7f7; text-align:center; }
	ul.box_st_phone li { float:left; width:20%; }
	ul.box_st_phone li i { display:block; font-size:40px; color:#000; padding:10px 0 20px 0; }
	ul.box_st_phone li strong { display:block; padding:0 0 15px 0; font-size:18px; font-weight:500; color:rgba(0,0,0,0.6); line-height:130%; }
	ul.box_st_phone li a span { display:block; font-family:GmSansM; padding:0 0 10px 0; font-size:18px; color:#000; line-height:130%; }

	.box_st_fw { padding:10px 30px 0 20px; margin-top:20px; }
	.box_st_fw p { padding-top:0; }
	.box_st_fw p span { width:28%; font-size:15px; padding:5px 0; margin-bottom:10px; }
	.box_st_fw p i { padding:0 5px; }
}

@media screen and (max-width: 900px){
	.bkingcWrap { width:95%; margin:0 auto; padding:0 0 40px 0; }

	ul.box_st_phone { padding:10px 10px 15px 10px; }
	ul.box_st_phone li { width:20%; }
	ul.box_st_phone li i { font-size:35px; padding:10px 0 15px 0; }
	ul.box_st_phone li strong { padding:0 0 10px 0; font-size:15px; font-weight:500; }
	ul.box_st_phone li a span { padding:0 0 10px 0; font-size:15px; }

	.box_st_fw { padding:10px 30px 0 20px; margin-top:20px; }
	.box_st_fw p { padding-top:0; }
	.box_st_fw p span { width:28%; font-size:15px; padding:5px 0; margin-bottom:10px; }
	.box_st_fw p i { padding:0 5px; }
}

@media screen and (max-width: 650px){
	.bkingcWrap { width:95%; margin:0 auto; padding:0 0 20px 0; }

	ul.box_st_phone { padding:10px 10px 10px 10px; }
	ul.box_st_phone li { width:33%; }
	ul.box_st_phone li i { font-size:35px; padding:10px 0 20px 0; }
	ul.box_st_phone li strong { padding:0 0 5px 0; font-size:15px; font-weight:500; }
	ul.box_st_phone li a span { padding:0 0 30px 0; font-size:15px; }

	.box_st_fw { padding:10px 20px 10px 20px; margin-top:15px; }
	.box_st_fw p { padding-top:0; }
	.box_st_fw p span { width:100%; font-size:16px; padding:5px 0; margin-bottom:0; }
	.box_st_fw p i { padding:0 5px; }
	.box_st_fw p i.xi-long-arrow-right { display:none; }
	.box_st_fw p i.xi-arrow-down { display:block; text-align:center; width:100%; padding:5px 0; }
}

/* --------- ?˜μ΄μ§? ?ˆμ•½(?„ν™”) ---------  */
.bkingvWrap { width:100%; font-family:Noto Sans KR, sans-serif; padding:0 0 0 0; border:0px solid red; text-align:left; }

ul.box_st_phone { position:relative; padding:15px 30px 18px 20px; border: 1px dashed #dddddd; background:#f7f7f7; text-align:center; }
ul.box_st_phone li { float:left; width:20%; }
ul.box_st_phone li i { display:block; font-size:40px; color:#000; padding:10px 0 20px 0; }
ul.box_st_phone li strong { display:block; padding:0 0 15px 0; font-size:18px; font-weight:500; color:rgba(0,0,0,0.6); line-height:130%; }
ul.box_st_phone li a span { display:block; font-family:GmSansM; padding:0 0 10px 0; font-size:18px; color:#000; line-height:130%; }

.box_st_fw2 { position:relative; padding:10px 30px 0 20px; border: 2px dashed #d5d8da; border-top:1px solid #004a80; margin-top:20px; }
.box_st_fw2 p { font-weight:500; padding-top:0; color:#333; }
.box_st_fw2 p span { display:inline-block; width:30%; background:#f7f7f7; font-size:17px; line-height:140%; border-radius:4px; border:1px solid #eaeaea; padding:5px 0; white-space:nowrap; text-align:center; margin-bottom:10px; }
.box_st_fw2 p span.point2 { background:#44b8cd; color:#fff; }
.box_st_fw2 p i { padding:0 5px; color:#999; }
.box_st_fw2 p i.xi-arrow-down { display:none; }

@media screen and (max-width: 1260px){
	.bkingvWrap { width:95%; margin:0 auto; padding:0 0 40px 0; }

	ul.box_st_phone { position:relative; padding:15px 30px 18px 20px; border: 1px dashed #dddddd; background:#f7f7f7; text-align:center; }
	ul.box_st_phone li { float:left; width:20%; }
	ul.box_st_phone li i { display:block; font-size:40px; color:#000; padding:10px 0 20px 0; }
	ul.box_st_phone li strong { display:block; padding:0 0 15px 0; font-size:18px; font-weight:500; color:rgba(0,0,0,0.6); line-height:130%; }
	ul.box_st_phone li a span { display:block; font-family:GmSansM; padding:0 0 10px 0; font-size:18px; color:#000; line-height:130%; }

	.box_st_fw2 { padding:10px 30px 0 20px; margin-top:20px; }
	.box_st_fw2 p { padding-top:0; }
	.box_st_fw2 p span { width:28%; font-size:15px; padding:5px 0; margin-bottom:10px; }
	.box_st_fw2 p i { padding:0 5px; }
}

@media screen and (max-width: 900px){
	.bkingvWrap { width:95%; margin:0 auto; padding:0 0 40px 0; }

	ul.box_st_phone { padding:10px 10px 15px 10px; }
	ul.box_st_phone li { width:20%; }
	ul.box_st_phone li i { font-size:35px; padding:10px 0 15px 0; }
	ul.box_st_phone li strong { padding:0 0 10px 0; font-size:15px; font-weight:500; }
	ul.box_st_phone li a span { padding:0 0 10px 0; font-size:15px; }

	.box_st_fw2 { padding:10px 30px 0 20px; margin-top:20px; }
	.box_st_fw2 p { padding-top:0; }
	.box_st_fw2 p span { width:28%; font-size:15px; padding:5px 0; margin-bottom:10px; }
	.box_st_fw2 p i { padding:0 5px; }
}

@media screen and (max-width: 650px){
	.bkingvWrap { width:95%; margin:0 auto; padding:0 0 20px 0; }

	ul.box_st_phone { padding:10px 10px 10px 10px; }
	ul.box_st_phone li { width:33%; }
	ul.box_st_phone li i { font-size:35px; padding:10px 0 20px 0; }
	ul.box_st_phone li strong { padding:0 0 5px 0; font-size:15px; font-weight:500; }
	ul.box_st_phone li a span { padding:0 0 30px 0; font-size:15px; }

	.box_st_fw2 { padding:10px 20px 10px 20px; margin-top:15px; }
	.box_st_fw2 p { padding-top:0; }
	.box_st_fw2 p span { width:100%; font-size:16px; padding:5px 0; margin-bottom:0; }
	.box_st_fw2 p i { padding:0 5px; }
	.box_st_fw2 p i.xi-long-arrow-right { display:none; }
	.box_st_fw2 p i.xi-arrow-down { display:block; text-align:center; width:100%; padding:5px 0; }
}

/* --------- ?˜μ΄μ§? ?˜λ£Œμ§? ---------  */
.teamWrap { font-family:Noto Sans KR, sans-serif; }

.teamWrap .team { width:100%; margin:0; padding:50px 0; border-bottom:1px solid #eaeaea; }
.teamWrap .team:first-child { padding-top:20px; }
.teamWrap .team .pic { float:left; width:300px; }
.teamWrap .team .pic img { width:100%;  }

.teamWrap .team .info { float:right; width:calc(100% - 350px); text-align:left; }
.teamWrap .team .info .title { display:block; padding:0 0 20px 0; border-bottom:1px solid #eaeaea; letter-spacing:-0.05em; }
.teamWrap .team .info .title .sec1 { font-size:22px; color:#253980; font-weight:500; }
.teamWrap .team .info .title .sec2 { font-size:25px; color:#212121; font-weight:700; }
.teamWrap .team .info .title .sec3 { font-size:18px; color:#999; font-weight:500; padding-left:10px; }
.teamWrap .team .info .title .sec4 { font-size:18px; color:#212121; font-weight:700; padding-left:5px; }
.teamWrap .team .info .career { padding:15px 0 0 0; }
.teamWrap .team .info .career .cleft { float:left; width:48%; }
.teamWrap .team .info .career .titles { padding:0 0 5px 0; font-size:18px; color:#253980; font-weight:700; letter-spacing:-0.05em; }
.teamWrap .team .info .career .crigh { float:right; width:48%; }

@media screen and (max-width: 900px){
	.teamWrap .team { padding:30px 0; }
	.teamWrap .team:first-child { padding-top:0px; }
	.teamWrap .team .pic { width:230px; }

	.teamWrap .team .info { width:calc(100% - 250px); }
	.teamWrap .team .info .title { padding:0 0 15px 0; }
	.teamWrap .team .info .title .sec1 { font-size:20px; }
	.teamWrap .team .info .title .sec2 { font-size:23px; }
	.teamWrap .team .info .title .sec3 { font-size:16px; padding-left:10px; }
	.teamWrap .team .info .title .sec4 { font-size:16px; padding-left:5px; }
	.teamWrap .team .info .career { padding:15px 0 0 0; }
	.teamWrap .team .info .career .cleft { width:48%; }
	.teamWrap .team .info .career .titles { padding:0 0 5px 0; font-size:16px; }
	.teamWrap .team .info .career .crigh { width:48%; }
}

@media screen and (max-width: 650px){
	.teamWrap { width:85%; margin:0 auto; }
	.teamWrap .team { padding:20px 0; border-bottom:0px solid #212121; }
	.teamWrap .team .pic { width:100%; }

	.teamWrap .team .info { width:100%; }
	.teamWrap .team .info .title { padding:20px 0 15px 0; }
	.teamWrap .team .info .title .sec1 { font-size:17px; }
	.teamWrap .team .info .title .sec2 { font-size:20px; }
	.teamWrap .team .info .title .sec3 { font-size:13px; padding-left:10px; }
	.teamWrap .team .info .title .sec4 { font-size:13px; padding-left:5px; }
	.teamWrap .team .info .career { padding:15px 0 0 0; }
	.teamWrap .team .info .career .cleft { width:100%; padding-top:0px; }
	.teamWrap .team .info .career .titles { padding:0 0 10px 0; font-size:16px; }
	.teamWrap .team .info .career .crigh { width:100%; padding-top:30px; }
}

@media screen and (max-width: 300px){

}

/* --------- ?˜μ΄μ§? ?œμ„€?ˆλ‚΄ ---------  */
.fclWrap { text-align:left; }
ul.facUl { margin-left:-1%; }
ul.facUl li { float:left; width:48%; margin:1%; }
ul.facUl li img { width:100%; border-radius:3px; overflow:hidden; }
ul.facUl li strong { display:block; text-align:center; padding:15px 0 0 0; font-size:20px; font-weight:500; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; line-height:120%; }

@media screen and (max-width: 650px){
	ul.facUl li strong { padding:10px 0 5px 0; font-size:14px; }
}

/* --------- ?˜μ΄μ§? μ§„λ£Œ?ˆλ‚΄ ---------  */
.info1Wrap { text-align:left; font-family:Noto Sans KR, sans-serif;}

/* --------- ?˜μ΄μ§? ?…퇴?? ---------  */
.box_st_fw3 { position:relative; padding:10px 30px 0 20px; border: 2px dashed #d5d8da; border-top:1px solid #004a80; margin-top:20px; }
.box_st_fw3 p { font-weight:500; padding-top:0; color:#333; }
.box_st_fw3 p span { display:inline-block; width:30%; background:#f7f7f7; height:150px; font-size:17px; line-height:140%; border-radius:4px; border:1px solid #eaeaea; padding:20px; text-align:center; margin-bottom:20px; }
.box_st_fw3 p span .sett { display:block; font-style:normal; color:rgba(0,0,0,0.3); font-size:13px; padding:0 0 5px 0; font-weight:700; letter-spacing:-0.05em; }
.box_st_fw3 p span .semm { display:block; font-style:normal; color:rgba(0,0,0,0.9); font-size:19px; padding:0 0 10px 0; font-weight:700; letter-spacing:-0.05em; }
.box_st_fw3 p span .secc { display:block; font-style:normal; color:rgba(0,0,0,0.7); font-size:15px; padding:0 0 0 0; font-weight:500; letter-spacing:-0.05em; }

.box_st_fw3 p i { display:inline-block; vertical-align:top; padding:65px 5px; color:#999; }
.box_st_fw3 p i.xi-arrow-down { display:none; }

@media screen and (max-width: 1260px){
	.box_st_fw3 { padding:10px 30px 0 20px; margin-top:20px; }
	.box_st_fw3 p { padding-top:0; }
	.box_st_fw3 p span { width:28%; font-size:15px; padding:5px 0; margin-bottom:10px; }
	.box_st_fw3 p i { padding:0 5px; }
}

@media screen and (max-width: 900px){
	.box_st_fw3 { padding:10px 30px 0 20px; margin-top:20px; }
	.box_st_fw3 p { padding-top:0; }
	.box_st_fw3 p span { width:28%; font-size:15px; padding:5px 0; margin-bottom:10px; }
	.box_st_fw3 p i { padding:0 5px; }

	.box_st_fw3 p span .sett { font-size:12px; padding:0 0 5px 0; }
	.box_st_fw3 p span .semm { font-size:17px; padding:0 0 10px 0; }
	.box_st_fw3 p span .secc { font-size:14px; padding:0 0 0 0; }
}

@media screen and (max-width: 650px){

	.box_st_fw3 { padding:10px 20px 10px 20px; margin-top:15px; }
	.box_st_fw3 p { padding-top:0; }
	.box_st_fw3 p span { width:100%; height:auto; font-size:16px; padding:5px 0; margin-bottom:0; }
	.box_st_fw3 p i { padding:0 5px; }
	.box_st_fw3 p i.xi-long-arrow-right { display:none; }
	.box_st_fw3 p i.xi-arrow-down { display:block; text-align:center; width:100%; padding:5px 0; }

	.box_st_fw3 p span .sett { font-size:12px; padding:0 0 5px 0; }
	.box_st_fw3 p span .semm { font-size:16px; padding:0 0 10px 0; }
	.box_st_fw3 p span .secc { font-size:13px; padding:0 0 0 0; }
}

/* --------- ?˜μ΄μ§? μ§„λ£Œ?Όν„° ---------  */
.saintWrap { text-align:left; font-family:Noto Sans KR, sans-serif;}



/* --------- ?˜μ΄μ§? ?΅μ‹¬κ°?μΉ? ---------  */
.valueWrap { max-width:1260px; margin:0 auto; padding:0 0; border:0px solid red; }
.valueWrap h2 {width:100%; font-family:yg-jalnan; font-size:28px; color:rgba(0,0,0,0.8); font-weight:normal; line-height:120%; letter-spacing:0em; text-align:left; }
.valueWrap h2 i { color:#00a69c; }
.valueWrap h2 span { display:inline-block; font-size:25px; padding-left:5px; color:#000; line-height:100%; letter-spacing:-0.05em; }
.valueWrap h2 em { display:inline-block; font-size:15px; font-style:normal; padding-left:5px; color:#666; }

.value1box > ul {border:0px solid red; margin-top:40px; }
.value1box > ul > li { position:relative; padding:30px 0 30px 0; margin-bottom:80px; border:1px solid #e7e7e7; border-radius:100px; background:#eaeaea; }
.value1box > ul > li strong { position:absolute; font-family: 'GmSansM'; font-weight:normal; font-size:18px; width:400px; top:-20; left:5px; height:40px; color:#fff; border-radius:50px; line-height:120%; padding:11px 0 0 30px; text-align:left; background:#a97155;}
.value1box > ul > li em { display:block; font-family: 'GmSansM'; font-style:normal; font-size:18px; width:70%; color:rgba(0,0,0,0.6); line-height:120%; padding:10px 0 0 30px; text-align:left; border:0px solid red; }
.value1box > ul > li .pic { position:absolute; bottom:0px; right:50px; width:150px; }

.valueWrap .mtxt { font-family: 'GmSansM'; font-style:normal; font-size:23px; color:#000; border:1px solid #e7e7e7; border-radius:100px; background:#eaeaea; line-height:130%; padding:20px 0; margin-top:10px; margin-bottom:60px; }
.valueWrap .mtxt i { color:#a88ff7; }

.valueWrap ul.vluLst2 { margin-top:30px; margin-bottom:60px; text-align:center; }
.valueWrap ul.vluLst2 li { float:left; width:32%; margin-right:2%; padding:10px 10px; border: 1px solid #ddd; border-radius: 10px; background-color: white; -webkit-box-shadow: 5px 6px 12.35px 0.65px rgb(24 48 88 / 10%); box-shadow: 5px 6px 12.35px 0.65px rgb(24 48 88 / 10%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.valueWrap ul.vluLst2 li:last-child { margin-right:0%; }
.valueWrap ul.vluLst2 li .title { position:relative; display:inline-block; color:#000; font-family:GmSansM; font-size:20px; font-weight:normal; letter-spacing:-0.05em; padding:25px 0 20px 0; border-radius:10px; }
.valueWrap ul.vluLst2 li .title:before { content:''; position:absolute; left:0; bottom:20px; width:100%; height:5px;background:#000; opacity:0.1; border:0px solid red;}
.valueWrap ul.vluLst2 li .img { }

.valueWrap ul.vluLst3 { margin-top:30px; margin-bottom:60px; text-align:center; }
.valueWrap ul.vluLst3 li { float:left; width:32%; margin-right:2%; padding:10px 10px; border: 1px solid #ddd; border-radius: 10px; background-color: white; -webkit-box-shadow: 5px 6px 12.35px 0.65px rgb(24 48 88 / 10%); box-shadow: 5px 6px 12.35px 0.65px rgb(24 48 88 / 10%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.valueWrap ul.vluLst3 li:last-child { margin-right:0%; }
.valueWrap ul.vluLst3 li .title { background:#BABD42; color:#000; font-family:GmSansM; font-size:20px; font-weight:normal; letter-spacing:-0.05em; padding:25px 0 20px 0; border-radius:10px; }
.valueWrap ul.vluLst3 li .img {  }

.valueWrap ul.vluLst4 { margin-top:30px; margin-bottom:60px; text-align:center; }
.valueWrap ul.vluLst4 li { float:left; width:32%; margin-right:2%; padding:10px 10px; border: 1px solid #ddd; border-radius: 10px; background-color: white; -webkit-box-shadow: 5px 6px 12.35px 0.65px rgb(24 48 88 / 10%); box-shadow: 5px 6px 12.35px 0.65px rgb(24 48 88 / 10%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.valueWrap ul.vluLst4 li:last-child { margin-right:0%; }
.valueWrap ul.vluLst4 li .title { background:#82954B; color:#fff; font-family:GmSansM; font-size:20px; font-weight:normal; letter-spacing:-0.05em; padding:25px 0 20px 0; border-radius:10px; }
.valueWrap ul.vluLst4 li .pdesc { padding:20px 0; font-size:18px; }

@media screen and (max-width: 1260px){
	.valueWrap { max-width:95%; margin:0 auto; }
	.valueWrap h2 { font-size:25px; }
	.valueWrap h2 span { font-size:20px; padding-left:5px; }
	.valueWrap h2 em { font-size:15px; padding-left:5px; }

	.value1box > ul { margin-top:30px; }
	.value1box > ul > li { padding:30px 0 30px 0; margin-bottom:50px; }
	.value1box > ul > li strong { font-size:16px; width:400px; top:-20; left:5px; height:35px; padding:10px 0 0 20px; }
	.value1box > ul > li em { font-size:16px; padding:10px 0 0 30px; }
	.value1box > ul > li .pic { bottom:0; right:30px; width:130px; }

	.valueWrap .mtxt { font-size:20px; border-radius:100px; padding:10px 0; margin-top:10px; margin-bottom:40px; }
	.valueWrap .mtxt i { color:#00a69c; }

	.valueWrap ul.vluLst2 { margin-top:20px; margin-bottom:50px; }
	.valueWrap ul.vluLst2 li { width:32%; margin-right:2%; padding:10px 10px; }
	.valueWrap ul.vluLst2 li .title { font-size:17px; font-weight:normal; letter-spacing:-0.05em; padding:15px 0 10px 0; border-radius:10px; }
	.valueWrap ul.vluLst2 li .title:before { bottom:10px; height:5px;}

	.valueWrap ul.vluLst4 li .pdesc { padding:20px 0; font-size:16px; }
}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 650px){
	.valueWrap h2 { font-size:20px; }
	.valueWrap h2 span { font-size:18px; padding-left:5px; }
	.valueWrap h2 em { font-size:14px; padding-left:5px; }

	.value1box > ul { margin-top:30px; }
	.value1box > ul > li { padding:30px 0 30px 0; margin-bottom:50px; border:1px solid #e7e7e7; border-radius:20px; }
	.value1box > ul > li strong { font-size:16px; width:100%; top:-20; left:0; height:35px; padding:9px 0 0 20px; text-align:center; }
	.value1box > ul > li em { width:100%; font-size:14px; padding:10px 10px 0 85px; }
	.value1box > ul > li .pic { top:40px; left:10px; width:70px; }

	.valueWrap .mtxt { font-size:13px; border-radius:100px; padding:10px 0; margin-top:10px; margin-bottom:40px; }
	.valueWrap .mtxt i { color:#00a69c; }

	.valueWrap ul.vluLst2 { margin-top:20px; margin-bottom:50px; }
	.valueWrap ul.vluLst2 li { width:100%; margin-bottom:2%; padding:10px 10px; }
	.valueWrap ul.vluLst2 li .title { font-size:17px; font-weight:normal; letter-spacing:-0.05em; padding:15px 0 10px 0; border-radius:10px; }

	.valueWrap ul.vluLst3 { margin-top:20px; margin-bottom:40px; }
	.valueWrap ul.vluLst3 li {width:32%; margin-right:2%; padding:5px 5px; }
	.valueWrap ul.vluLst3 li .title { font-size:18px; padding:15px 0 10px 0; border-radius:10px; }
	.valueWrap ul.vluLst3 li .img {  }

	.valueWrap ul.vluLst4 { margin-top:20px; margin-bottom:40px; }
	.valueWrap ul.vluLst4 li { width:100%; padding:5px 5px; }
	.valueWrap ul.vluLst4 li .title { font-size:18px; padding:15px 0 10px 0; }
	.valueWrap ul.vluLst4 li .pdesc { padding:15px 0; font-size:16px; }
}

@media screen and (max-width: 300px){
	.valueWrap h2 { font-size:20px; }
	.value1box > ul > li strong { font-size:13px; width:100%; top:-20; left:0; height:35px; padding:11px 0 0 0; text-align:center; }


	.valueWrap .mtxt { font-size:14px; border-radius:100px; padding:10px 0; margin-top:10px; margin-bottom:40px; }
	.valueWrap .mtxt i { color:#00a69c; }
}


/* --------- ?˜μ΄μ§? ?œμ„€?ˆλ‚΄ ---------  */
.budiWrap { max-width:1260px; margin:0 auto; padding:0 0; border:0px solid red; }
.budiWrap h2 {width:100%; font-family:yg-jalnan; font-size:28px; color:rgba(0,0,0,0.8); font-weight:normal; line-height:120%; letter-spacing:0em; text-align:left; }
.budiWrap h2 i { color:#00a69c; }
.budiWrap h2 span { display:inline-block; font-size:25px; padding-left:5px; color:#000; line-height:100%; letter-spacing:-0.05em; }
.budiWrap h2 em { display:inline-block; font-size:15px; font-style:normal; padding-left:5px; color:#666; }

.budibox > ul {border:0px solid red; margin-top:40px; }
.budibox > ul > li { position:relative; padding:30px 0 30px 0; margin-bottom:50px; border:1px solid #e7e7e7; border-radius:100px; background:#eaeaea; }
.budibox > ul > li strong { position:absolute; font-family: 'GmSansM'; font-weight:normal; font-size:18px; width:200px; top:-20; left:5px; height:40px; color:#fff; border-radius:50px; line-height:120%; padding:11px 0 0 30px; text-align:left; background:#a97155;}
.budibox > ul > li em { display:block; font-family: 'GmSansM'; font-style:normal; font-size:18px; width:70%; color:rgba(0,0,0,0.6); line-height:120%; padding:10px 0 0 30px; text-align:left; border:0px solid red; }

@media screen and (max-width: 1260px){
	.budiWrap { max-width:95%; margin:0 auto; }
	.budiWrap h2 { font-size:25px; }
	.budiWrap h2 span { font-size:20px; padding-left:5px; }
	.budiWrap h2 em { font-size:15px; padding-left:5px; }

	.budibox > ul { margin-top:30px; }
	.budibox > ul > li { padding:30px 0 30px 0; margin-bottom:40px; }
	.budibox > ul > li strong { font-size:16px; width:400px; top:-20; left:5px; height:35px; padding:10px 0 0 20px; }
	.budibox > ul > li em { font-size:16px; padding:10px 0 0 30px; }
	.budibox > ul > li .pic { bottom:0; right:30px; width:130px; }

}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 650px){
	.budiWrap h2 { font-size:20px; }
	.budiWrap h2 span { font-size:18px; padding-left:5px; }
	.budiWrap h2 em { font-size:14px; padding-left:5px; }

	.budibox > ul { margin-top:30px; }
	.budibox > ul > li { padding:30px 0 30px 0; margin-bottom:20px; border:1px solid #e7e7e7; border-radius:20px; }
	.budibox > ul > li strong { font-size:16px; width:100%; top:-20; left:0; height:35px; padding:9px 0 0 20px; text-align:center; }
	.budibox > ul > li em { width:100%; font-size:14px; padding:10px 10px 0 85px; }
	.budibox > ul > li .pic { top:40px; left:10px; width:70px; }

	.budiWrap .mtxt { font-size:13px; border-radius:100px; padding:10px 0; margin-top:10px; margin-bottom:40px; }
	.budiWrap .mtxt i { color:#00a69c; }

}

@media screen and (max-width: 300px){
	.budiWrap h2 { font-size:20px; }
	.budibox > ul > li strong { font-size:13px; width:100%; top:-20; left:0; height:35px; padding:11px 0 0 0; text-align:center; }
}





/* --------- ?˜μ΄μ§? ?•κΈ°μ§???  ---------  */
.sptWrap { max-width:1260px; margin:0 auto; font-family:Noto Sans KR, sans-serif; padding:0 0 50px 0; border:0px solid red; text-align:left; }
.sptinWrap .coverbg { position:absolute; width:100%; height:100%; background:url(/images/sptbg.jpg) no-repeat; background-size: cover; background-position: 50% 50%; opacity: 0.3; z-index:1;}
.sptinWrap { position:relative; width:100%; height:350px; border:1px solid #eaeaea; text-align:left; }
.sptinWrap .sptLeft { float:left; position:relative; width:70%; padding:50px; z-index:10; }
.sptinWrap .sptLeft h2 { font-family:GmSansM; font-size:25px; font-weight:normal; color:#000; }
.sptinWrap .sptLeft ul.sptUl { padding-top:30px; }
.sptinWrap .sptLeft ul.sptUl li { position:relative; width:100%; padding:10px 0 10px 120px; font-size:20px; font-family:GmSansM; }
.sptinWrap .sptLeft ul.sptUl li span { position:absolute; left:0; text-align:center; padding:5px 0; color:#fff; font-size:15px; border-radius:30px; background:#3596a8; width:100px; }
.sptinWrap .sptLeft ul.sptUl li strong { display:block; padding-top:2px; font-weight:normal; line-height:160%; }

.sptinWrap .sptRigh { float:left; position:relative; width:30%; height:100%; padding:50px; font-family:GmSansM; font-size:17px; color:#fff; line-height:170%; background:#3596a8; opacity: 0.8; z-index:10; }

@media screen and (max-width: 1260px){
	.sptWrap { width:95%; margin:0 auto; padding:0 0 50px 0; }

	.sptinWrap { width:100%; height:300px; }
	.sptinWrap .sptLeft { width:60%; padding:30px; }
	.sptinWrap .sptLeft h2 { font-size:22px; }
	.sptinWrap .sptLeft ul.sptUl { padding-top:20px; }
	.sptinWrap .sptLeft ul.sptUl li { padding:10px 0 10px 100px; font-size:14px; }
	.sptinWrap .sptLeft ul.sptUl li span { padding:5px 0; color:#fff; font-size:15px; width:80px; }
	.sptinWrap .sptLeft ul.sptUl li strong { padding-top:2px; }

	.sptinWrap .sptRigh { width:40%; height:100%; padding:30px; font-size:15px; }
}

@media screen and (max-width: 650px){
	.sptWrap { width:95%; margin:0 auto; padding:0 0 50px 0; }

	.sptinWrap { width:100%; height:auto;}
	.sptinWrap .sptLeft { width:100%; padding:20px; }
	.sptinWrap .sptLeft h2 { font-size:20px; }
	.sptinWrap .sptLeft ul.sptUl { padding-top:10px; }
	.sptinWrap .sptLeft ul.sptUl li { padding:13px 0 10px 100px; font-size:14px; }
	.sptinWrap .sptLeft ul.sptUl li span { padding:8px 0 5px 0; color:#fff; font-size:15px; width:80px; }
	.sptinWrap .sptLeft ul.sptUl li strong { padding-top:6px; color:#000; }

	.sptinWrap .sptRigh { width:100%; height:auto; padding:10px; font-size:14px;  }
}


/* --------- ?˜μ΄μ§? ?μ›λ΄‰μ‚¬ ---------  */
.spsWrap { max-width:1260px; margin:0 auto; font-family:Noto Sans KR, sans-serif; padding:0 0 50px 0; border:0px solid red; text-align:left; }
.spsinWrap .coverbg { position:absolute; width:100%; height:100%; background:url(/images/spsbg.jpg) no-repeat; background-size: cover; background-position: 50% 50%; opacity: 0.3; z-index:1;}
.spsinWrap { position:relative; width:100%; height:350px; border:1px solid #eaeaea; text-align:left; }
.spsinWrap .sptLeft { float:left; position:relative; width:70%; padding:50px; z-index:10; }
.spsinWrap .sptLeft h2 { font-family:GmSansM; font-size:25px; font-weight:normal; color:#000; }
.spsinWrap .sptLeft ul.sptUl { padding-top:30px; }
.spsinWrap .sptLeft ul.sptUl li { position:relative; width:100%; padding:10px 0 10px 120px; font-size:20px; font-family:GmSansM; }
.spsinWrap .sptLeft ul.sptUl li span { position:absolute; left:0; text-align:center; padding:5px 0; color:#fff; font-size:15px; border-radius:30px; background:#3596a8; width:100px; }
.spsinWrap .sptLeft ul.sptUl li strong { display:block; padding-top:2px; font-weight:normal; line-height:160%; }

.spsinWrap .sptRigh { float:left; position:relative; width:30%; height:100%; padding:50px; font-family:GmSansM; font-size:17px; color:#fff; line-height:170%; background:#3596a8; opacity: 0.8; z-index:10; }

@media screen and (max-width: 1260px){
	.spsWrap { width:95%; margin:0 auto; padding:0 0 50px 0; }

	.spsinWrap { width:100%; height:300px; }
	.spsinWrap .sptLeft { width:60%; padding:30px; }
	.spsinWrap .sptLeft h2 { font-size:22px; }
	.spsinWrap .sptLeft ul.sptUl { padding-top:20px; }
	.spsinWrap .sptLeft ul.sptUl li { padding:10px 0 10px 100px; font-size:14px; }
	.spsinWrap .sptLeft ul.sptUl li span { padding:5px 0; color:#fff; font-size:15px; width:80px; }
	.spsinWrap .sptLeft ul.sptUl li strong { padding-top:2px; }

	.spsinWrap .sptRigh { width:40%; height:100%; padding:30px; font-size:15px; }
}

@media screen and (max-width: 650px){
	.spsWrap { width:95%; margin:0 auto; padding:0 0 50px 0; }

	.spsinWrap { width:100%; height:auto;}
	.spsinWrap .sptLeft { width:100%; padding:20px; }
	.spsinWrap .sptLeft h2 { font-size:20px; }
	.spsinWrap .sptLeft ul.sptUl { padding-top:10px; }
	.spsinWrap .sptLeft ul.sptUl li { padding:13px 0 10px 100px; font-size:14px; }
	.spsinWrap .sptLeft ul.sptUl li span { padding:8px 0 5px 0; color:#fff; font-size:15px; width:80px; }
	.spsinWrap .sptLeft ul.sptUl li strong { padding-top:6px; color:#000; }

	.spsinWrap .sptRigh { width:100%; height:auto; padding:10px; font-size:14px;  }
}





























/* --------- 메인 컀λ??ˆν‹° ---------  */
.csWrap { max-width:1200px; margin:0 auto; padding:60px 0; font-family:Noto Sans KR, sans-serif;}

.csWrap .csLeft { float:left; position:relative; width:47%; padding:0; text-align:left; }
.csWrap .csLeft h2 { color:#000; font-size:25px; line-height:110%; font-family:GmSansM; font-weight:normal; letter-spacing:-0.05em; padding:0 0 15px 0; border-bottom:2px solid #262626; }
.csWrap .csLeft h2 em { display:inline-block; font-style:normal; font-weight:500; color:#6c5c50; }
.csWrap .csLeft h2 span { display:inline-block; color:#aaaaaa; font-size:15px;}
.csWrap .csLeft .csItem { padding:10px 0 5px 0; }

.csWrap .csRight { float:right; position:relative; width:47%; padding:0; text-align:left; }
.csWrap .csRight h2 { color:#000; font-size:25px; line-height:110%; font-family:GmSansM; font-weight:normal; letter-spacing:-0.05em; padding:0 0 15px 0; border-bottom:2px solid #262626; }
.csWrap .csRight h2 em { display:inline-block; font-style:normal; font-weight:500; color:#6c5c50; }
.csWrap .csRight h2 span { display:inline-block; color:#aaaaaa; font-size:15px;}
.csWrap .csRight .csItem { padding:10px 0 5px 0; }

.csWrap .csCenter { float:left; position:relative; width:104%; margin-left:-2%; padding-top:40px; }

.btnMore a { position: absolute; top:10px; right:0; font-size:11px; color: #222; padding:1px 10px; border:1px solid #505063; border-radius:20px; }

@media screen and (max-width: 1260px){
	.csWrap { width:95%; margin:0 auto; padding:40px 0; }

	.csWrap .csLeft h2 { font-size:20px; padding:0 0 15px 0; }
	.csWrap .csLeft h2 span { font-size:12px;}
	.csWrap .csLeft .csItem { padding:5px 0 5px 0; }

	.csWrap .csRight h2 { font-size:20px; padding:0 0 15px 0; }
	.csWrap .csRight h2 span { font-size:12px; }
	.csWrap .csRight .csItem { padding:5px 0 5px 0; }
	.btnMore a { top:5px; }
}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 650px){
	.csWrap { padding:20px 0; }
	.csWrap .csLeft { width:100%; }
	.csWrap .csLeft h2 { font-size:17px; padding:0 0 15px 0; }
	.csWrap .csLeft h2 span { font-size:12px;}
	.csWrap .csRight { width:100%; margin-top:20px; }
	.csWrap .csRight h2 { font-size:17px; padding:0 0 15px 0; }
	.csWrap .csRight h2 span { font-size:12px;}
	.btnMore a { top:2px; }
}

@media screen and (max-width: 300px){
	.csWrap { padding:20px 0; }
	.csWrap .csLeft { width:100%; }
	.csWrap .csLeft h2 span { display:none; }
	.csWrap .csRight { width:100%; margin-top:20px; }
	.csWrap .csRight h2 { font-size:17px; padding:0 0 15px 0; }
	.csWrap .csRight h2 span { display:none; }
}


.galleryWrap { max-width:100%; padding:50px 0 30px 0; background:#ecf4f6; border:1px solid #deeef1; border-width:1px 0; }
.galleryWrap .galleryinWrap { max-width:1200px; margin:0 auto; padding:0px 0 60px 0; font-family:Noto Sans KR, sans-serif;}
.galleryWrap h3 { font-size:27px; line-height:140%; color:#464646; font-family:GmSansM; font-weight:normal; letter-spacing:-0.05em; }
.galleryWrap h3 span { display:block; font-size:17px; color:#7f7f7f; }
.galleryWrap .csCenter { position:relative; width:104%; margin-left:-2%; padding-top:40px; }

@media screen and (max-width: 1260px){
	.galleryWrap { padding:40px 0 30px 0; background:#ecf4f6; border:1px solid #deeef1; border-width:1px 0; }
	.galleryWrap .galleryinWrap { width:95%; margin:0 auto; padding:0 0 0 0; }
	.galleryWrap h3 { font-size:26px; line-height:140%; color:#464646; font-weight:500; letter-spacing:-0.05em; }
	.galleryWrap h3 span { display:block; font-size:15px; color:#7f7f7f; }
	.galleryWrap .csCenter { position:relative; width:100%; margin-left:0; padding-top:20px; }
}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 650px){
	.galleryWrap { padding:20px 0 20px 0; background:#ecf4f6; border:1px solid #deeef1; border-width:1px 0; }
	.galleryWrap .galleryinWrap { width:95%; margin:0 auto; padding:0 0 0 0; }
	.galleryWrap h3 { font-size:20px; line-height:140%; color:#464646; font-weight:500; letter-spacing:-0.05em; }
	.galleryWrap h3 span { display:block; font-size:13px; color:#7f7f7f; }
	.galleryWrap .csCenter { position:relative; width:100%; margin-left:0; padding-top:10px; }
}

@media screen and (max-width: 300px){

}


/* --------- 메인 고객?Όν„° ---------  */
.profile_blk { width:100%; background:url('/images/bg_profile.jpg') no-repeat top center fixed; }
.profile_blk .p_cvr {float:left; width:100%; background:rgba(0,0,0,0.3); padding:50px 0; text-align:center;}
.profile_blk .p_cvr .p_tt {float:left; width:100%; font-size:30px; color:white; line-height:100%; font-family:GmSansM; font-weight:normal; }
.profile_blk .p_cvr .p_txt {float:left; width:100%; padding:20px 0; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; color:#fff; line-height:160%; letter-spacing:-0.05em; }
.profile_blk .p_cvr .p_txt span { display:inline-block; font-size:25px; color:white; padding:20px 10px 0 10px; }

@media screen and (max-width: 1260px){

}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 650px){
	.profile_blk .p_cvr { padding:30px 0; }
	.profile_blk .p_cvr .p_tt { font-size:25px; }
	.profile_blk .p_cvr .p_txt { padding:10px 0; }
	.profile_blk .p_cvr .p_txt span { display:block; font-size:18px; padding:10px 10px 0 10px; }
}

@media screen and (max-width: 300px){
	.profile_blk .p_cvr { padding:30px 0; }
	.profile_blk .p_cvr .p_tt { font-size:18px; }
	.profile_blk .p_cvr .p_txt { padding:10px; }
	.profile_blk .p_cvr .p_txt span { font-size:15px; }
}


/* --------- ?΅λ©”?? ---------  */
@media (max-width:1100px) {/* μ΅œμ†Œ ~ 졜λ? 767 */
	.quick_menu { display:none; }
}

@media (min-width:768px) and (max-width:1100px) {
	.quick_menu { display:none; }
}

@media (min-width:1100px) {
	/*quick_menu*/
	.quick_menu { position:fixed; top:206px; left:50%; margin-left:740px; z-index:99999;}
	.quick_menu .menu_btn {display:none;}
	.quick_menu .menu_list {overflow:hidden; box-sizing:border-box; width:90px; padding:25px 15px; -webkit-border-radius:45px; -moz-border-radius:45px; border-radius:45px; background:#9c897b;-webkit-box-shadow:6px 8px 10px rgba(0,0,0,.14); -moz-box-shadow:6px 8px 10px rgba(0,0,0,.14); box-shadow:6px 8px 10px rgba(0,0,0,.14);}/*bx*/
	.quick_menu .menu_list li a {display:block; position:relative; font-size:15px; font-weight:500; line-height:23px; padding:15px 0; text-align:center; color:#fff;}
	.quick_menu .menu_list li a:after {content:''; display:block; position:absolute; top:0; left:50%; clear:both; width:50px; height:1px; margin-left:-25px; background:rgba(255,255,255,.2);}
	.quick_menu .menu_list li:first-child a:after {display:none;}

	.quick_menu .quick_icon { position: absolute; top: 0; right: 0; width: 90px; height: 430px; }
	.quick_menu .menu_wrap {position: absolute;top:0;right:0;z-index: 99;}
	.quick_menu.fixed .menu_wrap {position: inherit;top: inherit;bottom: 40px; right: 115px;} 
	.quick_menu .quick_icon {position: absolute; top:0; right:0;  width:90px; height:430px;;}
	.quick_icon [class*="quick_icon_"] {position:absolute; z-index:90; }
	.quick_icon .quick_icon_img_1 {bottom:200px; right:-100px; animation: quick_motion_1 0.5s 0.3s both; opacity:0; }
	.quick_icon .quick_icon_img_2 {bottom:100px; right:-80px; animation: quick_motion_2 0.5s 0.5s both;  opacity:0;}

	@keyframes quick_motion_1 {
		 0% {transform:translate(-110px, 50px) scale(0.1); opacity:1;}
		 100% {transform:translate(0) scale(1); opacity:1;}
	}
	@keyframes quick_motion_2 {
		 0% {transform:translate(-70px, 30px) scale(0.1); opacity:1;}
		 100% {transform:translate(0) scale(1); opacity:1;}
	}
}



.pic_con {width:100%; position:relative;}
.flex-direction-nav	{position:absolute; bottom:40px; right:0; text-align:center; }
.flex-direction-nav a {width: 45px; height: 45px; background:#a578df; border:0px; border-radius:0; z-index:1;}
.flex-direction-nav a:before {width:10px; height:10px; margin:16px 0 0 8px; border-bottom: 1px solid white; border-left: 1px solid white; }
.flex-direction-nav a.flex-next:before {content: ""; margin:16px 0 0 0px; border-top: 1px solid white; border-right: 1px solid white; border-bottom: 0px solid white; border-left: 0px solid white;}
.flex-direction-nav .flex-prev {bottom:-40; right:42px;}
.flex-direction-nav .flex-next {bottom:0; right:0; }

/*
.flexslider:hover .flex-direction-nav .flex-prev{background:#a578df;}
.flexslider:hover .flex-direction-nav .flex-next{background:#a578df;}
*/

/* */
.flexslider {position:relative; top:0; left:0; width:100%; margin: 0; padding: 0;}
.flexslider .slides  {position:relative; top:0; left:0; width:100%; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}

.flexslider .slides > li .y_content { position:relative; top:0px; left:0; width:100%; padding-bottom:56.25%; padding-left:0;margin: 9% 0 0 0;}
.flexslider .slides > li .y_content iframe { position:absolute; width:100% !important; height:100% !important; left:0; }

.flexslider .slides:after {content: "\f104"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.flexslider .slides {zoom: 1;}
.flexslider .slides img {height: auto; -moz-user-select: none;}
.flex-viewport	 {position:absolute; top:0; left:0; width:100%; border:0px solid red; }

.flex-direction-nav {*height: 0;}
.flex-direction-nav a {text-decoration: none; display: block; width:40px; height:40px; margin: 0 0 0; position: absolute; top: 0; z-index: 10; font-size: 0px;overflow: hidden; background:#8e7253; border:1px solid #000; border-radius:1px; cursor: pointer;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before {display: inline-block; content: ""; font-weight:900; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); width:10px; height:10px; margin:13px 0 0 8px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(45deg);}
.flex-direction-nav a.flex-next:before {content: ""; margin:13px 0 0 0px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 0px solid #fff;}
/*
.flex-direction-nav .flex-prev {top:-80px; left: 10px;}
.flex-direction-nav .flex-next {top:-80px; right:10px; }
*/
.flexslider:hover .flex-direction-nav .flex-prev {background:#8e7253;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {background:#8e7253;}
.flexslider:hover .flex-direction-nav .flex-next {background:#8e7253;}
.flexslider:hover .flex-direction-nav .flex-next:hover {background:#8e7253;}
.flex-direction-nav .flex-disabled {opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1;}

.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center; display:none;}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 15px; height: 15px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 100%; font-size:0;}
.flex-control-paging li a:hover {background: #333; background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active {background: #000; background: rgba(0, 0, 0, 0.9); cursor: default;}




/*********************************************************************************************************/
.service{padding:10px;}
.service dl{overflow:hidden; margin:0 0 35px;}
.service dl dt:before{content: '';
    width: 7px;
    height:18px;
    background: #39b54a;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius:3px;
}
.service dl dt{font-size:20px; font-weight:500; letter-spacing:-0.8px; margin:0 0 10px; position:relative; padding-left:14px;}
.service dl dd p,
.service dl dd ul li{font-size:14.5px; letter-spacing:-0.6px; color:#444;}
.service dl dd .list li{background: url(/app/dubu_sourcecode/docs/imgs/1612492105_bullet_green.png) no-repeat 0 7px; padding-left:15px; margin:0 0 8px;}
.service dl dd h4:before{content:''; left:0; top:12px; width:7px; height:2px; background:#39b54a; position:absolute;}
.service dl dd h4{font-size:16px; color:#39b54a; margin:0 0 5px; position:relative; padding-left:14px;}
.service dl dd .process li div{background:#39b54a; color:#fff; padding:15px 25px; text-align:center;}
.service dl dd .process li:after{content:''; display:block; margin: 8px auto; background: url(/app/dubu_sourcecode/docs/imgs/1612492859_arrow_gary.png) no-repeat; background-size:100%; width:14px; height:14px;}
.service dl dd .process li:last-child:after{display:none;}
.service dl dd .process li:nth-child(even) div{background:#79c784}
.service table{
    width:100%;
    border-bottom:1px solid #ccc;
    border-collapse:collapse;
    margin:0 0 20px;
    border-spacing:2px;
}
.service th{
    padding: 12px 5px;
    border: 1px solid #fff;
    background-color: #8cd796;
    color: #fff;
    font-weight: 500;
    font-size:14.5px;
    text-align:center;
}
.service td{
    padding: 10px 4px;
    border: 1px solid #fff;
    color: #4c4c4c;
    text-align: center;
    font-size:13.5px;
    letter-spacing:-1px;
}
.service tr:nth-child(odd){background:#f3fff5;}
.service tr:nth-child(even){background:#f8fcf9;}

/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
}

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