@charset "utf-8";

/* Site Layout - Outpage */

/* 메인컬러 #014083 - 파란색 / #63b537 - 녹색*/

#outpage {font-size:19px; line-height:1.6; color:#454545; font-weight:300; width:100%; letter-spacing:-0.5px; max-width:100%;display:block;position:relative;margin:0px auto;padding:0px; word-break:keep-all;}
#outpage .imgView{width:100%;text-align:center;}
#outpage .imgView3{width:100%;text-align:center;padding:50px 0px;}

.max1240{max-width:1240px !important; margin:0 auto; display:block;}


.content-box{max-width:1240px; margin:0 auto; display:block;}
.content-blank{height:70px;}

#outpage hr{border:#ccc 1px dashed; border-top:0px; border-left:0px; border-right:0px; padding:0 0 1%; margin:0 0 1% 0;}
.tit_wrap{ margin-bottom:50px; text-align:center;}
.tit_wrap h1{ font-size:43px; font-weight:800; color:#474b55; padding-bottom:10px;clear:both; width:100%}
.tit_wrap > div{ width:70px; height:5px; margin:20px auto;  display:flex; justify-content:center;}
.tit_wrap > div > div:first-child{background:#666;width:40px;}
.tit_wrap > div > div:last-child{background:#669933;width:40px;}
.tit_wrap p{font-size:16px; padding-bottom:15px; color:#669933; letter-spacing:2px;}

#outpage h2{font-size:30px; color:#434740; font-weight:700; padding:0 0 0 35px; margin:0 0 20px; line-height:1.3; letter-spacing:-1px; position:relative;}
#outpage h2:before{content:''; position:absolute; width:12px; height:40px; background:linear-gradient(#669933, #ccf36f); left:0; top:1px; border-radius:50px;}
#outpage h3{font-size:26px; color:#474b55; font-weight:500; padding:5px 0 5px 28px; margin:0 0 5px; position:relative;}
#outpage h3:before{content:''; position:absolute; width:12px; height:25px; box-shadow:0 0 0 4px #669933 inset; left:0; top:15px; border-radius:0 5px 0 5px;}
#outpage h4{font-size:18pt; color:#474b55; font-weight:600; padding:0; margin:0 0 10px;}
#outpage h5{font-size:15pt; color:#474b55; font-weight:600; padding:0; margin:0 0 10px;}
@media( max-width:650px ){
	#outpage {font-size:13px !important; line-height:1.5 !important;}
	.tit_wrap{ margin-bottom:30px;}	
	.tit_wrap h1{font-size:2em; line-height:1.4;}
	.tit_wrap p{font-size:11px; letter-spacing:0px;}
	#outpage h2{font-size:22px; padding:0 0 0 20px;}
	#outpage h2:before{height:32px; width:10px;}
	#outpage h3{font-size:19px; padding:5px 0 5px 20px; margin:0 0 5px; position:relative;}
	#outpage h3:before{width:10px; height:23px; top:10px; box-shadow:0 0 0 3px #669933 inset;}
	#outpage h4{font-size:1.1em; color:#474b55; font-weight:600; padding:0; margin:0 0 10px;}
	#outpage h5{font-size:1.05em;}
}

.pc-none{display:none;}

.clearDiv{height:100px;width:100%;clear:both;}
.blank{height:25px;}
.blank2{height:20px;}
.blank3{height:50px;}

.contType{border:1px solid #ddd; padding:20px; background:#f6f6f6; margin:7px 0 0;}
.contType2{background:#f5f7f3; padding:50px 40px; margin:30px 0 0; box-sizing:border-box !important;}
.contbox{border:7px solid #b9cea5; border-radius:50px; position:relative; margin:0; padding:50px 70px; text-align:left; display:block;}
.contbox:before{content:''; position:absolute; left:10%; top:-7px; width:80%; height:7px; background:#f5f5f5;}
.contbox:after{content:''; position:absolute; left:10%; bottom:-7px; width:80%; height:7px; background:#f5f5f5;}

@media( max-width:1080px ){
	.content-box{max-width:90%; margin:0 auto; display:block;}
	.content-blank{height:50px;}
	.clearDiv{height:50px;}
}

@media( max-width:650px ){
	.pc-none{display:block;}
	.mobile-none{display:none;}
	.content-blank{height:30px;}
	.blank{height:20px;}
	.blank3{height:25px;}

	.contbox{border:6px solid #b9cea5; border-radius:40px; padding:25px 25px;}
	.contbox:before{left:17.5%; top:-6px; width:65%; height:6px;}
	.contbox:after{left:17.5%; bottom:-6px; width:65%; height:6px;}
}


#outpage ul{padding:7px 0; list-style:none;}
#outpage ul li{padding:0 0 0 25px; margin-bottom:5px; position:relative;}
#outpage ul li:before{content:''; position:absolute; width:5px; height:5px; background:#4893cc; left:3px; top:10px; border-radius:100px;}


/* 공통 탭메뉴 */
#outpage .tabmenu{overflow:hidden; display:flex; margin:0px 0px 35px 0px;}
#outpage .tabmenu a{flex:1; text-align:center; border:1px solid #ccc; border-right:0; border-radius:0px; display:block; margin:0; color:#555; padding:15px 0; box-sizing:border-box; font-weight:500; font-size:14pt;}
#outpage .tabmenu a:hover{background:#63b537; color:#fff; border-radius:0px; transition-duration:0.4s;}
#outpage .tabmenu a:last-of-type{border-right:1px solid #ccc;}
#outpage .tabmenu .tabon{background:#014083; color:#fff; border:0px solid #014083;}
@media( max-width:500px ){
	#outpage .tabmenu a{padding:10px 15px !important; font-size:1em; box-sizing:border-box;}
}

/* 버튼모음 */
.bu_box .bu_font{background:#2e579c; padding:1.5% 4%; margin:0 0 0.3% 1%; box-sizing:border-box; display:inline-block; text-align:center; border-radius:100px; font-weight:500;}
.bu_box .bu_font:hover{background:#63b537; transition-duration:1s; color:#fff;}
.bu_box a{text-decoration:none; color:#fff;}
.bu_box a img{vertical-align:-5px;}

/* 공통테이블 */
.table_list{width:100%; overflow:hidden; padding:0px; margin:0px; font-size:19px;}
.table_list th{padding:15px 25px; background:#f3f3f3; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; font-weight:500; color:#333; text-align:center;}
.table_list td.bg{background:#fafbfd;}
.table_list td.bg2{background:#f7f7f7; font-weight:500;}
.table_list th.tline {border-top:3px solid #014083;}
.table_list td.tline {border-top:3px solid #014083;}
.table_list th.trn {border-right:none;}
.table_list td.trn {border-right:none;}
.table_list td.tln {border-left:none !important;}
.table_list td.tbn {border-bottom:0px dotted #ddd;}
.table_list th.tbn {border-bottom:0px dotted #ddd;}
.table_list td{padding:15px 25px; text-align:center !important; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#666; position:relative;}
.table_list td.tl{text-align:left !important; padding-left:30px;}
.table_list td.tl2{text-align:left; padding-left:40px;}
.table_list td.tr{text-align:right; padding-right:30px;}
.table_list td.tc{text-align:center;}
.table_list td ul{padding:0px 0 !important; list-style:none;}
.table_list td ul li{padding:0 0 0 22px; margin-bottom:5px; position:relative;}
.table_list td ul li:before{content:''; position:absolute; width:5px; height:5px; background:#4893cc; left:3px; top:10px; border-radius:100px;}
.table_list td .button{width:115px; height:20px; padding:3px 15px 10px 15px; margin:0px; margin-top:15px; background:#be1e2d; text-decoration:none; letter-spacing:-1px;}

.table_list td:last-child{border-right:0px;}
.table_list td .button a{color:#fff; text-decoration:none; font-weight:bold; font-size:10.5pt;}
@media( max-width:650px ){
	.table_list{ font-size:10pt !important;}
	.table_list td{padding:15px 10px;}
	.table_list td.tl2{ padding-left:33px;}
}

/* 인사말 */
.greeting_bg{position:relative; padding:0 0 50px; margin:0; display:block; overflow:hidden;}
.greeting_bg:before{content:''; position:absolute; width:27%; height:840px; right:280px; bottom:0px; background:#fff; border-radius:50px; z-index:-1;}
.greeting_bg2{position:relative; padding:0; margin:0; display:block; overflow:hidden;}
.greeting_bg2:before{content:''; position:absolute; width:100%; height:700px; left:0; top:0; background:linear-gradient(#eee,#fff); z-index:-1;}
.greeting_bg2_box{max-width:1350px; margin:70px auto; background:#fff; padding:0; border-radius:50px; display:block; overflow:hidden;}
.greeting_box{width:100%; padding:30px 0 0px; overflow:hidden; display:block; margin:0;}
.greeting_box:first-of-type{padding:0;}
.greeting_box .greeting_txt{float:left; display:block; padding:0px 0 0 0; margin:0; width:50%; box-sizing:border-box;}
.greeting_tit{font-size:30px; line-height:1.4; font-weight:500;}
.greeting_box .greeting_img{float:right; display:block; padding:0; margin:0px; width:42%; position:relative; padding-bottom:66%; background-image:url(/outpage/img/greeting_bg2.jpg);
background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:50px;}

@media( max-width:1080px ){
	.greeting_bg:before{display:none;}
	.greeting_box .greeting_txt{width:60%;}
	.greeting_box .greeting_img{width:35%; padding-bottom:90%; border-radius:30px;}
	
	.greeting_bg2:before{width:100%; height:700px;}
	.greeting_bg2_box{max-width:95%; margin:50px auto;}
}

@media( max-width:650px ){
	.greeting_bg{padding:0;}
	.greeting_box .greeting_txt{width:100%;}
	.greeting_tit{font-size:25px;}	
	.greeting_box .greeting_img{width:100%; border-radius:0px; background-size:100%; padding-bottom:100%; margin:30px 0 0;}	

	.greeting_bg2:before{height:400px;}
	.greeting_bg2_box{border-radius:20px; margin:20px auto;}
}

/* 스토리 */
.history{overflow:hidden; position:relative;}
.history:before{content:''; position:absolute; top:0px; left:48.4%; width:20px; height:20px; border:6px solid #efefef; border-radius:100px;}
.history:after{content:''; position:absolute; top:26px; left:49.5%; width:7px; height:100%; background:#f3f3f3; border-radius:0 0 100px 100px;}

.history-R{width:45%; float:right; overflow:hidden; padding:0; margin:0; margin-top:0px !important;}
.history-R .his-y{font-size:37px; padding:5px 0 10px 10px; color:#669933; font-weight:700; letter-spacing:-2px;}
.history-R .his-y:before{content:''; background:url(/outpage/img/his-y-bg_r.png)no-repeat left 20px; position:absolute; left:48.8%; z-index:20; width:52px; height:70px;}
.history-R .his-box{padding:10px 0 10px 14px; overflow:hidden; font-size:17px;}
.history-R .his-box .his-txt{display:block; list-style:none; box-sizing:border-box;}

.history-L{width:45%; float:left; overflow:hidden; padding:0; margin:0; margin-top:0px !important;}
.history-L .his-y{font-size:37px; padding:5px 10px 10px 0px; text-align:right; color:#669933; font-weight:700; letter-spacing:-2px;}
.history-L .his-y:before{content:''; background:url(/outpage/img/his-y-bg_l.png)no-repeat left 20px; position:absolute; left:46.4%; z-index:20; width:52px; height:70px;}
.history-L .his-box{padding:5px 14px 5px 0; overflow:hidden; font-size:17px;}
.history-L .his-box .his-txt{display:block; list-style:none; box-sizing:border-box; text-align:right;}

.history-R img{padding:20px 0 0; margin:0; display:block; box-shadow:10px 10px #ccc;}
.history-L img{padding:0px 0 0; box-shadow:4px 3px 7px #aaa; margin-top:24px;}

@media( max-width:1080px ){
	.history:before{top:0px; left:0; width:10px; height:10px; border:5px solid #efefef;}
	.history:after{top:16px; left:7px; width:5px; height:100%;}
	.history-R{width:95%; padding:0 0 0 5%; float:left;}	
	.history-L{width:95%; padding:0 0 0 5%; float:left;}
	.history-R .his-y:before{left:1px; width:52px; height:70px; background-position:left 14px; background-size:80%;}
	.history-L .his-y:before{left:1px; width:52px; height:70px; background:url(/outpage/img/his-y-bg_r.png)no-repeat; background-position:left 14px; background-size:80%;}
	.history-R .his-y{font-size:28px; padding:5px 10px 5px 0px;}
	.history-L .his-y{font-size:28px; padding:5px 10px 5px 0px; text-align:left;}
	.history-R .his-box{padding:10px 0 10px 14px; overflow:hidden; font-size:17px;}
	.history-L .his-box{padding:10px 0 10px 14px; overflow:hidden; font-size:17px;}
	.history-L .his-box .his-txt{text-align:left;}
	.history-L img{width:50%; max-width:100%;}
	
}
@media( max-width:650px ){
	.history-R{width:100%; padding:0 3% 2% 14%;}	
	.history-L{width:100%; padding:0 3% 2% 14%;}
	.history-L img{width:100%; max-width:100%; margin:0; padding:0;}	
	.history-R .his-box{padding:10px 0 10px 5px; overflow:hidden; font-size:15px;}
	.history-L .his-box{padding:10px 0 10px 5px; overflow:hidden; font-size:15px;}
	.history-R .his-y{font-size:22px; padding:5px 10px 5px 0px;}
	.history-L .his-y{font-size:22px; padding:5px 10px 5px 0px; text-align:left;}
	.history-R .his-y:before{background-size:60%; background-position:left 11px;}
	.history-L .his-y:before{background-size:60%; background-position:left 11px;}
}


/* 비전 */
.visioin-back{position:relative; padding:0 0 30px; margin:0; display:block; overflow:hidden;}
.visioin-back:before{content:''; position:absolute; width:86%; height:390px; right:0px; bottom:0px; background:#f5f5f5;}
.vision_bg{overflow:hidden; display:block; position:relative; padding:0 0 30px;}
.vision_bg:before{content:''; position:absolute; width:85%; height:375px; right:0; bottom:0; z-index:-1;}
.vision_bg .vision_txt{float:right; width:50%; display:block; padding:100px 40px 0 0;}
.vision_bg .vision_img{width:50%; float:left; display:block; padding:0 0px 10px 0;}
.vision_bg .vision_img img{box-shadow:10px 10px #ccc;}
.vision_bg2{overflow:hidden; display:block; background:url(/outpage/img/vision_bg2.jpg) no-repeat right -90px bottom -48px;}
.vision_L{width:57%; float:left; display:block; padding:25px 0 0; margin:0;}
.vision_box{padding:0; margin:0 0 10px; overflow:hidden;}
.vision_box .v-num{width:10%; font-size:40px; font-weight:800; color:#669933; float:left; display:block; padding:0; margin:0; position:relative;}
.vision_box .v-num:before{content:''; position:absolute; width:50px; height:50px; background:#f3f3f3; right:15px; bottom:0; z-index:-1; border-radius:50%;}
.vision_box .v-txt{width:90%; padding:15px 0 0; float:right; display:block; margin:0; line-height:1.4;}
.vision_box .v-txt .vision_tit{font-size:23px; font-weight:600; color:#669933; padding-bottom:10px; letter-spacing:-0.7px;}
.vision_box .v-txt .vision_txt{font-size:16px; letter-spacing:-0.7px;}

.vision_box2{display:flex; flex-wrap:wrap; padding:20px 0 0; margin:0; list-style:none;}
.vision_box2 li{width:31.3%; border:1px solid #ccc; padding:40px 40px; margin-right:2%; margin-bottom:2%; background:#fff;}
.vision_box2 li:nth-child(3){margin-right:0;}
.vision_box2 li:nth-child(4){margin-left:0;}
.vision_box2 li .vision_tit{font-size:20px; font-weight:600; color:#669933; padding-bottom:20px; margin-bottom:20px; letter-spacing:-0.7px; border-bottom:1px solid #ddd;}
.vision_box2 li .vision_txt{font-size:16px; letter-spacing:-0.7px;}

.visioin-back2{background:#eef6e7; padding:70px 0;}

@media( max-width:1080px ){
	.visioin-back:before{width:100%; height:380px; left:0px; top:48px;}
	.vision_bg2{overflow:hidden; display:block; background:url(/outpage/img/vision_bg2.jpg) no-repeat right -70px bottom -39px; background-size:63%;}
	.vision_bg .vision_txt{float:right; width:45%; display:block; padding:80px 0px 0 0;}		
}
@media( max-width:650px ){
	.visioin-back:before{display:none;}
	.vision_bg .vision_txt{float:left; width:100%; padding:0px;}
	.vision_bg .vision_img{width:100%; padding:0 0px 10px 0; margin-top:20px;}
	.vision_bg .vision_img img{max-width:100%; width:97%; box-shadow:7px 7px #ccc;}
	.vision_bg{padding:0px;}
	.vision_L{width:100%;}
	.vision_box .v-txt .vision_tit{font-size:18px; padding-bottom:5px;}
	.vision_box .v-txt .vision_txt{font-size:14px;}
	.vision_bg2{background:url(/outpage/img/vision_bg2222.jpg) no-repeat;}
	.vision_box .v-num{font-size:35px;}
	.vision_box .v-num:before{display:none;}

	.vision_box2{display:block; padding:10px 0 0;}
	.vision_box2 li{width:100%; padding:20px; margin:0 0 2% 0;}
	.vision_box2 li:nth-child(5){margin:0 0 0 0;}	
	.vision_box2 li:nth-child(6){display:none;}
	.vision_box2 li .vision_tit{font-size:17px; font-weight:600; color:#669933; padding-bottom:20px; margin-bottom:20px; letter-spacing:-0.7px; border-bottom:1px solid #ddd;}
	.vision_box2 li .vision_txt{font-size:14px; letter-spacing:-0.7px;}
	.vision_box2 li img{width:15%; max-width:100%;}
}

/* EFT 소개 */
.eft-bg{background:#eef6e7; padding:70px 0;}
.about_li{display:flex; padding:0; margin:0; list-style:none;}
.about_li li{flex:1; text-align:center; margin:40px 34px 20px; display:block; padding:0;}
.about_li li dl{width:300px; height:300px; background:radial-gradient(#669933,#9bc960); display:table-cell; vertical-align:middle; border-radius:100%;}
.about_li li dl .eft_num{color:#fff; font-size:24px; font-weight:600; padding-bottom:10px;}
.about_li li dl .eft_txt{padding:0 50px; font-weight:400; color:#fff;}

@media( max-width:1080px ){
	.about_li li{margin:40px 5px 20px;}
}

@media( max-width:650px ){
	.about_li{display:block;}
	.about_li li{width:100%; margin:10px 2px 5px;}
	.about_li li dl{width:500px; height:170px; border-radius:20px;}
	.about_li li dl .eft_num{font-size:20px;}
}

/* 아코디언 형식 글 정렬 속성 */
.part_con{ width:100%; float:left; display:block;}
.part_acc{ margin-bottom:15px; }
.part_acc:last-child{ margin-bottom:0; }
.part_acc_title{ position:relative; font-size:20px !important; font-weight:500 !important; padding:13px 0px 13px 0px !important; cursor:pointer; border-bottom:1px solid #eee !important; color:#669933;}
.part_acc_title:after{ content:'\002B'; width:30px; height:30px; position:absolute; top:15px; right:25px; color:#fff; border-radius:100%; display:flex; justify-content:center; align-items:center; font-size:15px; background-color:#669933; border:1px solid #669933;}
.part_acc.on .part_acc_title:after{ content:'\2212'; color:#669933; background-color:#fff; border:1px solid #669933;}
.part_acc_con{ padding-top:0px; display:none; }
.part_img_wrap{ display:block; margin:0; overflow:hidden; background:#f5f7f3;}
.info_box{padding:25px 35px 30px; overflow:hidden; margin:0; display:block;}

@media( max-width:650px ){
	.part_acc_title{font-size:13px !important; font-weight:600 !important; padding:12px 25px 12px 0px !important; display:block;}
	.part_acc_title:after{top:10%; background-size:100%;}
	.part_acc.on .part_acc_title:after{background-size:100%;}
	.part_acc_title:after{width:20px; height:20px; top:12px; right:0px;}
	.info_box{padding:15px 10px; font-size:12px;}
}


/* 도서소개 */
.patent_cont{ position:relative; }
.patent_pt_wrap{ height:auto; }
.patent_pt{width:20%; float:left; display:block; margin:0 2.5% 4%; border:1px solid #eee;}
.patent_pt_box{ transition-duration:0.3s; position:relative; z-index:15; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding-bottom:136.5%; height:0;}
.patent_pt_box.back_01{ background-image:url(/outpage/img/book_1.jpg); background-size:100%;}
.patent_pt_box.back_02{ background-image:url(/outpage/img/book_2.jpg); background-size:100%;}
.patent_pt_box.back_03{ background-image:url(/outpage/img/book_3.jpg); background-size:100%;}
.patent_pt_box.back_04{ background-image:url(/outpage/img/book_4.jpg); background-size:100%;}
.patent_pt_box.back_05{ background-image:url(/outpage/img/book_5.jpg); background-size:100%;}
.patent_pt_box.back_06{ background-image:url(/outpage/img/book_6.jpg); background-size:100%;}
.patent_pt_box.back_07{ background-image:url(/outpage/img/book_7.jpg); background-size:100%;}
.patent_pt_box.back_08{ background-image:url(/outpage/img/book_8.jpg); background-size:100%;}
.patent_pt_box.back_09{ background-image:url(/outpage/img/book_9.jpg); background-size:100%;}
.patent_pt_box.back_10{ background-image:url(/outpage/img/book_10.jpg); background-size:100%;}
.patent_pt_box:hover{ /*transform:scale(1.005);*/ z-index:16; }
.patent_pt_cont{ padding:20px; min-height:547px; background-color:rgba(35, 35, 35, 0); transition-duration:0.4s; }
.patent_pt_box:hover .patent_pt_cont{ background-color:rgba(14, 14, 14, 0.8); }
.patent_pt_desc, .patent_pt_link{ transform: translate(-50px, 0); opacity: 0; transition-duration:0.4s; }
.patent_pt_box:hover .patent_pt_desc, .patent_pt_box:hover .patent_pt_link{ transform:translate(0, 0); opacity:1; }
.patent_pt_desc{ font-size:17px; font-weight:300; margin-bottom:30px; word-break:keep-all; color:#fff;}
.patent_pt_link{ font-size:13px; font-weight:300; display:inline-block; margin-right:5px; padding:4px 12px; border:1px solid #888; border-radius:30px; min-width:70px; text-align:center; color:#fff;}
.patent_pt_link:hover{ background-color:#62b736; }
.patent_pt_link_box{ position:relative; width:30px; height:30px; float:left; margin-right:10px; transition:box-shadow 0.4s; }
.patent_pt_link:hover .patent_pt_link_box{ transition:box-shadow 0.4s; }
.patent_pt_link_box:before{ content:''; width:15px; height:1px; position:absolute; top:50%; left:50%; margin:-0.5px 0 0 -7.5px; }
.patent_pt_link_box:after{ content:''; width:1px; height:15px; position:absolute; top:50%; left:50%; margin:-7.5px 0 0 -0.5px; }

@media( max-width:650px ){
	.patent_pt{width:45%;}
	.patent_pt_desc{font-size:12px;}
	.patent_pt_link{font-size:10px; min-width:50px;}
}

/* 오시는길 */
.map_tit{font-size:23px; font-weight:500; color:#353535; line-height:2.3; padding:1% 0 0 0;}
.map_bg{background:#f7f7f7; padding:1% 0 0 0; margin:1% 0;}
.map_info_li{display:flex; padding:0; margin:0; list-style:none;}
.map_info_li li{border:1px solid #ccc; box-sizing:border-box; border-radius:25px; flex:1; padding:40px 50px; margin:0 30px 0 0;}
.map_info_li li:nth-child(2){margin-right:0;}
.map_info_tit{font-size:24px; font-weight:700; line-height:2.5;}
.info1:before{content:"\f041"; position:absolute; top:15px; left:3px; font-family:'FontAwesome'; font-size:30px; line-height:100%; color:#669933;}
.info2:before{content:"\f095"; position:absolute; top:16px; left:3px; font-family:'FontAwesome'; font-size:30px; line-height:100%; color:#669933;}
.info3:before{content:"\f1ac"; position:absolute; top:19px; left:3px; font-family:'FontAwesome'; font-size:25px; line-height:100%; color:#669933;}

@media( max-width:650px ){
	.map_info_li{display:block;}
	.map_info_li li{padding:20px; margin:0 0 10px; border-radius:15px;}
	.map_info_li li img{max-width:100%; width:25%;}
	.map_bg{background:#f7f7f7; padding:1% 0 0 0; margin:1% 0; text-align:center;}
	.map_info_tit{font-size:17px;}
	.info1:before{top:12px; left:0px; font-size:25px;}
	.info2:before{top:16px; left:0px; font-size:25px;}
	.info3:before{top:15px; left:0px; font-size:23px;}
}

/* EFT공식워크샵 */
.workshop1_bg{position:relative; padding:20px 0 50px; margin:0; display:block; overflow:hidden; }
.workshop1_bg:before{content:''; position:absolute; width:40%; height:0; left:0; top:0; padding-bottom:50%; background-image:url(/outpage/img/workshop1_bg.jpg);
background-size:cover; background-position:center; background-repeat:no-repeat; z-index:-1;}

.workshop2_bg{position:relative; padding:20px 0 30px; margin:0; display:block; overflow:hidden;}
.workshop2_bg:before{content:''; position:absolute; width:38%; height:0; right:0; top:0; padding-bottom:53%; background-image:url(/outpage/img/workshop2_bg.jpg);
background-size:cover; background-position:center; background-repeat:no-repeat; z-index:-1;}

.workshop3_bg{position:relative; padding:20px 0 80px; margin:0; display:block; overflow:hidden;}
.workshop3_bg:before{content:''; position:absolute; width:40%; height:0; left:0; top:0; padding-bottom:50%; background-image:url(/outpage/img/workshop3_bg.jpg);
background-size:cover; background-position:center; background-repeat:no-repeat; z-index:-1;}

.workshop4_bg{position:relative; padding:20px 0 50px; margin:0; display:block; overflow:hidden; }
.workshop4_bg:before{content:''; position:absolute; width:40%; height:0; left:0; top:0; padding-bottom:50%;z-index:-1;}

.special_bg{position:relative; padding:0px; margin:0; display:block; overflow:hidden; width:100%;border:0px solid #000;}
.special_L2{width:37%; float:left; display:block; padding-top:30px;}
.special_R{width:55%; float:right; display:block; padding-top:30px;}


.special_bg{position:relative; padding:0px; margin:0; display:block; overflow:hidden; width:100%;border:0px solid #000;}
.special_R2{width:37%; float:right; display:block; padding-top:30px;}
.special_L{width:55%; float:left; display:block; padding-top:30px;}



.workshop_R{width:55%; float:right; display:block; padding-top:30px;}
.workshop_R2{width:55%; float:right; display:block; padding-top:30px;}
.workshop_L2{width:55%; float:left; display:block; padding-top:30px;}
.ow_txt{font-size:17px;}

.ow-li{list-style:none; display:flex; padding:0; margin:0;}
.ow-li li{flex:1; text-align:center; font-weight:500; color:#669933; border:0px solid #669933; border-radius:50px;}

.ow-li2{list-style:none; display:flex; flex-wrap:wrap; padding:0; margin:0;}
.ow-li2 li{width:48%; margin:0 2% 2% 0; border:1px solid #ddd; padding:10px 20px; font-size:17px;}


/* 인증EFT상담사 */
.certificated1_bg{position:relative; padding:20px 0 50px; margin:0; display:block; overflow:hidden; }
.certificated1_bg:before{content:''; position:absolute; width:40%; height:0; left:0; top:0; padding-bottom:50%; background-image:url(/outpage/img/certificated1_bg1.jpg);
background-size:cover; background-position:center; background-repeat:no-repeat; z-index:-1;}



@media( max-width:1080px ){
	.workshop1_bg:before{width:35%; padding-bottom:50%; background-size:100%;}
	.workshop2_bg:before{width:35%; padding-bottom:50%; background-size:100%;}
	.workshop3_bg:before{width:35%; padding-bottom:50%; background-size:100%;}
	.workshop4_bg:before{width:35%; padding-bottom:50%; background-size:100%;}

	.certificated1_bg:before{width:35%; padding-bottom:50%; background-size:100%;}

}
@media( max-width:650px ){
	.workshop1_bg:before{width:100%; padding-bottom:50%; background-size:cover;}
	.workshop2_bg:before{width:100%; padding-bottom:50%; background-size:cover;}
	.workshop3_bg:before{width:100%; padding-bottom:65%; background-size:100% 125%; background-position:left bottom;}
	.workshop4_bg:before{width:100%; padding-bottom:50%; background-size:cover;position:absolute; }
	
	.workshop_R{width:100%; float:left; display:block; padding-top:200px;}
	.workshop_R2{width:100%; float:left; display:block; padding-top:270px;}
	.workshop_L2{width:100%; float:left; display:block; padding-top:200px;}

	.special_L2{width:100% !important;margin:0px auto !important; display:block; padding:0px;border:0px solid #000;clear:both;position:relative;text-align:center;}
	.special_L2 img{max-width:50% !important;margin:0px auto;display:block;}
	.special_R{width:100%;  display:block; padding-top:30px;}
	
	
	.special_R2{width:100%; float:right; display:block; padding-top:30px;}
	.special_R2 img{max-width:50% !important;margin:0px auto;display:block;}
	.special_L{width:100%; float:left; display:block; padding-top:30px;}
	


	.ow_txt{font-size:13px;}
	.ow-li2{display:block;}
	.ow-li2 li{width:100%; font-size:13px; padding:10px 0 10px 5px;} 

	.certificated1_bg:before{width:100%; padding-bottom:50%; background-size:cover;}



}

/* EFT전문상담사 */
.counselor_li{display:flex; list-style:none; padding:0; margin:15px 0 0;}
.counselor_li li{flex:1; border:1px solid #ddd; margin:0 2% 2% 0; padding:40px 50px; text-align:center;}
.counselor_li li:nth-child(3){margin-right:0;}
.counselor_li li p{display:block; padding-top:10px;}

.counselor_li2{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:15px 0 0;}
.counselor_li2 li{flex:1 1 40%; border:1px solid #ddd; margin:0 1.5% 1.5% 0; padding:25px 30px;}
.counselor_li2 li:nth-child(2n){margin-right:0;}
.counselor_li2 li i{width:8%; display:block; padding:1px 0 0; margin:0; float:left; font-size:30px; color:#669933;}
.counselor_li2 li p{width:92%; display:block; padding:0; margin:0; float:right;}

.counselor_li3{display:flex; list-style:none; padding:0; margin:15px 0 0;}
.counselor_li3 li{flex:1; border-right:1px solid #ddd; margin:0 2% 2% 0; padding:40px 50px; text-align:center;}
.counselor_li3 li:last-of-type{border-right:0px solid #eee;}

@media( max-width:650px ){
	.counselor_li3{flex-wrap:wrap;}
	.counselor_li3 li{flex:1 1 30%; padding:0px;}
	.counselor_li3 li img{width:40%; max-width:100%;}
	
	.counselor_li{display:block;}
	.counselor_li li{margin:0 0 2% 0; padding:20px 50px; text-align:center;}
	.counselor_li li img{width:17%; max-width:100%;}

	.counselor_li2{display:block;}
	.counselor_li2 li{margin:0 0 2% 0; padding:15px 5px; overflow:hidden;}	
	.counselor_li2 li i{width:10%; padding:0; font-size:25px;}
	.counselor_li2 li p{width:90%; padding:2px 0 0;}
}

.schedule{max-width:1240px;margin:50px auto;}