@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;}

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:655px; 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:#029ba1; 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:#00a54f;}
.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:#1d3c97;}
.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:#666a68; 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:35px;}
.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:100%; height:50px; border:1px solid #cbcbcb; background:#f6f6f6; margin-right:-1px; font-size:17px; color:#555; line-height:51px; text-align:center; min-width:60px;}
.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;}
#tab {width:100%;}
#li_tab {width:25%}

.history .his_tab2 { overflow:hidden; position:relative; margin-bottom:15px;}
.history .his_tab2:before {content:''; display:block; width:100%; height:1px; background:#222; position:absolute; left:0; bottom:0; z-index:1;}
.history .his_tab2 li {float:left; }
.history .his_tab2 li a {display:block; position:relative; width:100%; height:50px; border:1px solid #cbcbcb; background:#f6f6f6; margin-right:-1px; font-size:14px; color:#555; line-height:51px; text-align:center; min-width:60px;}
.history .his_tab2 li.sel a { z-index:2; border:1px solid #222; background:#fff; border-bottom:1px solid #fff; font-size:15px; font-weight:bold;  color:#222;}
#tab2 {width:100%;}
#li_tab2 {width:25%}

.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;}



.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.13em;}
.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.12em; 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.1em;}
.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.13em;}
.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.12em; 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:380px; 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 10px 10px; font-size:16px; line-height:1.5; word-break: keep-all;}
.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_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;}


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

/*******************************************************
	반응형설정
*******************************************************/
/* 00. ~ 1259px */
@media screen and (max-width:1259px){
	


/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	.loc_top ul li {width:auto !important; float:none;}
	#li_tab2 {width:50%}
	
}
@media screen and (max-width:867px){
	.org {padding:50px 15px;}
	.org ol:before {height:660px;}
	.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:25px;}
	
	.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;}
	
	
	}
/* 02. Mobile 640px ~ 767px */
@media screen and (max-width:767px){
	
	.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;}
	
	.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_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;}
}


/* 03. Mobile 320px ~ 639px */
@media screen and (max-width:639px){


}


@media screen and (max-width:560px){
	.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;}
}

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

	

}

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

}