@charset "utf-8";
/*
@import url(content01.css);
@import url(content02.css);
@import url(content03.css);
@import url(content04.css);
@import url(content05.css);
@import url(content06.css);
@import url(content07.css);
@import url(vote.css);
*/
/*******************************************************

	Contents CSS Document
	IEETU Web Standardization Team
	2020-08-10

	* content css 작성시 주의사항
	* 주석은 메뉴 순서대로 명확하게 작성
	* 기존 content.css content01~02는 창조경제에서 가져온 css입니다.
	  창조경제에서 가져온 css를 성남에 사용하는 경우 주석 (성남)으로 표시
	  추후 성남과 관련 없는 css 는 삭제할 예정.

	content03.css 정지웅
	content04.css 조현석
	content05.css 이재숙
	content06.css 윤효정
	content07.css 엄다솜

*******************************************************/

body.open_scroll {overflow:hidden;}

.pagination + .button_wrap {padding-top:20px;}
.state_btn {display:inline-block; margin:2px 0; width:80px; height:22px; line-height:22px; color:#fff !important; background:#444; border-radius:30px; text-align:center; font-size:14px; }
.state_btn.blue {background:#004bb8;}
.state_btn.sky {background:#00a0b8;}
.state_btn.red {background:#ee2e2e;}
.state_btn.gray {background:#888888;}
.t_class {display:inline-block;padding:0 8px; height:22px; line-height:20px; color:#004bb8; border:1px solid #004bb8; border-radius:40px; font-size:14px; margin-right:6px;}
.s_tit {font-size:1.1em; margin-right:6px; }

/* 스프라이트 이미지 */
.sp_com2{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/common/sp_com2.png) no-repeat 0 0; background-size:200px 200px;}

/*서브타이틀*/
.subTitle {display: table; width:100%; height:220px; background:#cfd4d6 url(../images/content/subTitle_bg3.jpg) no-repeat center; background-size:79%;}
.subTitle p {display: table-cell; vertical-align: middle; font-size:1.375rem; font-weight:normal; text-align:center; color:#222; letter-spacing:-0.03rem; word-break:keep-all;}
.subTitle .fc04 {position:relative; margin:0 10px; font-size:1.75rem; font-weight:600; color:#222;}
.subTitle .fc04:before {display:inline-block; position:absolute; top:-5px; left:-7px; width:10px; height:10px; content:'';  background:url(../images/content/newTech_ico_kiho.png) no-repeat left top;}
.subTitle .fc04:after {display:inline-block; position:absolute; bottom:-5px; right:-10px; width:10px; height:10px; content:''; background:url(../images/content/newTech_ico_kiho.png) no-repeat right bottom;}



.vision { background:#f9f9f9 url(../images/content/vision_bg.png) no-repeat center bottom/cover; padding:70px 30px; text-align:center;}
.vision h2 {font-size:44px; line-height:1.3; letter-spacing:-0.08em; font-weight:normal; color:#111; }
.vision h2 strong { color:#00823e;}
.vision h2 strong:last-child {color:#111;}
.vision p {font-size:20px; margin:20px auto 50px !important; max-width:700px; letter-spacing:-0.07em; }

ol li {list-style: none !important;}
.org {border:1px solid #e6e6e6; padding:70px 0;}
.org ol {margin:0 !important;}
.org ol:before { content:''; display:block; width:1px; height:477px; background:#cdcdcd; position:absolute; left:50%; top:70px;}
.org , .org  li {position:relative; text-align:center; z-index:2;}
.org ol > li {margin-bottom:25px;}
.org ol > li.n2 span {border:1px solid #3a4747; display:inline-block; position:relative; width:28.5%; height:70px; overflow: hidden;}
.org ol > li.n2 span img { position:absolute; height:68px;width:auto; max-width:inherit; left:50%; top:0; transform: translateX(-50%);}
.org ol > li.n3 span {display:inline-block; position:relative; z-index:3;}
.org ol > li.n3:before {content:''; display:block; width:50%; height:1px; background:#cdcdcd; position:absolute; left:25%; top:50%;}
.org ol > li.n3 span { display:inline-block; width:24%; height:70px; background:#00a7ae; vertical-align:middle; position:relative;}
.org ol > li.n3 span img {vertical-align: top;}
.org ol > li.n3 span.s1 .t1 {padding-top:14px; margin-right:6px;}
.org ol > li.n3 span.s1 em { display:inline-block; padding-top:16px; vertical-align: top;}
.org ol > li.n3 span.s1 .t2 {display:block; padding-bottom:5px;}
.org ol > li.n3 span.s2 {margin:0 3%; width:28.5%; background:#fff; border:1px solid #999;}
.org ol > li.n3 span.s2 .t1 {padding-top:9px;}
.org ol > li.n3 span.s2 .t2 {padding-top:25px;}
.org ol > li.n3 span.s2 .t3 {padding-top:25px;}
.org ol > li.n3 span.s3 {background:#387ef4;}
.org ol > li.n3 span.s3 .t1 , .org ol > li.n3 span.s3 .t2 { padding-top:27px;}


.org ol > li.n4 span { display:inline-block; border:1px solid #bebebe; width:24%; height:60px; line-height:58px; margin-left:58.5%; background:#f9f9f9; font-size:16px;}
.org ol > li.n4 span:before {content:''; display:block; width:17.3%; height:1px; background:#cdcdcd; position:absolute; left:50%; top:50%;}
.org ol > li.n5 span {display:inline-block; width:28.5%; height:70px; background:#f07640; color:#fff; line-height:1.3; font-size:16px;}
.org ol > li.n5 span strong {display:block; font-size:20px; padding:11px 0 0;}
.org ol > li.n6 span {display:inline-block; width:28.5%; height:60px; border:1px solid #bebebe; background:#f9f9f9;  line-height:60px; font-size:16px;}
.org ol > li.n7 > ul {overflow:hidden; padding:40px 20px 0; position:relative;}
.org ol > li.n7 > ul:before {content:''; display:block; height:1px; background:#cdcdcd; position:absolute; left:12.5%; margin-left:15px; right:12.5%; margin-right:15px; top:15px;}
.org ol > li.n7 > ul > li {float:left; width:24%; margin:0 0.5%;}
.org ol > li.n7 > ul > li strong {display:block; height:50px; border:2px solid #00a54f; line-height:46px; font-size:16px; position:relative;}
.org ol > li.n7 > ul > li:nth-child(2) strong {border:2px solid #ee1c23;}
.org ol > li.n7 > ul > li:nth-child(3) strong {border:2px solid #f9a51b;}
.org ol > li.n7 > ul > li:nth-child(4) strong {border:2px solid #0095da;}
.org ol > li.n7 > ul > li strong:before {content:''; display:block; background:url(../images/content/org_cursor01.png) no-repeat; width:14px; height:9px; position:absolute; left:50%; margin-left:-7px; bottom:-9px;}
.org ol > li.n7 > ul > li:nth-child(2) strong:before {background-image:url(../images/content/org_cursor02.png);}
.org ol > li.n7 > ul > li:nth-child(3) strong:before {background-image:url(../images/content/org_cursor03.png);}
.org ol > li.n7 > ul > li:nth-child(4) strong:before {background-image:url(../images/content/org_cursor04.png);}
.org ol > li.n7 > ul > li strong:after {content:''; display:block; width:1px; height:25px; background:#cdcdcd; position:absolute; left:50%; top:-27px;}
.org ol > li.n7 > ul > li ul {background:#f7f7f7; border:1px solid #d1d1d1; border-top:0; min-height:188px; padding:20px 18px; text-align:left; font-size:14px;}

.org ol > li.n7 > ul > li ul li {text-align:left; padding-left:11px; line-height:1.3; margin-bottom:7px; color:#444;}
.org ol > li.n7 > ul > li ul li:before { content:''; display:block; width:4px; height:4px; background:#6c727a; border-radius:4px; position:absolute; left:0; top:7px;}




.history .his_tab { overflow:hidden; position:relative; margin-bottom:65px;}
.history .his_tab:before {content:''; display:block; width:100%; height:1px; background:#222; position:absolute; left:0; bottom:0; z-index:1;}
.history .his_tab li {float:left; }
.history .his_tab li a {display:block; position:relative; width:240px; height:53px; border:1px solid #cbcbcb; background:#f6f6f6; margin-right:-1px; font-size:17px; color:#555; line-height:51px; text-align:center;}
.history .his_tab li.sel a { z-index:2; border:1px solid #222; background:#fff; border-bottom:1px solid #fff; font-size:20px; font-weight:bold;  color:#222;}

.history .panelWrap {/*background:url(../images/content/his_bg.png) no-repeat right 35px;*/}
.history .panelWrap > ul > li {position:relative;padding:9px 0 40px 144px;}
.history .panelWrap > ul > li:before {content:''; display:block; width:1px; background:#dcdddd; position:absolute; left:108px; top:20px; bottom:-18px;}
.history .panelWrap > ul > li:after {content:''; display:block; width:9px; height:9px; border-radius:30px; background:#00a54f; position:absolute; left:104px; top:17px;}
.history .panelWrap > ul > li:last-child:before { bottom:50px;}
.history .panelWrap > ul > li > strong { font-size:28px; color:#00a54f; position:absolute; left:20px; top:0;}
.history .panelWrap > ul > li li {font-size:15px; margin-bottom:6px; position:relative; padding-left:40px;}
.history .panelWrap > ul > li li span {font-weight:bold; position:absolute; left:0; top:0;}


.bus_top { padding:46px 50px 46px 215px; margin-bottom:40px; position:relative; background:#fff5e3; letter-spacing: -0.07em;}
.bus_top:before {content:''; display:block; width:128px; height:128px; background:url(../images/content/bus_icon01.png) no-repeat; position:absolute; left:40px; top:28px;}
.bus_top.type2:before {background-image:url(../images/content/bus_icon02.png);}
.bus_top.type3:before {background-image:url(../images/content/bus_icon03.png);}
.bus_top.type4:before {background-image:url(../images/content/bus_icon04.png);}
.bus_top p {margin:0 !important; font-size:16px;}
.bus_top strong {display:block; font-size:22px; color:#005c87; padding-bottom:7px;}
.bus_con ul {overflow:hidden; margin:35px -10px 0;}
.bus_con li {float:left; width:calc(50% - 20px); margin:0 10px 20px; border:1px solid #d6d6d6; border-radius:7px; padding:20px 20px 25px;}
.bus_con.type2 li:nth-child(3) , .bus_con.type2 li:nth-child(4) {min-height:468px;}
.bus_con.type3 li:nth-child(1) , .bus_con.type3 li:nth-child(2) {min-height:404px;}
.bus_con.type3 li:nth-child(4) { min-height:375px;}
.bus_con.type4 li:nth-child(1) , .bus_con.type4 li:nth-child(2) {min-height:436px;}
.bus_con.type4 li:nth-child(3) , .bus_con.type4 li:nth-child(4) {min-height:482px;}
.bus_con li > strong { height:54px; line-height:54px; color:#fff; text-align:center; display:block; border-radius:7px; background:#20b186; font-size:20px; }
.bus_con li em { display:block; text-align:center; font-size:16px; color:#10057a; font-weight:bold; margin:23px 20px 0px;}
.bus_con li.n2 > strong { background:#45aabc;} 
.bus_con li.n3 > strong { background:#ffd266; color:#222;}
.bus_con li.n4 > strong { background:#ea8b8e;}
.bus_con li img {margin:0 auto 15px; display:block;}
.bus_con li span.txt {padding-left:11px; display:block; position:relative;  margin:5px 0 5px 10px;}
.bus_con li span.txt:after { background:url(../images/content/bus_bullet.png) no-repeat; width:5px; height:8px; display:block; content:''; position:absolute; left:0; top:7px;}

.info {letter-spacing: -0.08em;}
.info_top { background:#e9f6ff; position:relative; min-height:280px; padding:60px 30px 55px 287px; letter-spacing: -0.07em; margin-bottom:34px;}
.info_top:before {content:''; width:205px; height:205px; background:url(../images/content/infotop1.png) no-repeat; position:absolute; left:40px; top:40px; }
.info_top.type2 {background:#f1eefc;}
.info_top.type2:before {background-image:url(../images/content/infotop2.png);}
.info_top.type3 {background:#fff5e3;}
.info_top.type3:before {background-image:url(../images/content/infotop3.png);}
.info_top.type4 {background:#e3fef7;}
.info_top.type4:before {background-image:url(../images/content/infotop4.png);}
.info_top.type5 {background:#fff1f1;}
.info_top.type5:before {background-image:url(../images/content/infotop5.png);}
.info_top.type6 {background:#e9f6ff;}
.info_top.type6:before {background-image:url(../images/content/infotop6.png);}
.info_top strong { font-size:20px; color:#4f267e;}
.info_top strong > span {position:relative; display:inline-block;}
.info_top strong > span:before {content:''; display:block; background:#fff4b8; position:absolute; left:0; right:0; bottom:3px; height:6px;}
.info_top strong > span span {position:relative; z-index:2;}
.info_top p {font-size:16px;}
.info_tab {position:relative; overflow:hidden; padding-right:1px;}
.info_tab li {float:left; width:33.33333%; margin-bottom:34px;}
.info_tab.col4 li {width:25%;}
.info_tab.col2 li {width:50%;}
.info_tab li a { display:block; border:1px solid #cbcbcb; border-bottom:1px solid #222; background:#f6f6f6; height:53px; line-height:51px; font-size:17px; text-align:center; margin-right:-1px; }
.info_tab li a.on {border:1px solid #222; border-bottom:1px solid #fff; background:#fff; position:relative; z-index:2; font-weight:bold; font-size:20px;}
.info h3.tit {font-size:18px; text-align:center; font-weight:normal; padding:0 40px 25px;}
.info h3.tit2 {font-size:20px; line-height:1.4; font-weight:normal; text-align:center; margin:20px 40px 56px;}
.info h3.tit2 strong {display:inline-block; position:relative;}
.info h3.tit2 strong span {position:relative; z-index:2;}
.info h3.tit2 strong:before {content:''; display:block; position:absolute; left:-2px; right:-2px; bottom:3px; height:6px; background:#fff4b8;}
.info h3.tit2 p {font-size:16px; text-align:center; margin-bottom:-20px;}
.info .lst_type1 {overflow:hidden; margin:0 -10px 20px;}
.info .lst_type1 > li {float:left; width:calc(50% - 20px); margin:0 10px 20px; border:1px solid #e1e1e1; border-radius:12px; padding:23px 23px 30px;}
.info .lst_type1 > li h4 {text-align:center; font-size:20px; margin-bottom:20px;}
.info .lst_type1 > li h4:before {content:''; display:block; width:114px; height:114px; margin:0 auto 15px; background:url(../images/content/info1_img1.png) no-repeat center center/cover;}
.info .lst_type1 > li.n2 h4:before { background:url(../images/content/info1_img2.png);}
.info .lst_type1 span.txt {font-size:16px; display:block; padding:0 0 0 10px;}
.info .lst_type1.type1 > li.n2 {min-height:371px;}
.info .lst_type1 > li li {padding:0 0 5px 20px; position:relative; font-size:16px;}
.info .lst_type1 > li li:before {content:''; display:block; width:4px; height:4px; background:#666; border-radius:6px; position:absolute; left:10px; top:11px;}
.info .lst_type1.type2 > li {min-height:308px;}
.info .lst_type1.type2 > li.n1 {min-height:336px;}
.info .lst_type1.type2 > li.n2 h4:before {background:url(../images/content/info2_img2.png);}
.info .lst_type1.type2 > li.n3 h4:before {background:url(../images/content/info2_img3.png);}
.info .lst_type1.type2 > li.n4 h4:before {background:url(../images/content/info2_img4.png);}
.info .lst_type1.type4 > li.n2 h4:before {background:url(../images/content/info2_img2.png);}
.info .lst_type1.type4 > li.n3 h4:before {background:url(../images/content/info4_img1.png);}




.info .lst_type2 > li {border:1px solid #d6d6d6; border-radius:6px; padding:35px 35px 35px 312px; position:relative; overflow:hidden; margin-bottom:16px;}
.info .lst_type2 > li:before { content:''; display:block; width:309px; height:242px; background:url(../images/content/info1_img3.png) no-repeat; position:absolute; left:0; top:0;}
.info .lst_type2 > li.n2:before {background-image:url(../images/content/info1_img4.png);}
.info .lst_type2 > li.n3:before {background-image:url(../images/content/info1_img5.png);}
.info .lst_type2 > li.n3_1:before {background-image:url(../images/content/info1_img5_5.png);}
.info .lst_type2 > li strong {font-size:19px; color:#444; position:relative;}
.info .lst_type2 > li strong span {position:relative; z-index:2;}
.info .lst_type2 > li strong:before {content:''; display:block; position:absolute; left:-2px; right:-2px; bottom:3px; height:6px; background:#fff4b8;}
.info .lst_type2 > li .conLst li:before {width:4px; height:4px; background:#333;}
.info .lst_type2 p {font-size:16px;}
.info .lst_type2.type2 > li {padding-left:342px;}
.info .lst_type2.type2 > li.n4:before { height:276px; background-image:url(../images/content/info3_img2.png);}
.info .lst_type2.type2 > li.n5:before { height:276px; background-image:url(../images/content/info3_img3.png);}
.info .lst_type2.type3 > li {padding-left:342px;}
.info .lst_type2.type3 > li:before { height:226px; background-position:center center; background-size:auto 226px; top:50%; transform: translateY(-50%);}
.info .lst_type2.type3 > li.n1:before {  background-image:url(../images/content/info5_img1.png);  }
.info .lst_type2.type3 > li.n2:before {  background-image:url(../images/content/info5_img2.png);  }
.info .lst_type2.type3 > li.n3:before {  background-image:url(../images/content/info5_img3.png);  }
.info .lst_type2.type3 > li.n4:before {  background-image:url(../images/content/info5_img4.png);  }
.info .lst_type2.type3 > li.n2 , .info .lst_type2.type3 > li.n3 , .info .lst_type2.type3 > li.n4 { padding:55px 35px 55px 342px;}
.info .lst_type2.type6 > li.n1:before {  background-image:url(../images/content/info6_img1.png);  }
.info .lst_type2.type6 > li.n2:before {  background-image:url(../images/content/info6_img2.png);  }
.info .lst_type2.type6 > li.n3:before {  background-image:url(../images/content/info6_img3.png);  }
.info .lst_type2.type6 > li.n4:before {  background-image:url(../images/content/info6_img4.png);  }
.info .lst_type2.type6 > li.n5:before {  background-image:url(../images/content/info6_img5.png);  }

.info .line_box {border-radius:6px; padding:20px; }
.info .lst_type3 {overflow:hidden; margin:0 -10px;}
.info .lst_type3 > li {float:left; width:calc(50% - 20px); margin:0 10px 20px; border:1px solid #d6d6d6; border-radius:10px; padding:23px 40px 35px;} 
.info .lst_type3 > li h4 {text-align:center; font-size:20px; margin-bottom:8px;}
.info .lst_type3 > li h4:before {content:''; display:block; width:114px; height:114px; background:url(../images/content/info1_img6.png) no-repeat center center/cover; margin:0 auto 16px;}
.info .lst_type3 > li.n2 h4:before {background-image:url(../images/content/info1_img7.png);}
.info .lst_type3 > li.n3 h4:before {background-image:url(../images/content/info1_img8.png);}
.info .lst_type3 > li.n4 h4:before {background-image:url(../images/content/info1_img9.png);}
.info .lst_type3 > li p { font-size:16px; letter-spacing:-0.04em; margin:0 !important;}
.info .lst_type3 > li.n1 {min-height:405px;}
.info .lst_type3 > li.n3 {min-height:355px;}
.info .lst_type3.type2 > li.n1 h4:before {background-image:url(../images/content/info2_img6.png);}
.info .lst_type3.type2 > li.n2 h4:before {background-image:url(../images/content/info2_img7.png);}
.info .lst_type3.type2 .conLst {padding-top:20px; margin-top:20px; border-top:2px dotted #e2e2e2; margin-bottom:0;}
.info .lst_type3.type2 .conLst li:before { width:4px; height:4px; background:#333;}
.info .lst_type3.type2 > li.n2 {min-height:462px;}
.info .lst_type3.type3 > li.n1 h4:before {background-image:url(../images/content/info3_img4.png);}
.info .lst_type3.type3 > li.n2 h4:before {background-image:url(../images/content/info3_img5.png);}
.info .lst_type3.type4 > li.n1 { min-height:430px;}
.info .lst_type3.type4 > li.n3 { min-height:355px;}
.info .lst_type3.type4 > li.n6 {}
.info .lst_type3.type4 > li.n1 h4:before {background-image:url(../images/content/info3_img4.png);}
.info .lst_type3.type4 > li.n2 h4:before {background-image:url(../images/content/info4_img9.png);}
.info .lst_type3.type4 > li.n3 h4:before {background-image:url(../images/content/info4_img10.png);}
.info .lst_type3.type4 > li.n4 h4:before {background-image:url(../images/content/info4_img11.png);}
.info .lst_type3.type4 > li.n5 h4:before {background-image:url(../images/content/info4_img12.png);}
.info .lst_type3.type4 > li.n6 h4:before {background-image:url(../images/content/info4_img13.png);}
.info .lst_type3.type5 > li {min-height:356px;}
.info .lst_type3.type5 > li.n1 h4:before {background-image:url(../images/content/info3_img4.png);}
.info .lst_type3.type5 > li.n2 h4:before {background-image:url(../images/content/info5_img5.png);}
.info .lst_type3.type5 > li.n3 h4:before {background-image:url(../images/content/info5_img6.png);}

.info .list_type4 {border:1px solid #d6d6d6; padding:30px 30px 40px; text-align:center; border-radius:10px;}
.info .list_type4 img {display:block; margin:0 auto 30px;}
.info .list_type4 p {font-size:16px; max-width:720px; margin:0 auto; }

.info .lst_type5 {overflow:hidden; margin:0 -10px;}
.info .lst_type5 > li {border:1px solid #d6d6d6; position:relative; float:left; width:calc(50% - 20px); min-height:377px; border-radius:6px; padding:0 30px 10px; position:relative; overflow:hidden; margin:0 10px 20px;}
.info .lst_type5 > li:before { content:''; display:block; height:220px; background:url(../images/content/info4_img2.png) no-repeat center top; margin-bottom:10px; }
.info .lst_type5 > li.n2:before {background-image:url(../images/content/info4_img3.png);}
.info .lst_type5 > li.n3:before {background-image:url(../images/content/info4_img4.png);}
.info .lst_type5 > li.n4:before {background-image:url(../images/content/info4_img5.png);}
.info .lst_type5 > li.n5:before {background-image:url(../images/content/info4_img6.png);}
.info .lst_type5 > li.n6:before {background-image:url(../images/content/info4_img7.png);}
.info .lst_type5 > li.n7:before {background-image:url(../images/content/info4_img8.png); width:300px; height:220px; background-size:auto 70%; position:absolute; left:0; top:40px;}
.info .lst_type5 > li.n7 { padding:40px 30px 25px 300px; float:none; clear:both; width:auto; min-height:inherit;}

.info .lst_type5 > li strong {font-size:19px; color:#444; position:relative;}
.info .lst_type5 > li strong span {position:relative; z-index:2;}
.info .lst_type5 > li strong:before {content:''; display:block; position:absolute; left:-2px; right:-2px; bottom:3px; height:6px; background:#fff4b8;}
.info .lst_type5 > li .conLst li:before {width:4px; height:4px; background:#333;}
.info .lst_type5 p {font-size:16px;}
.info .lst_type5.type2 li:before {height:200px;}
.info .lst_type5.type2 > li.n1:before {background-image:url(../images/content/info4_img14.png);}
.info .lst_type5.type2 > li.n2:before {background-image:url(../images/content/info4_img15.png);}
.info .lst_type5.type2 > li.n3:before {background-image:url(../images/content/info4_img16.png);}
.info .lst_type5.type2 > li.n4:before {background-image:url(../images/content/info4_img17.png);}


.root_daum_roughmap .wrap_map {margin:-1px;}
.root_daum_roughmap .wrap_controllers {display:none;}
.root_daum_roughmap {width:100% !important;}
.line_box {border:1px solid #e1e1e1; padding:30px;}
.loc_top {border:1px solid #e1e1e1;}
.loc_top ul {padding:30px; overflow:hidden; margin-bottom:-10px;}
.loc_top ul li {float:left; padding:7px 0 0 55px; margin-bottom:10px; position:relative; min-height:42px; font-size:16px; width:40%;}
.loc_top ul li:nth-child(1) , .loc_top ul li:nth-child(3) {width:60%;}
.loc_top ul li:nth-child(3) {clear:left;}
.loc_top ul li:before {content:''; display:inline-block; width:42px; height:42px; background:url(../images/content/loc_img01.png) no-repeat; position:absolute; left:0; top:0;}
.loc_top ul li:nth-child(2):before {background-image:url(../images/content/loc_img02.png);}
.loc_top ul li:nth-child(3):before {background-image:url(../images/content/loc_img03.png);}
.loc_top ul li:nth-child(4):before {background-image:url(../images/content/loc_img04.png);}
.loc_top ul li span { font-weight:bold; position:relative; padding-right:21px;}
.loc_top ul li span:before {content:''; display:block; width:1px; height:14px; background:#aaa; position:absolute; right:10px; top:4px;}
.busLst {overflow:hidden;}
.busLst > li {float:left; width:50%; min-height:100px; padding:8px 0 0 120px; position:relative;}
.busLst > li:before {content:''; display:block; width:100px; height:100px; background:url(../images/content/loc_img05.png) no-repeat; position:absolute; left:0; top:0;}
.busLst > li:nth-child(2):before { background:url(../images/content/loc_img06.png);}
.busLst > li > strong {display:block; padding-bottom:4px; font-size:18px; color:#fe716a;}
.busLst > li:nth-child(2) > strong {color:#3fbb7c;}
.busLst > li li {padding:0 0 3px 10px; position:relative;}
.busLst > li li:before {content:''; display:block; width:4px; height:4px; background:#666; border-radius:6px; position:absolute; left:0; top:10px;}

.queetion_go {margin:0 -1%;}
.queetion_go:after { content:''; display:block; width:100%; height:1px; clear:both; }
.queetion_go li {float:left; width:31.3333%; margin:0 1%;}
.queetion_go li a {display:block; height:294px; border:1px solid #01c391; padding:40px 30px; border-radius:10px; background:url(../images/content/que_bg01.png) no-repeat center center/cover; position:relative; transition: 0.3s; overflow:hidden;}
.queetion_go li.n2 a {background-image:url(../images/content/que_bg02.png);}
.queetion_go li.n3 a {background-image:url(../images/content/que_bg03.png);}
.queetion_go li a strong {display:block; font-size:23px; padding-bottom:10px; letter-spacing:-0.08em;}
.queetion_go li a span {color:#01c391; font-size:14px; font-weight:bold; transition: 0.3s;}
.queetion_go li a span:after {content:''; display:inline-block; width:19px; height:6px; background:url(../images/content/que_cursor.png) no-repeat; position:relative; top:-4px; margin-left:6px;}
.queetion_go li a img {position:absolute; right:15px; bottom:0; transition: 0.3s;}
.queetion_go li.n2 a { border:1px solid #f9a51b;}
.queetion_go li.n2 a span{ color:#ed6a00;}
.queetion_go li.n2 a span:after { background-position:left -6px;}
.queetion_go li.n3 a { border:1px solid #0195ff;}
.queetion_go li.n3 a span{ color:#0195ff;}
.queetion_go li.n3 a span:after { background-position:left -12px;}
.queetion_go li a:hover {box-shadow: 3px 3px 9px rgba(0,0,0,0.1);}
.queetion_go li a:hover img { right:25px;}
.queetion_go li a:hover span {margin-left:10px;}

.question_top { padding:58px 10px 58px 209px; margin-bottom:35px; font-size:20px; color:#612020; letter-spacing:-0.08em; background:#e9f6ff url(../images/content/question_top1_1.png) no-repeat left bottom;}
.question_top.type2 {background:#e3fef7 url(../images/content/question_top1_2.png) no-repeat left bottom;}
.question_top.type3 {background:#fff5e3 url(../images/content/question_top1_3.png) no-repeat left bottom;}
.question_top.type4 {background:#f1eefc url(../images/content/question_top2.png) no-repeat left bottom;}
.question_top.type5 {background:#fff2f7 url(../images/content/question_top3.png) no-repeat left bottom;}
.question_top.type6 {background:#f0fdd7 url(../images/content/question_top4.png) no-repeat left bottom;}
.ex_txt {font-size:18px; font-weight:bold; letter-spacing: -0.07em;}
.ex_txt2 {font-size:14px; color:#; margin-top:20px !important; color:#666;}
.tbl01.question th, .tbl01.question td {border-left:0 !important; border-right:0 !important; letter-spacing:-0.08em;}
.tbl01.question th span {font-weight:normal; display:inline-block; position:relative; top:-2px;}
.tbl01.question td { padding:24px 10px; font-size:16px;}
.tbl01.question input[type=radio] {width:16px; height:16px;}
.td_div {margin-bottom:5px;}
.td_div:last-child {margin-bottom:0;}
.td_inline {display:inline-block; position:relative; padding-left:22px;line-height:1.3;}
.td_inline input {position:absolute; left:0; top:1px;}
.td_inline label {display:inline; }
.r_num {display:block; width:27px; height:27px; padding-right:3px; border-radius:27px; margin:0 auto; color:#fff; background:#737373; font-weight:bold;}


.que_finish .q_top { overflow:hidden; position:relative; min-height:171px;   }
.que_finish .q_top:before {content:''; display:inline-block; width:192px; height:171px; background:url(../images/content/question_finish_img01.png) no-repeat; vertical-align: middle; position:absolute; left:11%; bottom:0;}
.que_finish .q_top span { position:absolute; left:calc(11% + 192px); top:50%; transform: translateY(-50%); font-size:20px;}
.que_finish .q_box {background:url(../images/content/question_bg.png) no-repeat center top/cover; padding:40px 40px 50px;}
.que_finish .q_box .q_score {text-align:center; line-height:46px; font-size:20px; color:#612020;}
.que_finish .q_box .q_score span {color:#f35600;}
.que_finish .q_box .q_score span strong.t1 {font-size:38px;}
.que_finish .q_box .q_score span strong.t2 {font-size:25px; display:inline-block; height:46px; line-height:42px; border:2px solid #f35600; border-radius:8px; padding:0 8px; font-weight:600; position:relative; top:-3px;}
.que_finish .q_box .t_txt {background:#fff; text-align:center; border-radius:12px; padding:40px 30px; font-size:18px;  margin-top:20px; letter-spacing:-0.08em; line-height:1.45;}
.que_finish .q_box .t_txt h3 {font-size:27px; padding-bottom:12px;}
.que_finish ul {overflow:hidden; margin:37px -1% ;}
.que_finish ul li {float:left; width:48%; margin:0 1%; border:1px solid #d5d5d5; border-radius:6px; text-align:center; padding:16px 10px 15px; font-size:16px; font-weight:bold;}
.que_finish ul li:before {content:''; display:inline-block; width:33px; height:34px; background:url(../images/content/question_finish_img02.png) no-repeat left top; vertical-align:middle; margin-right:7px;}
.que_finish ul li strong {color:#f4373d;}
.que_finish ul li.n2:before {background-image:url(../images/content/question_finish_img03.png);}
.que_finish ul li.n2 strong {color:#008aca;}
.que_finish .txt {text-align:center; font-size:16px;}


.use_box1 {margin:0 -8px; overflow:hidden;}
.use_box1 > li {float:left; width:calc(33.3333% - 16px); margin:0 8px; text-align:center; border:1px solid #d5d5d5; min-height:400px; padding:30px 20px 20px;}
.use_box1 > li h3 {font-size:20px;}
.use_box1 > li h3:after {content:''; display:block; width:89px; height:82px; background:url(../images/content/use_img01.png) no-repeat; margin:12px auto 24px;}
.use_box1 > li:nth-child(2) h3:after {background-image:url(../images/content/use_img02.png);}
.use_box1 > li:nth-child(3) h3:after {background-image:url(../images/content/use_img03.png);}
.use_box1 > li li {padding:0 5px 10px 23px; font-size:16px; line-height:1.5; word-break: keep-all; position:relative; text-align:left;}
.use_box1 > li li:before {content:'-'; display:block; position:absolute; left:10px; top:-1px;}
.use_box1 > li li .ico_s {display:inline-block; margin-top:5px; font-size:17px;}
.use_box1 > li li .ico_s:before {content:''; display:inline-block; width:27px; height:26px; background:url(../images/content/use_img04.png) no-repeat; vertical-align:middle; margin-right:5px;}
.use_box1 > li li .ico_s span {color:#ee1c23;}
.use_box1 > li:nth-child(3) li:first-child {margin-right:-15px;}
.use_box1 > li:nth-child(3) li:first-child strong {padding-left:25px; background:url(../images/content/ico01.png) no-repeat left 1px; line-height:21px; display:inline-block; padding-bottom:5px;}
.use_box1 > li:nth-child(3) li:first-child strong.s2 {background-image:url(../images/content/ico02.png);}
.use_box1 > li:nth-child(3) li:first-child strong.s3 {background-image:url(../images/content/ico03.png);}

.use_order {border:1px solid #d5d5d5; padding:30px 10px;}
.use_order ul { overflow:hidden; position:relative; padding-bottom:85px;}
.use_order ul li {float:left; width:20%; text-align:center;}
.use_order ul li:before {content:''; display:block; width:120px; height:120px; background:url(../images/content/use_ico01.png) no-repeat; margin:0 auto 18px;}
.use_order ul li.n2:before {background-image:url(../images/content/use_ico02.png);}
.use_order ul li.n3:before {background-image:url(../images/content/use_ico03.png);}
.use_order ul li.n4:before {background-image:url(../images/content/use_ico04.png);}
.use_order ul li.n5:before {background-image:url(../images/content/use_ico05.png);}
.use_order ul li strong {display:block; text-align:center; position:relative; max-width:130px; margin:0 auto 14px; background:#ececec; border-radius:6px; font-size:17px; line-height:32px;}
.use_order ul li span {position:relative; display:block; word-break: keep-all;  margin:0 auto; font-size:17px; font-weight:bold; line-height:1.4;}
.use_order ul li span:before {content:''; display:block; position:absolute; right:-15px; top:-129px; width:26px; height:8px; background:url(../images/content/use_cursor.png) no-repeat; }
.use_order ul li:last-child span:before {display:none;}
.use_order ul li div { position:absolute; width:40%; left:0; bottom:0px;}
.use_order ul li div:before {content:''; display:block; width:74px; height:65px; background:url(../images/content/use_dot.png) no-repeat left bottom; position:absolute; left:50%; margin-left:-100px; bottom:31px;}
.use_order ul li div:after {content:''; display:block; width:74px; height:37px; background:url(../images/content/use_dot.png) no-repeat right bottom; position:absolute; right:50%; margin-right:-100px; bottom:31px;}
.use_order ul li div em {display:block; background:#fff; position:relative; z-index:2; width:40%; margin:0 auto; border:1px solid #333; padding:10px 0; text-align:center; font-size:15px; line-height:1.35; border-radius:50px;}


/*자가진단*/
.jaga_top {border:1px solid #858585; border-raidus:5px; padding:50px 15px; text-align:center; margin-bottom:38px;}
.jaga_top > span {font-size:16px;}
.jaga_top > strong { font-size:20px; font-weight:normal;  display:inline-block; position:relative; margin:4px 0 12px; }
.jaga_top > strong:before {content:''; display:block; position:absolute; left:0; right:0; bottom:5px; height:1px; background:#333;}
.jaga_top p { margin:20px 0 0 !important;}
.jaga_top p span {font-size:16px; font-weight:bold; margin-right:12px;}
.jaga_top p span:before { content:''; display:inline-block; width:23px; height:26px; margin-right:6px; vertical-align: middle; background:url(../images/content/jaga_icon.png) no-repeat; position:relative; top:-3px;}
.jaga_top p strong { font-size:28px; color:#20b186; position:relative; top:-4px;  vertical-align: middle;}

.jaga_list { margin:0 -13px;}
.jaga_list:after {content:''; display:block; width:100%; clear:both;}
.jaga_list li {float:left; width:calc(33.3333% - 26px); margin:0 13px 26px;}
.jaga_list li a {display:block; text-align:center; height:295px; border-radius:10px; padding-top:42px; border:1px solid #dedede; overflow:hidden; background:#fbfbfb url(../images/content/jaga_bg01.png) no-repeat center bottom/cover; transition: 0.3s;}
.jaga_list li.n2 a {background-image:url(../images/content/jaga_bg02.png);}
.jaga_list li.n3 a {background-image:url(../images/content/jaga_bg03.png);}
.jaga_list li.n4 a {background-image:url(../images/content/jaga_bg04.png);}
.jaga_list li.n5 a {background-image:url(../images/content/jaga_bg05.png);}
.jaga_list li.n6 a {background-image:url(../images/content/jaga_bg06.png);}
.jaga_list li a:hover {border:1px solid #5d5d5d; box-shadow:0 0 25px rgba(0,0,0,0.1);}



.board_nodata {text-align:center; color:#888;  border:1px solid #e3e3e3; padding:50px 10px;}


/*이벤트*/
.event_list li { padding:30px 0; border-bottom:1px solid #dbdbdb;}
.event_list li a {display:block; position:relative; padding:30px 140px 0 334px; min-height:172px;}
.event_list li .img {position:absolute; left:0; top:0; border:1px solid #e6e6e6;}
.event_list li .img img {width:304px; height:170px;}
.event_list li .type { display:inline-block; font-size:14px; color:#fff; padding:1px 8px; border-radius:4px; background:#666; }
.event_list li .type.on {background:#fd4a50;}
.event_list li strong {display:block; font-size:21px; margin:10px 0 13px;  line-height:1.3;}
.event_list li .date {color:#666;}
.event_list li .date em { padding-right:21px; position:relative; color:#111;}
.event_list li .date em:before {content:''; display:block; width:1px; height:14px; background:#aaa; position:absolute; right:10px; top:3px;}
.event_list li .btn {position:absolute; right:0; top:50%; margin-top:-30px; display:block; width:137px; height:59px; line-height:59px; text-align:center; color:#fff; background:#069e98; font-size:16px; border-radius:8px; font-weight:bold;}


.event_top2 { border:5px solid #efefef; padding:20px; margin-bottom:50px;}
.event_top2 .type {display:inline-block; font-size:14px; color:#fff; padding:1px 8px; border-radius:4px; background:#666; }
.event_top2 .type.on {background:#fd4a50;}
.event_top2 strong {font-size:22px;}
.event_top2 ul {padding-top:20px; margin-top:20px; border-top:1px dashed #e2e2e2; overflow:hidden;}
.event_top2 ul li {float:left; margin-right:50px; position:relative; padding-left:10px;}
.event_top2 ul li:last-child {margin-right:0;}
.event_top2 ul li:before { content:''; display:block; width:3px; height:3px; border-radius:3px; background:#333; position:absolute; left:0; top:10px;}

.event_tab {position:relative; overflow:hidden; padding-right:1px;}
.event_tab:before {content:''; display:block; height:1px; background:#222; position:absolute; left:0; right:0; bottom:34px;}
.event_tab li {float:left; width:25%; margin-bottom:34px;}
.event_tab li a { display:block; border:1px solid #cbcbcb; border-bottom:1px solid #222; background:#f6f6f6; height:53px; line-height:51px; font-size:17px; text-align:center; margin-right:-1px; }
.event_tab li a.on {border:1px solid #222; border-bottom:1px solid #fff; background:#fff; position:relative; z-index:2; font-weight:bold; font-size:20px;}
.event_box {padding:50px; border:1px solid #cbcbcb; text-align:center; font-size:16px; margin-bottom:40px;}
.event_box img {display:block; margin:0 auto 40px; height: auto !important;}
.event_ex {background:url(../images/content/event_ex_bg.png) no-repeat center center/cover; padding:40px;}
.event_ex div {background:#fff; border:1px solid #ccebfd; border-radius:4px; padding:28px 50px;}
.event_ex div h3 {font-size:22px; padding-bottom:8px;}
.event_ex div li {position:relative; padding:0 0 5px 16px;}
.event_ex div li:before {content:''; display:block; width:4px; height:4px; border-radius:4px; background:#597cd9; position:absolute; left:0; top:10px;}

.event_box2 {background:url(../images/content/event_ex_bg2.png) no-repeat center center/cover; padding:40px;}
.event_box2 h3 {font-size:28px; padding:10px 0 30px; text-align:center;}
.event_box2 div {background:#fff; border:1px solid #ccebfd; border-radius:4px; padding:40px; text-align:center; font-size:19px;}
.event_box2 div p { padding:25px 10px; background:#f6f6f6; margin:0 !important;}
.event_box2 div p span {display:inline-block; margin-bottom:10px;}
.event_box2 div strong.red {color:#f4373d;}
.event_box2 div strong.blue {color:#2e53b0;}
.event_box2 div .txt { display:block; margin-top:26px; font-size:16px;}
.event_box2 div .txt .red { color:#f4373d;}

.event_box3 {border:1px solid #cdcdcd; padding:30px;}

.event_box4 {background:url(../images/content/event_ex_bg2.png) no-repeat center center/cover; padding:40px;}
.event_box4 > div {background:#fff; border:1px solid #ccebfd; border-radius:4px; padding:40px; text-align:center; }
.event_box4 p {border-bottom:1px dashed #d2d2d2; margin:0 !important; padding-bottom:28px; font-size:19px;}
.event_box4 p .blue {color:#2e53b0;}
.event_box4 .mem_box {padding-top:30px;}
.event_box4 .mem_box div { max-width:402px; margin:0 auto 13px; position:relative; padding-left:80px; text-align:left;}
.event_box4 .mem_box div strong {position:absolute; left:0; top:0; line-height:40px; text-align:left;}
.event_box4 .mem_box div input[type='text']  {max-width:100%; width:100%;}
.event_box4 .mem_box div:nth-child(3) {margin-bottom:8px;}

.event_wrap {padding:30px; line-height:1.45;}
.event_wrap .txt {margin-bottom:20px;}
.event_wrap .login_process2 {overflow:hidden; position:relative;}
.event_wrap .login_process2:before {content:''; display:block; width:1px; position:absolute; left:50%; top:0; bottom:0; background:#e2e2e2;}
.event_wrap .login_process2 .box {float:left; width:47.5%;}
.event_wrap .login_process2 .box.n2 {float:right;}
.event_wrap .login_process2 .box a { display:block ;border-radius:12px; background:#01c391; color:#fff; font-size:20px; font-weight:bold; padding:30px 10px; text-align:center; margin-bottom:17px;}
.event_wrap .login_process2 .box a:before {content:''; display:block; width:114px; height:114px; background:url(../images/content/event_ico01.png) no-repeat center center/cover; margin:0 auto 16px;}
.event_wrap .login_process2 .box.n2 a {background:#45aabc;}
.event_wrap .login_process2 .box.n2 a:before {background-image:url(../images/content/event_ico02.png);}
.event_wrap .login_process2 .box p {margin-bottom:30px;}
.event_wrap .login_process2 .box p strong.red {color:#f4373d;}
.event_wrap .login_process2 .box .line_box {border:1px solid #e0e0e0; border-radius:8px; padding:15px;}
.event_wrap .login_process2 .box .line_box li {padding:0 0 5px 22px; background:url(../images/content/event_bullet.png) no-repeat left 3px;}


/*사이트맵*/
.cont_sitemap { overflow:hidden; margin:0 -1.2%;}
.cont_sitemap > li {float:left; width:30.9%; margin:0 1.2%; background:#eff3f8; padding:20px 20px 15px 20px; margin-bottom:26px;}
.cont_sitemap > li:nth-child(3n + 1) {clear:left;}
.cont_sitemap > li > a {display:block; height:54px; line-height:54px; color:#fff; background:#3270cf url(../images/content/sitemap_bg.png) no-repeat center center/cover; text-align:center; font-size:19px; font-weight:bold; margin:-20px -20px 10px -20px;}
.cont_sitemap > li:nth-child(2) > a , .cont_sitemap > li:nth-child(6) > a , .cont_sitemap > li:nth-child(10) > a {background-color:#3695db;}
.cont_sitemap > li:nth-child(3) > a , .cont_sitemap > li:nth-child(7) > a , .cont_sitemap > li:nth-child(11) > a {background-color:#6160b3;}
.cont_sitemap > li:nth-child(4) > a , .cont_sitemap > li:nth-child(8) > a , .cont_sitemap > li:nth-child(12) > a {background-color:#17b0a2;}
.cont_sitemap > li .area_head {display:none;}
.cont_sitemap > li ul li a {display:block; padding:7px 0 7px 13px; position:relative; border-bottom:1px dashed #d1d4dd; position:relative; color:#222; font-size:16px;}
.cont_sitemap > li ul li:last-child a {border-bottom:none;}
.cont_sitemap > li ul li a:before {content:''; display:block; width:4px; height:4px; background:#61646c; border-radius:4px; position:absolute; left:0; top:18px;}
.cont_sitemap > li ul li ul { background:#fff; padding:15px 15px 12px 15px; border:1px solid #dee6f0; position:relative; margin-top:-2px; margin-bottom:10px;}
.cont_sitemap > li ul li ul li a {border:0; padding:0 0 3px 10px; font-size:15px; color:#666;}
.cont_sitemap > li ul li ul li a:before {content:'-'; width:auto; height:auto; background:none; border-radius:0; top:-1px;  }





/*마음처방전*/
.mind.step01 {padding-bottom:20px;}
.mind.step01 h3 {font-size:42px; padding:35px 0 45px; position:relative; text-align:center;}
.mind.step01 h3:before {content:''; display:block; width:48px; height:8px; background:url(../images/content/mind01_img02.png) no-repeat; position:absolute; left:calc(50% - 24px); bottom:20px;}
.mind.step01 p {margin:0; font-size:18px; text-align:center;}
.mind.step01 .txt1 span { display:block; margin-top:12px;}
.mind.step01 .txt2 {font-size:28px; margin:40px 0; line-height:1.35;}
.mind.step01 .txt3 { padding:10px; background:url(../images/content/mind01_bg.png); margin-bottom:50px;}
.mind.step01 .txt3 span {display:block; background:#fff; padding:30px;}
.mind.step01 .step_box {border-radius:12px; background:#fafafa; padding:40px 20px; margin-bottom:36px;}
.mind.step01 .step_box h4 {text-align:center; font-size:32px; margin-bottom:20px;}
.mind.step01 .step_box ul {overflow:hidden;}
.mind.step01 .step_box ul li {float:left; width:20%; text-align:center; position:relative;po}
.mind.step01 .step_box ul li:before {content:''; display:block; width:14px; height:26px; background:url(../images/content/mind01_img04.png) no-repeat; position:absolute; right:-9px; top:52px;}
.mind.step01 .step_box ul li:last-child:before {display:none;}
.mind.step01 .step_box ul li span {display:block; padding:15px 15px 0; font-size:17px; line-height:1.4;}
.mind.step01 .mind_btn {display:block; width:270px; height:64px; border-radius:64px; line-height:64px; background:#27437e url(../images/content/mind01_img05.png) no-repeat 90% center; color:#fff; font-size:19px; font-weight:bold; text-align:center; margin:0 auto;}


.mind_tit {text-align:center; margin-bottom:30px;}
.mind_bg {border-radius:15px; background:#e4eef5; padding:40px; position:relative;}
.mind_bg.pri h3 {margin-bottom:18px;}
.mind_bg.pri .pri_box2 {border-radius:12px 12px 0 0; background:#fff; height:185px; overflow-y:scroll; padding:25px; font-size:16px;}
.mind_bg.pri .pri_box2 strong {display:block; margin-bottom:10px;}
.mind_bg.pri .pri_bot {border-radius:0 0 12px 12px; border-top:1px solid #e4eef5; background:#fff; padding:14px 25px; text-align:right; margin-bottom:40px;}
.mind_bg.pri .pri_bot input {width:16px; height:16px; border:1px solid #ccc; margin-right:5px; }
.mind_bg.pri ul {overflow:hidden; margin:0 -10px;}
.mind_bg.pri ul li {float:left;  width:calc(33% - 20px); margin:0 10px 20px; text-align:center; border-radius:7px; background:#fff; padding:20px 8px; min-height:201px;}
.mind_bg.pri ul li img {margin:20px 0 40px;}
.mind_bg.pri ul li div { position:relative; padding-top:24px; font-size:16px;}
.mind_bg.pri ul li div span {display:inline-block; margin:5px 12px 0; }
.mind_bg.pri ul li div:before{ content:''; display:block; position:absolute; left:0; top:0; right:0; height:4px; background:url(../images/content/mind01_bg2.png);}
.mind_bg.pri ul li div input[type=text] {border:0; border-radius:4px; background:#f7f7f7; text-align:center;}
.mind_bg.pri ul li div input[type=radio] {width:16px; height:16px;}


.mind_bg.step03:before {content:''; display:block; width:142px; height:165px; background:url(../images/content/mind03_img01.png) no-repeat; position:absolute; left:70px; top:30px;}
.mind_bg.step03 .type03_top {padding:40px 0 25px 26%;}
.mind_bg.step03 .type03_top span {display:inline-block; font-size:16px; margin-right:12px; }
.mind_bg.step03 .type03_top span strong {display:inline-block; width:32px; height:32px; background:#f1434b; border-radius:32px; color:#fff; line-height:32px; text-align:center; margin-right:5px; }
.mind_bg.step03 ul {position:relative; z-index:2; overflow:hidden; margin:0 -10px;}
.mind_bg.step03 ul li {float:left; width:calc(25% - 20px); margin:10px;}
.mind_bg.step03 ul li a {display:block; border-radius:10px; background:#fff; height:150px; position:relative; transition: 0.2s;}
.mind_bg.step03 ul li a > span {display:block; text-align:center; position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); font-size:15px; line-height:1.4;}
.mind_bg.step03 ul li a > span strong {display:block; font-size:19px; margin-bottom:10px;}
.mind_bg.step03 ul li a:hover {background:#2d58ad; color:#fff; box-shadow:0px 5px 12px rgba(0,0,0,0.2)}
.button.lg.next { padding:0 50px; background-image:url(../images/content/mind01_img05.png); background-repeat: no-repeat; background-position:87% center;}

.mind_card {max-width:554px; background:#fff; border-radius:15px; margin:10px auto; padding:40px 50px 0; text-align:center;}
.mind_card h3 {font-size:30px; color:#018b86;}
.mind_card .card_box {margin:16px 0 30px; padding:10px; background:url(../images/content/mind01_bg.png);}
.mind_card .card_box > div {background:#fff; position:relative; padding:20px;}
.mind_card .card_box > div .box { margin-top:15px; font-size:16px;}
.mind_card .card_box > div .box strong {font-size:21px;}
.mind_card .card_box > div .box span {margin:0 10px;}
.mind_card .card_box > div .box span:first-child {margin-left:16px;}
.mind_card p {font-size:19px; margin:0 0 50px;}
.mind_card p strong {font-size:24px; color:#ff480b;}
.mind_card .mind_tel {margin:40px -50px 0; padding:15px 20px; font-size:17px; font-weight:bold; text-align:center; border-top:1px solid #ddd;}

.mind_bg.step05 {padding:50px;}
.mind_bg.step05 h3 {text-align:center; font-size:32px; margin-bottom:20px;}
.mind_bg.step05 .box_top {border-radius:15px; min-height:286px; position:relative; background:#2fa284; margin-bottom:30px; overflow:hidden;}
.mind_bg.step05 .box_top:before {content:''; display:block; width:330px; height:286px; background:url(../images/content/mind05_top01.png) no-repeat center bottom;}
.mind_bg.step05 .box_top.type2 {background:#b58b52;}
.mind_bg.step05 .box_top.type2:before {background:url(../images/content/mind05_top02.png);}
.mind_bg.step05 .box_top.type3 {background:#3f8edb;}
.mind_bg.step05 .box_top.type3:before {background:url(../images/content/mind05_top03.png);}
.mind_bg.step05 .box_top.type4 {background:#31b2e5;}
.mind_bg.step05 .box_top.type4:before {background:url(../images/content/mind05_top04.png);}
.mind_bg.step05 .box_top.type5 {background:#cf5757;}
.mind_bg.step05 .box_top.type5:before {background:url(../images/content/mind05_top05.png);}
.mind_bg.step05 .box_top.type6 {background:#3f8edb;}
.mind_bg.step05 .box_top.type6:before {background:url(../images/content/mind05_top06.png);}
.mind_bg.step05 .box_top.type7 {background:#bf80c2;}
.mind_bg.step05 .box_top.type7:before {background:url(../images/content/mind05_top07.png);}
.mind_bg.step05 .box_top.type8 {background:#5670bc;}
.mind_bg.step05 .box_top.type8:before {background:url(../images/content/mind05_top08.png);}
.mind_bg.step05 .box_top.type9 {background:#289137;}
.mind_bg.step05 .box_top.type9:before {background:url(../images/content/mind05_top09.png);}
.mind_bg.step05 .box_top.type10 {background:#008ea5;}
.mind_bg.step05 .box_top.type10:before {background:url(../images/content/mind05_top10.png);}
.mind_bg.step05 .box_top.type11 {background:#2fa284;}
.mind_bg.step05 .box_top.type11:before {background:url(../images/content/mind05_top11.png);}
.mind_bg.step05 .box_top.type12 {background:#5360a1;}
.mind_bg.step05 .box_top.type12:before {background:url(../images/content/mind05_top12.png);}
.mind_bg.step05 .box_top.type13 {background:#bf7e79;}
.mind_bg.step05 .box_top.type13:before {background:url(../images/content/mind05_top13.png);}
.mind_bg.step05 .box_top.type14 {background:#a15550;}
.mind_bg.step05 .box_top.type14:before {background:url(../images/content/mind05_top14.png);}
.mind_bg.step05 .box_top.type15 {background:#756ca4;}
.mind_bg.step05 .box_top.type15:before {background:url(../images/content/mind05_top15.png);}
.mind_bg.step05 .box_top.type16 {background:#4b5bab;}
.mind_bg.step05 .box_top.type16:before {background:url(../images/content/mind05_top16.png);}
.mind_bg.step05 .box_top.type17 {background:#b5714b;}
.mind_bg.step05 .box_top.type17:before {background:url(../images/content/mind05_top17.png);}
.mind_bg.step05 .box_top.type18 {background:#2fa284;}
.mind_bg.step05 .box_top.type18:before {background:url(../images/content/mind05_top18.png);}
.mind_bg.step05 .box_top.type19 {background:#5670bc;}
.mind_bg.step05 .box_top.type19:before {background:url(../images/content/mind05_top19.png);}
.mind_bg.step05 .box_top.type20 {background:#a15550;}
.mind_bg.step05 .box_top.type20:before {background:url(../images/content/mind05_top20.png);}
.mind_bg.step05 .box_top.type21 {background:#008ea5;}
.mind_bg.step05 .box_top.type21:before {background:url(../images/content/mind05_top21.png);}
.mind_bg.step05 .box_top:after {content:''; display:block; width:1px; border-right:1px dotted #fff; opacity:.2;  position:absolute; left:328px; top:30px; bottom:30px;}
.mind_bg.step05 .box_top div {position:absolute; left:0; right:20px; font-size:21px; color:#fff; left:365px; top:50%; transform: translateY(-50%); font-weight:bold; line-height:1.3;}
.mind_bg.step05 .box_top div strong {font-size:29px; color:#fff32c;}
.mind_bg.step05 .box_top div > span { display:inline-block; margin:5px 0;}
.mind_bg.step05 .box_top div > span span {font-size:17px; font-weight:normal; line-height:1.2; display:inline-block; margin-bottom:3px;}
.mind_bg.step05 .box {background:#fff; border-radius:15px; padding:30px 40px; margin-bottom:30px; font-size:17px; position:relative;}
.mind_bg.step05 .box.t1 .line { display:inline-block; margin-top:10px;}
.mind_bg.step05 .box.t2 {font-size:20px; font-weight:bold;}
.mind_bg.step05 h4 {font-size:24px; margin-bottom:16px; padding-left:24px; position:relative; line-height:1.2;}
.mind_bg.step05 h4:before {content:''; border:4px solid #3f8edb;border-radius:3px; width:7px; height:7px; position:absolute; left:0; top:7px; transform:rotate(45deg);}
.mind_bg.step05 .box.t3 li {position:relative; margin:12px 0; padding-left:34px; font-size:17px;}
.mind_bg.step05 .box.t3 li strong {display:block;}
.mind_bg.step05 .box.t3 li span { display:block; width:26px; height:26px; border-radius:26px; background:#ff6528; color:#fff; text-align:center; line-height:26px; position:absolute; left:0; top:0; font-size:14px;}
.mind_bg.step05 .box.t3 li ul {margin:0;}
.mind_bg.step05 .box.t3 li ul li {margin:3px 0; padding:0;}
.mind_bg.step05 .box.t3.blue li span {background:#4076d8;}
.mind_bg.step05 .box.t4 div {position:absolute; left:300px; top:50%; transform: translateY(-50%); font-size:24px;}
.mind_bg.step05 .box.t4 img {width:202px; height:290px; }
.mind_bg.step05 .box.t4 div span {font-size:17px; display:block; color:#777; margin-top:4px; margin-right:20px;}
.mind_bg.step05 .box.t5 ul {overflow:hidden;}
.mind_bg.step05 .box.t5 ul li {float:left; width:16.6666%; text-align:center; }
.mind_bg.step05 .box.t5 ul li:before { content:''; display:block; width:100px; height:100px; background:url(../images/content/mind_img01.png) no-repeat; margin:0 auto 12px;}
.mind_bg.step05 .box.t5 ul li.n2:before { background-image:url(../images/content/mind_img02.png);}
.mind_bg.step05 .box.t5 ul li.n3:before { background-image:url(../images/content/mind_img03.png);}
.mind_bg.step05 .box.t5 ul li.n4:before { background-image:url(../images/content/mind_img04.png);}
.mind_bg.step05 .box.t5 ul li.n5:before { background-image:url(../images/content/mind_img05.png);}
.mind_bg.step05 .box.t5 ul li.n6:before { background-image:url(../images/content/mind_img06.png);}
.mind_bg.step05 .box.t6 {padding:0 40px;}
.mind_bg.step05 .box.t6 li {position:relative; min-height:170px; padding-left:120px;}
.mind_bg.step05 .box.t6 li .img {position:absolute; left:0; top:30px; width:83px; padding-top:90px;  background:url(../images/content/mind_img07.png) no-repeat; text-align:center; font-weight:bold; color:#1387e1; font-size:17px;}
.mind_bg.step05 .box.t6 li.n2 {border-top:1px solid #e2e2e2;}
.mind_bg.step05 .box.t6 li.n2 .img {background-image:url(../images/content/mind_img08.png); color:#935635;} 
.mind_bg.step05 .box.t6 li div { position:absolute; left:130px; top:50%; transform: translateY(-50%);}
.mind_bg.step05 .box.t6 li strong {display:block;}
.mind_bg.step05 .box.t7 { background:#fff url(../images/content/mind_img09.png) no-repeat 93% center;}
.mind_bg.step05 .l_logo {margin:0 auto; display:block;}
.mind_share {overflow:hidden; padding:20px 0; border-bottom:1px solid #d2d2d2;}
.mind_share .left {float:left;}
.mind_share .left a {display:inline-block; line-height:31px; padding-left:37px; background:url(../images/content/mind_facebook.png) no-repeat; margin-right:15px; margin-top:6px; font-weight:bold; color:#4868ac; font-size:16px;}
.mind_share .left a.n2 {background-image:url(../images/content/mind_kakao.png); color:#663b2a;}
.mind_share .right {float:right;}
.mind_share .right a {display:inline-block; width:95px; height:43px; border:1px solid #d2d2d2; border-radius:2px; font-size:17px; font-weight:bold; padding:0 14px; line-height:43px; background:url(../images/content/mind_btn01.png) no-repeat 88% center; margin-left:4px; transition: 0.3s;}
.mind_share .right a:hover {border:1px solid #888; box-shadow: 0 2px 6px rgba(0,0,0,0.1)};
.mind_share .right a.n2 {background-image:url(../images/content/mind_btn02.png);}


.mind_layer {display:none;}
.mind_layer .bg {position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:.3; z-index:1000;}
.mind_layer .con { position:fixed; border:4px solid #00a54f; width:900px; left:50%; margin-left:-450px; top:70px; z-index:99999; background:#fff; text-align:center; font-size:17px;}
.mind_layer .con .pic {padding:35px 0 25px; display:block; margin:0 auto;}
.mind_layer .con .txt1 {font-weight:bold; display:block;}
.mind_layer .con .txt2 {display:block; margin:30px 0; }
.mind_layer .con strong {display:block; font-size:28px; color:#ff6035;}
.mind_layer .con .go_site {display:block; width:280px; height:58px; line-height:58px; background:#f0f0f0; border-radius:58px; font-size:18px; text-align:center; margin:45px auto; transition: 0.3s;}
.mind_layer .con .go_site:hover {background:#00a54f; color:#fff;}
.mind_layer .con .close_btn {position:absolute; right:30px; top:30px; display:block; width:53px; height:52px; background:url(../images/content/mind_close.png) no-repeat; color:transparent;}
.mind_layer .con div {padding:10px 0 18px; border-top:1px solid #eee;}
.mind_layer .con div img {height:40px;}

/*******************************************************
	본인인증
*******************************************************/

.process01 { }
.process_txt2 {margin:-13px 0 15px; font-size:17px; font-weight:bold; color:#b11a14; padding-left:32px; position:relative;}
.process_txt2:before {content:'!'; display:inline-block; width:26px; height:26px; color:#fff; background:#b11a14; border-radius:50px; text-align:center; line-height:26px; font-size:19px; position:absolute; left:0; top:2px;}
.process01 ul {overflow:hidden; border:3px solid #f0f0f0; margin-bottom:30px;}
.process01 ul li {float:left; width:50%; border-right:1px solid #d9d9d9; text-align:center; margin:30px 0 25px;}
.process01.col2 ul li {width:50%;}
.process01 ul li:last-child {border-right:0;}
.process01 ul li strong {font-size:22px; }
.process01 ul li strong:after {content:''; display:block; width:125px; height:125px; background:url(../images/content/process01_icon01.png) no-repeat; margin:15px auto 20px; }
.process01 ul li.type2 strong:after {background-image:url(../images/content/process01_icon02.png); }
.process01 ul li.type3 strong:after {background-image:url(../images/content/process01_icon03.png); }
.process01 ul li.type4 strong:after {background-image:url(../images/content/process01_icon04.png); }
.process01 ul li a {display:block; max-width:130px; height:42px; line-height:42px; font-size:17px; color:#fff; text-align:center; margin:0 auto; background:#004bb8; border-radius:10px; }
.process01 ul li.type3 a {background:#fadd00; color:#340606;}
.process01 ul li.type3 a:before {content:''; display:inline-block; width:23px; height:21px; background:url(../images/content/process01_ico03.png) no-repeat;  position:relative; top:4px; margin-right:3px;}
.process01 ul li.type4 a {background:#2cb400;}
.process01 ul li.type4 a:before {content:''; display:inline-block; width:15px; height:15px; background:url(../images/content/process01_ico04.png) no-repeat;  position:relative; top:2px; margin-right:6px;}
.process01 ul li p {font-size:17px; margin:10px 0 25px;}



/* 미션 비전   */
  .intro{ display:flex;}
.intro .mission2{ flex-grow:1; text-align: center; background: #fff3eb url(/cmsh/monami.or.kr/images/content/vg01.png) no-repeat bottom; margin-right:20px; border-radius: 16px;  height: 430px;  }
.intro .vision2{ flex-grow:1; text-align: center; background:#f8f4e5  url(/cmsh/monami.or.kr/images/content/vg02.png) no-repeat bottom; border-radius: 16px; height: 430px; }

.intro .title1{font-size: 58px;    font-family: GangwonEduPower; margin-top: 30px; color:#c76625 ;}
.intro .title2{font-size: 58px;    font-family: GangwonEduPower; margin-top: 30px; color:#8c9a33 ;}

.intro .cont{margin-top: -20px; font-size: 20px;    letter-spacing: -2px;}


.intro2 {  text-align: center;  background:#f7eeda  url(/cmsh/monami.or.kr/images/content/vg03.png) no-repeat bottom; border-radius: 16px; height: 750px;  }
.intro2 .title3{font-size: 58px;    font-family: GangwonEduPower; padding-top: 30px; color:#2b9355;  margin-top: 30px;}
.intro2 .cont2{display:flex; flex-wrap: wrap;}
.intro2 .cont2 div{background: #fff; margin-right: 20px; text-align: center; flex: 1 1 20%; border-radius: 10px; margin-bottom: 
  25px; align-self: center; padding: 40px 20px; line-height: 27px; font-size: 22px; letter-spacing: -2px;}
.intro2 .cont2 div:nth-child(1){margin-left: 50px;}
.intro2 .cont2 div:nth-child(4){margin-right: 50px;}
.intro2 .cont2 div:nth-child(5){margin-left: 50px;}
.intro2 .cont2 div:nth-child(7){margin-right: 50px;}


/*** 공통적인 성격의 클래스명 단독으로 사용 금지(유니크한 클래스명이 아닐 경우 캐스케이딩 방식으로 작성)
.attfile {display:block; margin:5px 0;}
.attfile img {vertical-align: middle;}
***/

/*******************************************************
	반응형설정
*******************************************************/
/* 00. ~ 1259px */
@media screen and (max-width:1259px){
	.bus_con li em { margin:23px 0px 0px;}
	.info_tab.col4 li:last-child a { position:relative; line-height:1.2;}
	.info_tab.col4 li:last-child a span {font-size:15px; line-height:1.2; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);}

/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	.loc_top ul li {width:auto !important; float:none;}
	
	.info .lst_type5 > li:before { width:250px !important; height:220px; background-size:auto 70%; position:absolute; left:-20px; top:50% !important; transform:translateY(-50%); background-position:center center !important;}

	.info .lst_type5 > li { padding:40px 20px 25px 250px !important; float:none; clear:both; width:auto; min-height:inherit;}
	
	
	.mind_bg.step03:before {left:25px;}
	
	.mind_bg.step03 .type03_top {padding:30px 30px 0px 25%;}
	.mind_bg.step03 .type03_top span {margin-bottom:10px;}
	
	
	.mind_bg.step05 {padding:30px;}
	.mind_bg.step05 .box_top {height:290px;}
	.mind_bg.step05 .box_top:before {width:230px; height:230px; border-radius:500px; background-color:rgba(0,0,0,0.2) !important; position:absolute; left:30px; top:30px;}
	.mind_bg.step05 .box_top:after {left:290px;}
	.mind_bg.step05 .box_top div {left:330px;}
	
	.mind_bg.step05 .box.t7 {background:#fff; text-align:center;}
	
	.mind_layer .con {width:auto; top:10px; left:10px; margin-left:0; right:10px; bottom:10px;overflow:auto;}
}
@media screen and (max-width:867px){	
	
	.info .lst_type5 > li {padding:0 20px 20px !important;}
	.info .lst_type5 > li:before {position:inherit !important; left:inherit !important; top:inherit !important; transform: translateY(0); width:auto !important; margin:-30px auto -20px;}
	.info .lst_type5.type2 > li:before { margin:-20px auto -20px;}
	.info_top {padding:30px 30px 30px 160px; min-height:inherit;}
	.info_top:before {width:100px; height:100px; background-size:100%; left:30px; top:33px;}
	.info_top br {display:none;}
	.info h3.tit {font-size:16px; padding:0 20px 25px;}
	.info .lst_type1 > li { float:none; width:auto; min-height:inherit !important; padding:23px;}

	.info .lst_type2 > li {padding:25px 20px 25px 220px !important;}
	.info .lst_type2 > li:before {background-size:70%;}
	.info .lst_type2 p {margin-bottom:10px !important;}
	.info .lst_type2.type3 > li:before { height:160px; background-size:auto 160px; left:-50px;}
	.info .lst_type3 > li {float:none; width:auto; padding:23px; min-height:inherit !important;}
	
	
	
	.info .list_type4 {padding:20px;}
	.info .list_type4 p {font-size:15px;}
	
	.org {padding:50px 15px;}
	.org ol:before {height:482px;}
	.org ol > li.n2 span {width:100%;}
	.org ol > li.n3 {overflow:hidden; margin:0 -1% 25px;}
	.org ol > li.n3 > span {float:left; width:31.333% !important; margin:0 1%; padding:5px 10px; height:110px;}
	.org ol > li.n3 > span.s1 .t1 {display:block; margin:0 auto; width:30px; padding:10px 0 5px;}
	.org ol > li.n3 > span.s1 .t2 { margin:0 auto;}
	.org ol > li.n3 > span.s1 em {padding-top:5px;}
	.org ol > li.n3 > span.s2 {margin:0 1%;}
	.org ol > li.n3 > span.s2 .t1 {margin:0 auto; display:block; width:36px; padding-top:6px; }
	.org ol > li.n3 > span.s2 .t2 {padding-top:8px; display:block; margin:0 auto; height:16px;}
	.org ol > li.n3 > span.s2 .t3 {padding-top:4px; height:16px;}
	.org ol > li.n3 > span.s3 .t1 {display:block; margin:0 auto; padding-top:28px;}
	.org ol > li.n3 > span.s3 .t2 {padding-top:10px;}
	.org ol > li.n4 span {width:32%; margin-left:68%;}
	.org ol > li.n4 span:before {width:18%;}
	.org ol > li.n5 span , .org ol > li.n6 span {width:100%;}
	.org ol > li.n7 > ul {padding:25px 0 0;}
	.org ol > li.n7 > ul:before {top:0px; margin-left:0; left:25%; margin-right:0; right:25%;}
	.org ol > li.n7 > ul > li { width:49%}
	.org ol > li.n7 > ul > li ul {min-height:194px; margin-bottom:15px;}
	.org ol > li.n7 > ul > li:nth-child(3) strong:after , .org ol > li.n7 > ul > li:nth-child(4) strong:after {display:none;}
	
	
	
	.question_top {text-align:center; padding:40px 15px; background-image:none; font-size:17px;}
	.que_finish .q_top:before { left:10px; background-size:80%; background-position:left bottom;}
	.que_finish .q_top span {left:150px; font-size:17px; line-height:1.3;}
	
	.use_box1 > li {padding:20px 0;}
	
	
	.event_list li {padding:20px 0;}
	.event_list li a {padding:0 0 0 150px; min-height:80px;}
	.event_list li .img img {width:130px; height:80px;}
	.event_list li strong { font-size:18px;}
	.event_list li .btn { top:inherit; margin-top:0; bottom:-4px; width:100px; height:30px; line-height:30px; font-size:14px; border-radius:4px;}
	
	.event_box2 , .event_box3 , .event_box4 {padding:25px;}
	.event_box2 h3 {padding:6 0 20px; font-size:24px;}
	.event_box2 div , .event_box3 > div , .event_box4 > div {padding:16px; font-size:17px;}
	.event_box4 p {padding-bottom:15px; font-size:17px;}
	.event_box4 .mem_box {padding-top:18px;}
	.event_box4 .mem_box div {padding-left:55px;}
	.event_box4 .mem_box div:nth-child(2) * {width:calc(33.3% - 10px) !important; max-width:calc(33.3% - 10px) !important; min-width:calc(33.3% - 9px) !important;}
	.event_box4 .mem_box strong {font-size:14px;}
	
	
	
	
	/*마음처방전*/
	.mind.step01 h3 {padding:26px 0 30px; font-size:32px;}
	.mind.step01 p {font-size:16px;}
	.mind.step01 h3:before {bottom:12px;}
	.mind.step01 .txt2 {font-size:22px; margin:30px 0;}
	.mind.step01 .step_box { padding:25px 15px;}
	.mind.step01 .step_box ul li {width:50%; margin-bottom:20px;}
	.mind.step01 .step_box ul li:nth-child(2n):before { display:none;}
	.mind.step01 .step_box ul li span {display:block; height:60px;}
	.mind_bg {padding:25px;}
	
	.mind_bg.step05 .box_top {height:auto; min-height:200px;}
	.mind_bg.step05 .box_top:before {width:140px; height:140px; background-size:auto 160px !important;}
	.mind_bg.step05 .box_top:after {left: 200px;}
	.mind_bg.step05 .box_top div { left:230px; font-size:18px;}
	.mind_bg.step05 .box_top div strong {font-size:24px;}
	
	.mind_bg.step05 .box { padding:20px; font-size:15px;}
	.mind_bg.step05 .box.t3 li {font-size:15px; margin:8px 0; padding-left:30px;}
	.mind_bg.step05 .box.t3 li span {width:24px; height:24px; line-height:24px; }
	
	.mind_bg.step05 .box.t4 img {width:auto; height:200px;}
	.mind_bg.step05 .box.t4 div {left:180px; font-size:18px; padding-right:20px;}
	
	.mind_bg.step05 h4 {font-size:20px;}
	.mind_bg.step05 h4:before {top:4px;}
	.mind_bg.step05 .l_logo {height:36px; margin-top:-10px;}
	
	.mind_bg.step05 .box.t5 ul li {width:33.333%; margin:10px 0;}
	.mind_bg.step05 .box.t2 {font-size:20px; line-height:1.3;}
	
	.mind_bg.step05 .box.t6 {padding:0 30px;}
	.mind_bg.step05 .box.t6 li div {left:110px;}
	
	
	.mind_layer .con .pic {padding:20px; height:150px;}
	.mind_layer .con .close_btn {right:20px; top:20px;}
	.mind_layer .con .txt2 { margin:16px 6px;}
	.mind_layer .con .go_site {margin:25px auto; height:46px; line-height:46px; width:80%;}


	/* 미션 비전   */
	.intro2{height: auto !important;}
	.intro2 .cont2 div{flex: 1 1 50% !important;}
	.intro2 .cont2 div:nth-child(1){margin-left: 0 !important; }
	.intro2 .cont2 div:nth-child(5){margin-left: 0 !important;}
	.intro2 .cont2 div:nth-child(4){margin-right: 20px !important;}
	.intro2 .cont2 div:nth-child(7){margin-right: 20px !important;}

	}
/* 02. Mobile 640px ~ 767px */
@media screen and (max-width:767px){
	
	.event_wrap .login_process2 .box a {padding:14px;}
	.event_wrap .login_process2 .box a:before {width:70px; height:70px;}
	
	
	.cont_sitemap > li {width:47.6%;}
	.cont_sitemap > li:nth-child(2n + 1) {clear:left;}
	.cont_sitemap > li:nth-child(3n + 1) {clear:inherit;}
	
	.bus_top {padding:20px; margin-bottom:30px;}
	.bus_top:before {display:none;}
	.bus_top strong {font-size:18px;}
	.bus_top p {font-size:15px;}
	.bus_con li {float:none; width:auto; min-height:inherit !important;}
	.bus_con li > strong {font-size:18px; letter-spacing:-0.08em;}
	
	
	.vision {padding:40px 25px;}
	.vision h2 { font-size:30px;}
	.vision p {font-size:17px; margin:15px auto 30px !important; }
	
	
	.history .his_tab {padding-right:1px; margin-bottom:30px;}
	.history .his_tab li {width:50%;}
	.history .his_tab li a{width:auto; font-size:16px;}
	.history .his_tab li.sel a{font-size:17px;}
	.history .panelWrap > ul > li {padding-left:80px; padding-bottom:15px;}
	.history .panelWrap > ul > li > strong {left:0; top:6px; font-size:19px;}
	.history .panelWrap > ul > li:before {left:60px;}
	.history .panelWrap > ul > li:after {left:58px; width:5px; height:5px; top:18px;}
	.history .panelWrap > ul > li li {font-size:14px; margin-bottom:5px;}
	
	
	.root_daum_roughmap {height:250px !important;}
	.loc_top ul {padding:20px;}
	.loc_top ul li {font-size:15px;}
	.line_box {padding:20px;}
	.busLst > li {float:none; width:auto; margin-bottom:20px;}
	.busLst > li:last-child {margin-bottom:0;}
	
	.queetion_go li a {padding:30px 20px;}
	.queetion_go li.n1 a img {width:120px;}
	.queetion_go li.n2 a img {width:100px;}
	.queetion_go li.n3 a img {width:150px;}
	
	.que_finish .q_box {padding:30px 20px;}
	.que_finish .q_box .q_score {font-size:17px; line-height:1.4;}
	.que_finish .q_box .q_score > strong {display:block; text-align:center;}
	.que_finish .q_box .q_score span strong.t1 {font-size:30px;}
	.que_finish .q_box .q_score span strong.t2 {height:34px; line-height:32px; top:-1px; font-size:19px;}
	.que_finish .q_box .t_txt {padding:25px 15px 10px;}
	.que_finish .q_box .t_txt h3 {font-size:22px; padding-bottom:0;}
	.que_finish .q_box .t_txt p {font-size:16px;}
	.que_finish ul li {  position:relative; height:130px;}
	.que_finish ul li:before {  display:block; margin:0 auto 6px;}
	.que_finish ul li strong {display:block;}
	
	.use_box1 > li {float:none; width:auto; margin-bottom:20px; min-height:inherit;}
	.use_box1 > li ul {margin:0 20px;}
	.use_order ul li {width:50%; margin-bottom:30px;}
	.use_order ul li:before {width:80px; height:80px; background-size:100%;}
	.use_order ul li.n1 , .use_order ul li.n2 {padding-bottom:60px;}
	.use_order ul li:nth-child(2n) span:before {display:none;}
	.use_order ul li span { max-width:100%; font-size:15px;}
	.use_order ul li span:before {top:-114px;}
	.use_order ul li div {bottom:inherit; top:200px; width:100%;}
	.use_order ul li div:before {margin-left:-25%; height:37px;}
	.use_order ul li div:after {margin-right:-25%;}
	.use_order ul li div em {width:30%; min-width:140px;}
	
	
	.event_tab li a {font-size:15px;}
	.event_tab li a.on {font-size:15px;}
	.event_box {padding:20px; margin-bottom:25px;}
	.event_box img {margin-bottom:20px;}
	.event_ex {padding:20px;}
	.event_ex div {padding:20px;}
	.event_ex div li {padding-left:12px;}
	
	.event_box2 , .event_box3 , .event_box4 {padding:18px;}
	
	.jaga_top {padding:25px 10px; margin-bottom:25px;}
	.jaga_top > strong:before { display:none; }
	.jaga_list li {width:calc(50% - 26px);}
	
	.mind_bg.step03:before {width:26%; max-width:130px; background-size:100%; background-position:left bottom; height:150px;}
	.mind_bg.step03 ul li {width:calc(33.3333% - 20px);}
	.mind_bg.step03 .type03_top { padding:0; padding-left:34%;}
	.mind_bg.step03 .type03_top span {display:block; margin-right:0;}
	
	
	.mind_bg.step05 h3 {font-size:24px; margin-bottom:10px;}
	.mind_bg.step05 {padding:20px;}
	
	.button_wrap {margin-top:25px;}
}


/* 03. Mobile 320px ~ 639px */
@media screen and (max-width:639px){
	
	.info_top {padding:25px 25px 10px;}
	.info_top:before {display:none;}
	.info_top strong {font-size:18px;}
	.info_top p {font-size:15px;}
	
	
	.info .lst_type2 > li {padding:20px !important;}
	.info .lst_type2 > li:before {position:inherit; left:inherit; top:inherit; margin:0 auto; background-position:center top; height:140px !important; background-size:auto 140px;}
	.info .lst_type2.type2 > li:before {background-size:auto 170px !important; background-position:center bottom !important;}
	.info .lst_type2.type3 > li:before { left:0; transform: translateY(-10px);}

	.info h3.tit2 {padding:0 10px 30px; }
	.info h3.tit2 strong:before {display:none;}
	.info h3.tit2 p {margin-bottom:0px;}
	
	.mind_tit {margin-bottom:20px;}
	.mind_tit img {height:32px;}
	.mind_bg.pri .pri_bot {margin-bottom:25px;}
	.mind_bg.pri ul {margin:0;}
	.mind_bg.pri ul li {width:auto; float:none; margin:0 0 15px; padding:15px 15px 25px; min-height:inherit;}
	.mind_bg.pri ul li img { margin:5px 0 20px;}
	
	.mind_share .left {float:none; text-align:center; margin-bottom:20px; }
	.mind_share .left a { margin:0 10px; }
	.mind_share .right {float:none; text-align:center;}
	.mind_share .right a {margin:0 1px; text-align:left;}
	
	
	.mind_layer .con .pic {width:70%; height:auto;}
	.mind_layer .con {font-size:15px; line-height:1.3; }
	.mind_layer .con .txt2 {margin:10px 6px;}
	.mind_layer .con strong {font-size:18px;}
	.mind_layer .con .go_site {font-size:16px; margin:20px auto;}
	.mind_layer .con div img {height:34px;}
	.mind_layer .con .close_btn {transform: scale(0.75); right:6px; top:6px;}
	
}


@media screen and (max-width:560px){
	.event_wrap {padding:15px;}
	.event_wrap .login_process2:before {display:none;}
	.event_wrap .login_process2 .box {float:none; width:auto; margin-bottom:30px; }
	.event_wrap .login_process2 .box:last-child {margin-bottom:0;}
	.event_wrap .login_process2 .box a {font-size:17px;}
	.event_wrap .login_process2 .box a:before {display:inline-block; width:40px; height:40px; margin:0 10px 0 0; vertical-align: middle;}
	.event_wrap .login_process2 .box p {margin-bottom:15px;}
	
	
	
	
	.cont_sitemap > li {width:97.6%;}
	
	.que_finish .q_top {height:140px; min-height:140px;}
	.que_finish .q_top:before {background-size:72%;}
	.que_finish .q_top span {font-size:15px; padding-right:5px;}
	.que_finish ul {margin: 25px -1% 20px;}
	
	
	.que_finish ul li { height:150px;}
	
	.queetion_go li a strong {font-size:19px;}
	.queetion_go li {float:none; width:auto; margin:0 0 15px;}
	.queetion_go li a {height:126px;}
	.queetion_go li.n1 a img {width:80px;}
	.queetion_go li.n2 a img {width:70px;}
	.queetion_go li.n3 a img {width:120px;}
	
	
	.busLst > li {padding-left:74px; min-height:80px;}
	.busLst > li:before {width:60px; height:60px; background-size:100% !important; top:8px;}
	
	.org ol > li.n7 > ul {padding:0;}
	.org ol > li.n7 > ul:before {display:none;}
	.org ol > li.n7 > ul > li {float:none; width:auto;}
	.org ol > li:last-child {margin-bottom:0;}
	.org ol > li.n7 > ul > li:last-child ul {margin-bottom:0;}
	.org ol > li.n7 > ul > li:nth-child(2) strong:after {display:none;}
	
	
	.event_list li a {padding-left:0;}
	.event_list li .img { position:inherit; left:inherit; top:inherit; display:block; margin-bottom:15px;}
	.event_list li .img img {width:100%; height:auto;}
	.event_list li .btn {margin-top:10px;}
	
	.jaga_list {margin:0 -8px;}
	.jaga_list li { width:calc(50% - 16px); margin:0 8px 16px;}
	.jaga_list li a {height:200px; padding-top:25px;}
	.jaga_list li a img {height:17px;}
	
	
	.mind_bg.step03 .type03_top span {font-size:15px;}
	.mind_bg.step03 .type03_top span strong {width:22px; height:22px; line-height:22px;}
	.mind_bg.step03 ul li {width:calc(50% - 12px); margin:6px; }
	.mind_bg.step03:before {width:20%; height:120px;}
	.mind_bg.step03 ul li a {height:120px;}
	.mind_bg.step03 ul li a > span strong {font-size:17px; margin-bottom:6px;}
	.mind_bg.step03 ul li a > span span {font-size:14px; padding:0 6px;}
	
	.mind_card {padding:20px 20px 0;}
	.mind_card h3 { font-size:26px;}
	.mind_card .card_box {margin-bottom:20px; margin-top:12px;}
	.mind_card p {margin-bottom:20px; font-size:15px;}
	.mind_card .mind_logo {height:32px;}
	.mind_card .mind_tel {margin:30px -20px 0;}
	
	
	.mind_bg.step05 .box_top:before {position:inherit !important; left:inherit !important; top:inherit !important; margin:20px auto 12px; width:100px; height:100px; background-size:110px !important;}
	.mind_bg.step05 .box_top:after {display:none;}
	.mind_bg.step05 .box_top div {position:inherit; left:inherit; top:inherit; transform: none; font-size:16px; text-align:center; padding:0 20px 20px;}
	
	.mind_bg.step05 .box.t4 img {display:block; margin:0 auto; height:130px;}
	.mind_bg.step05 .box.t4 div {position:inherit; left:inherit; top:inherit; transform:none; text-align:center; padding:10px 10px 0; font-size:15px;}
	.mind_bg.step05 .box.t4 div span {font-size:14px; margin-top:3px;}
	
	.mind_bg.step05 .box.t5 ul li:before {width:76px; height:76px; background-size:100%;}
	
	.mind_bg.step05 .box.t2 {font-size:18px;}
	
	
	.mind_bg.step05 .box.t6 {padding:0 20px;}
	.mind_bg.step05 .box.t6 li {padding-left:80px;}
	.mind_bg.step05 .box.t6 li .img { position:absolute; left:-10px; top:10px; transform: scale(0.75);}
	.mind_bg.step05 .box.t6 li div {position:inherit; left:inherit; top:inherit; transform:none; padding-top:20px; padding-bottom:20px;}
	}
}

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

	

}

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

}