@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/




/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

───────────────────────────────────────────────────────────*/


/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
body {}/*letter-spacing:-0.2px;*/
div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
input, button, textarea, select {}
	/* webfont */
.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
	/* font weight */
.fw_t {font-weight:300;}
.fw_n {font-weight:400;}
.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */


/*** common ***/
	/* Select box 스타일 초기화 */ 
		select {
			-webkit-appearance: none;
			   -moz-appearance: none;
					appearance: none;
		}

	/* IE 에서 Select box 화살표 제거 */ 
		select::-ms-expand { display: none; }

	/* input type  */
		input[type="text"],
		input[type="password"],
		input[type="number"],
		input[type="date"] {height:30px;line-height:28px;border:1px #ddd solid;color:#666;font-size:14px;padding:0 15px;text-indent:0;border-radius:0;margin:0;box-sizing:border-box;vertical-align:top;text-align:left;outline:0;}
		input[type="text"]::-webkit-input-placeholder {color:#666;}
		input[type="password"]::-webkit-input-placeholder {color:#666;}
		input[type="text"]::-moz-placeholder {color:#666;}
		input[type="password"]::-moz-placeholder {color:#666;}
		input[type="text"]:-ms-input-placeholder {color:#666;}
		input[type="password"]:-ms-input-placeholder {color:#666;}
		input[type="text"]:-moz-placeholder {color:#666;}
		input[type="password"]:-moz-placeholder {color:#666;}


/*** TABLE | 서브페이지 전체 사용 ( board / member / layout ) ***/


/*** BOARD ***/
	/*페이저*/
		.paging{margin:4% auto 0 auto;}
		.paging a + a{margin-left:5px;}
		.paging span + span{margin-left:5px;}
		.paging span.next{margin-left:20px;}
		.paging span.prev{margin-right:20px;}
		.paging a {display:inline-block; font-size:16px; color:#666;padding:0 5px;border:0;font-weight:400;}
		.paging .on a{color:#fff;font-weight:400;background:#1b2272;}
		.paging a.on,
		.paging a:hover {color:#fff;font-weight:400;background:#1b2272;}
		.paging .arrow.first a {background:#f5f5f5 url("../images/sub/paging_first.png") no-repeat 50%;background-size:auto;}
		.paging .arrow.prev a {background:#f5f5f5 url("../images/sub/paging_prev.png") no-repeat 50%;background-size:auto;}
		.paging .arrow.next a {background:#f5f5f5 url("../images/sub/paging_next.png") no-repeat 50%;background-size:auto;}
		.paging .arrow.last a {background:#f5f5f5 url("../images/sub/paging_last.png") no-repeat 50%;background-size:auto;}

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

		.paging {margin-top:3.8%;}
	}
	@media only screen and (max-width:1023px) {
		.paging {margin-top:4.2%;}

	}
	@media only screen and (max-width:860px) {

	}
	@media only screen and (max-width:767px) {
		.paging {margin-top:5.2%;}
	}
	@media only screen and (max-width:640px) {
		.paging {margin-top:5.8%;}
		.paging a{font-size:14px;height:30px;line-height:28px;min-width:30px;width:30px;}
		.paging .arrow a{width:30px;}
		.paging a + a{margin-left:4px;}
		.paging span.next{margin-left:10px;}
		.paging span.prev{margin-right:10px;}
	}
	@media only screen and (max-width:479px) {
		.paging {margin-top:9.8%;}
	}


/*일반형*/
	.board_search {line-height:30px;margin-bottom:40px;;padding:20px 20px;text-align:right;background-color:#f2f2f2;font-size:0;width:100%;box-sizing:border-box;}
	.board_search fieldset {line-height:inherit;font-size:0;}
	.board_search select,
	.board_search input,
	.board_search span,
	.board_search label {vertical-align:top;font-size:13px;line-height:inherit;}
	.board_search select,
	.board_search input.input_text {margin-right:10px;background-color:#fff;color:#666;border:0;}
	.board_search select {width:130px;height:40px;line-height:38px;font-size:14px;color:#666;background-image:url('../images/skin/sub_board_sel.png');background-repeat:no-repeat;background-size:auto;background-position:right 10px center;}

	.board_search input.input_text {width:300px;height:40px;line-height:38px;}
	.board_search .board_search_sel {display:inline-block;vertical-align:middle;font-size: 0;}
	.board_search .btn_md,.board_search .btn_md:hover{width:90px;height:40px;line-height:38px;padding:0;background:#333 !important;border-color:#333 !important;color:#fff;font-size:14px;font-weight:400;}




	table.bbs_list {border-top:1px solid #222;border-bottom:1px solid #ddd;width:100%;text-align:center;table-layout:fixed;box-sizing:border-box;}
	table.bbs_list tr {}
	table.bbs_list tr.board_notice td {background:#fdfdfd;}
	table.bbs_list tr.board_notice td:nth-of-type(1) {color:#eb3949;font-weight:500;}
	table.bbs_list th,
	table.bbs_list td {padding-left:20px;padding-right:20px;font-size:15px;line-height:1.6;font-weight:400;color:#666;text-align:center;vertical-align:middle;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	table.bbs_list td a,
	table.bbs_list td em,
	table.bbs_list td strong,
	table.bbs_list td span {font-size:inherit;line-height:inherit;}
	table.bbs_list th {padding-top:15px;padding-bottom:15px;border-bottom: 1px solid #ddd;color:#333;background:#f5f5f5;font-weight:500;}
	
	table.bbs_list td {padding-top:15px;padding-bottom:15px;}
	table.bbs_list td .board_tit {}
	table.bbs_list td .board_tit h3 {font-size: 16px;color: #333333;font-weight: 600;width:100%;}
	table.bbs_list td .board_tit .board_ico,
	table.bbs_list td .board_tit img,
	table.bbs_list td .board_tit h3,
	table.bbs_list td .board_tit span {display:inline-block;vertical-align:middle;}
	table.bbs_list td .board_tit h3 .board_ico {}
	table.bbs_list td .board_tit img {vertical-align: middle;margin-right: 5px;}
	table.bbs_list td .board_tit h3 {font-weight: 400;font-size:15px;color: #666;display: inline-block;vertical-align: middle;width: 98%;max-width: 900px;}
	table.bbs_list td .board_tit h3 strong {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: top;max-width: 99%;font-size: inherit;color: inherit;font-weight: inherit;line-height: inherit;}

	table.bbs_list td a {}
	table.bbs_list .m_non,
	table.bbs_list .m_non {display:table-cell;}
	table.bbs_list td.left {text-align:left;}
	table.bbs_list td img{display:inline-block;vertical-align:middle;}
	table.bbs_list td img + img {margin-left:4px;}
	table.bbs_list tr + tr td {border-top:1px #ddd solid;}

	.bbs_view div.view_cont p{word-break:break-all;}



	@media only screen and (max-width:1200px) {
		/* 검색 */
		.board_search {margin-bottom:2.4%;padding:1.2% 20px;}
	}
	@media only screen and (max-width:1023px) {

		/* 일반형 목록 */
		table.bbs_list th,
		table.bbs_list td {padding-top:13px;padding-bottom:13px;padding-left:12px;padding-right:12px;}


	}
	@media only screen and (max-width:860px) {
		
		/* 검색 */
		.board_search {margin-bottom:4.6%;padding:1.6% 12px;}
		/* 일반형 목록 */
		table.bbs_list {}
		table.bbs_list tr {}
		table.bbs_list th,
		table.bbs_list td {padding-top:1.6%;padding-bottom:1.6%;font-size:14px;}
		table.bbs_list td .board_tit h3 {font-size:14px;}
		table.bbs_list th {font-size:14px;}
	}
	@media only screen and (max-width:767px) {
		
		/* 검색 */
		.board_search {margin-bottom:4.6%;padding:1.6% 12px;}
		/* 일반형 목록 */
		table.bbs_list .td_wide {display:none;}
		table.bbs_list col:first-child,
		table.bbs_list col:first-child {width:10%;}
	}
	@media only screen and (max-width:640px) {
		
		/* 검색 */
		.board_search {margin-bottom:6.4%;padding:2.4% 12px;text-align: center;}
		.board_search select,
		.board_search input,
		.board_search span,
		.board_search label {font-size:14px;}
		.board_search select,
		.board_search input.input_text {margin-right:8px;}
		/* .board_search .board_search_sel {width:100%;text-align: left;margin-bottom: 10px;} *//*말머리있을때*/
		.board_search .board_search_sel{width:130px;margin-right:10px}/*말머리없을때*/
		.board_search select{height:35px;line-height:33px;}
		.board_search input.input_text {/* width: calc(100% - 89px); */width: calc(100% - 228px); height:35px;line-height:33px;}
		.board_search input.btn_md {width: 80px;height:35px;line-height:33px;}


		/* 일반형 목록 */
		table.bbs_list th,
		table.bbs_list td {padding-top:2.4%;padding-bottom:2.4%;}
		table.bbs_list th, table.bbs_list td{font-size:13px;}
		table.bbs_list col:first-child,
		table.bbs_list col:first-child {width:14%;}
		table.bbs_list td .board_tit .board_ico {display:block;}
		table.bbs_list td .board_tit h3 {width:100%;}
		table.bbs_list .b_day{width:130px;}

	}

	@media only screen and (max-width: 530px) {
		table.bbs_list .b_day{width:90px;}

	}

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

		
		/* 검색 */
		.board_search select,
		.board_search input.input_text {margin-right: 2%;}
		.board_search select {width: 25%;min-width: 104px;}
		.board_search .board_search_sel {width:100%;text-align: left;margin-bottom: 10px;}
		.board_search input.input_text {width: calc(100% - 89px);}
		.board_search input.btn_md {width: 80px;}
		/* 일반형 목록 */
		table.bbs_list {}
		table.bbs_list tr {}
		table.bbs_list th,
		table.bbs_list td {padding-top:12px;padding-bottom:12px;padding-left:8px;padding-right:8px;}
		table.bbs_list th {}
		table.bbs_list td {}
	}

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

		/* 검색 */
		.board_search {padding:2.4% 8px;}
	}



/*** GOODS ***/

	/* 서브 카테고리 */
	.sub_cate_wrap {margin-bottom:50px;border-top:0;border-bottom:0;text-align:center;}
	.sub_cate_wrap ul.sub_cate {display:inline-block;line-height:26px;vertical-align:top;text-align:center;margin:24px 15px;transition:all 0.3s; font-size:0;}
	.sub_cate_wrap ul.sub_cate li {padding:0 20px;line-height:26px;font-size:0;display:inline-block;box-sizing:border-box;vertical-align:top;float:none;text-align:center;margin-bottom:20px;transition:all 0.3s;}
	.sub_cate_wrap ul.sub_cate li a {font-size:25px;color:#ddd;padding:0 15px;position:relative;display:block;/*letter-spacing:-0.04em;*/transition:all 0.5s; transition:all 0.3s; font-weight:500;}
	.sub_cate_wrap ul.sub_cate li a:before{content:'';position:absolute;bottom:-2px;left:0;width:0;background:#1b2272;opacity:0.1;height:15px;transition:all 0.5s;}
	.sub_cate_wrap ul.sub_cate li:hover a,.sub_cate_wrap ul.sub_cate li.on a {color:#333;font-weight:500;}
	.sub_cate_wrap ul.sub_cate li:hover a:before,.sub_cate_wrap ul.sub_cate li.on a:before {width:100%;}
	.sub_cate_wrap ul.sub_cate li + li:before {display:none;}
	/* 리스트형 | layout/goods/list.html */
	.sub_list .list .list_Listform {}
	.sub_list .list .list_Listform > ul {margin:0;padding:0;}
	.sub_list .list .list_Listform > ul:after {clear:both; content:""; display:block;}
	.sub_list .list .list_Listform > ul li {float:left;width: calc(50% - 30px);border:0;margin:0 60px 40px 0;box-sizing:border-box;}
	.sub_list .list .list_Listform > ul li:nth-child(2n) {margin-right:0;}
	.sub_list .list .list_Listform > ul li dl {display:table;height:100%;}
	.sub_list .list .list_Listform > ul li dl:after {clear:both;display:block;}
	.sub_list .list .list_Listform > ul li dl dt,
	.sub_list .list .list_Listform > ul li dl dd {box-sizing:border-box;display:table-cell;vertical-align:middle;text-align:left;}
	.sub_list .list .list_Listform > ul li dl dt {width:200px;height:170px;border: 1px solid #ddd;}
	.sub_list .list .list_Listform > ul li dl dt img {width:100%;height:auto;}
	.sub_list .list .list_Listform > ul li dl dd {width:calc(100% - 200px);padding:12px;vertical-align:top;padding:0;padding-left:20px; max-width:none;}


	.sub_list .list .list_Listform .sub_con_tit{font-size:20px;line-height:1;}
	.sub_list .list .list_Listform .sub_con_tit:before{height:18px;top:2px;}
	.sub_list .list .list_Listform .sub_con_tit a{position:absolute;top:50%;right:0;transform:translateY(-50%);padding:3px;}
	.sub_list .list .list_Listform .sub_con_tit a:after{content:'';width:8px;height:8px;border-top:1px solid #1b2272;border-right:1px solid #1b2272;display:inline-block;transform:rotate(45deg);margin-top:-2px;}
	.sub_list .list .list_Listform .sub_con_tit a span{font-size:15px;color:#1b2272;padding-right:5px;}
	.sub_list .list .list_Listform .goods_table{display:table;table-layout:fixed;width:100%;border-top:1px solid #333;margin-top:20px;}
	.sub_list .list .list_Listform .goods_table .goods_table_th, .sub_list .list .list_Listform .goods_table .goods_table_td{transition:all 0.3s;display:table-cell;border-bottom:1px solid #ddd;padding:20px 15px;font-size:16px;vertical-align:middle;}
	.sub_list .list .list_Listform .goods_table .goods_table_th{min-width:150px;box-sizing:border-box;background:#f5f5f5;/*letter-spacing:-0.04em;*/text-align:center;color:#333;}
	.sub_list .list .list_Listform .goods_table .goods_table_td{width:100%;/*letter-spacing:-0.02em;*/color:#666;font-weight:400;}

	

	/*상세페이지*/
	#wrap .sub_view .info dl dt, #wrap .sub_view .info dl dd {float: left; box-sizing: border-box; margin: 0;  padding: 0;}
	#wrap .sub_view .info dl dt{border:1px solid #ddd;width:43.4%;margin-right:80px;}
	#wrap .sub_view .info dl dd{width:calc(56.6% - 80px);}
	#wrap .sub_view .info dl dd strong{font-size:34px;color:#333;font-weight:500;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;letter-spacing:-0.04em;}
	#wrap .sub_view .info dl dd ul{display:table;table-layout:fixed;width:100%;border-top:1px solid #333;margin-top:40px;}
	#wrap .sub_view .info dl dd ul li{width:100%;}
	#wrap .sub_view .info dl dd ul li > div{display:table-cell;padding:20px 30px;vertical-align:middle;border-bottom: 1px solid #ddd;box-sizing:border-box;font-size:16px;}
	#wrap .sub_view .info dl dd ul li .ex_tit{min-width:180px;background:#f5f5f5;color:#333;letter-spacing:-0.04em;}
	#wrap .sub_view .info dl dd ul li .ex_con{width:100%;letter-spacing:-0.02em;color:#666;font-weight:300;}
	#wrap .sub_view .info dl .thumb_box img{border:0;}
	#wrap .sub_view .info .down_btn{margin-top:40px;}
	#wrap .sub_view .info .down_btn a{transition:all 0.3s;display:block;width:200px;height:50px;padding-left:43px;letter-spacing:-0.04em;line-height:45px;border:2px solid #1b2272;background:url('../images/skin/down_btn_icon.png') no-repeat right 25px center;box-sizing:border-box;font-weight:500;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;color:#1b2272 !important;font-size:16px;}
	#wrap .sub_view .info .down_btn a:hover{background:#1b2272 url('../images/skin/down_btn_icon_on.png') no-repeat right 43px center;color:#fff !important;}
	#wrap .sub_view .info_wrap{margin-top:6%;padding-top:4%;border-top:1px solid #ddd;}
	#wrap .info_wrap .info_cont img{width:auto;max-width:100%;}

	@media only screen and (max-width:1220px) {
	#wrap .sub_cate_wrap ul.sub_cate li{padding:0 20px;}
		#wrap .sub_cate_wrap ul.sub_cate li a {font-size:23px;}
	}
	@media only screen and (max-width:1200px) {
		/*리스트형*/
		#wrap .sub_list .list .list_Listform > ul li dl dt{width:35%;}
		#wrap .sub_list .list .list_Listform > ul li dl dd{width:65%;}
	}
	@media only screen and (max-width:1111px) {
		#wrap .sub_cate_wrap ul.sub_cate li{padding:0 15px;}
	}
	@media only screen and (max-width:1023px) {
		#wrap .sub_cate_wrap{margin-bottom:30px;}
		/*리스트형*/
		#wrap .sub_list .list .list_Listform > ul li dl dt,
		#wrap .sub_list .list .list_Listform > ul li dl dd {display:block;}
		#wrap .sub_list .list .list_Listform > ul li dl dt{width:100%;height:auto;text-align:center;padding:40px 0;}
		#wrap .sub_list .list .list_Listform > ul li dl dt img{width:auto}
		#wrap .sub_list .list .list_Listform > ul li dl dd{width:100%;padding-left:0;padding-top:20px;}	
		#wrap .sub_list .list .list_Listform .sub_con_tit:before{top:2px;}
		/*상세페이지*/
		#wrap .sub_view .info dl dt {width:46%;padding:12px;margin-right:3%;}
		#wrap .sub_view .info dl dd{width:51%;}
		#wrap .sub_view .info dl dd strong{font-size:28px;}
		#wrap .sub_view .info dl dd ul{margin-top:20px;}
		#wrap .sub_view .info dl dd ul li .ex_tit{min-width:130px;}
		#wrap .sub_view .info dl dd ul li > div{padding:15px;}
		#wrap .sub_view .info .down_btn{margin-top:20px;}
	}
	@media only screen and (max-width:860px) {
		/*도입기업*/
		#wrap .intro_list li{margin-left:20px;width:calc(33.33% - 13.33px);}
		#wrap .intro_list li:nth-child(4n+1){margin-left:20px;}
		#wrap .intro_list li:nth-child(3n+1){margin-left:0;}
	}
	@media only screen and (max-width:770px) {
		/*리스트형*/
		#wrap .sub_list .list .list_Listform > ul li {width: calc(50% - 15px);border:0;margin:0 30px 40px 0;}
		#wrap .sub_list .list .list_Listform .goods_table .goods_table_th,.sub_list .list .list_Listform .goods_table .goods_table_td{padding:20px;}
	}

	@media only screen and (max-width:640px) {
		#wrap .sub_cate_wrap{margin-bottom:20px;}
		#wrap .sub_cate_wrap ul.sub_cate li {padding:0 10px;}
		#wrap .sub_list .list .list_Listform > ul li:nth-child(2n){margin-right:0;}
		#wrap .sub_cate_wrap ul.sub_cate li a {font-size:21px;padding:0 10px;}
		#wrap .sub_cate_wrap ul.sub_cate li a:before{height:13px;bottom:0px;}	

		/*리스트형*/
		#wrap .sub_list .list .list_Listform > ul li {width: calc(50% - 10px);border:0;margin:0 20px 40px 0;}
		#wrap .sub_list .list .list_Listform .goods_table .goods_table_th,.sub_list .list .list_Listform .goods_table .goods_table_td{padding:15px;font-size:15px;}
		#wrap .sub_list .list .list_Listform .goods_table .goods_table_th{min-width:130px;}
		#wrap .sub_list .list .list_Listform .sub_con_tit{font-size:16px;padding-left:10px;}
		#wrap .sub_list .list .list_Listform .sub_con_tit:before{height:14px;}
		#wrap .sub_list .list .list_Listform .sub_con_tit a span{font-size:14px;}
		#wrap .sub_list .list .list_Listform .sub_con_tit a:after{width:8px;height:8px;}

		/*도입기업*/
		#wrap .intro_list li{margin-left:20px;width:calc(50% - 10px);}
		#wrap .intro_list li:nth-child(3n+1){margin-left:20px;}
		#wrap .intro_list li:nth-child(2n+1){margin-left:0;}

		/*상세페이지*/
		#wrap .sub_view .info dl dt {width:100%;padding:12px;margin-right:0;}
		#wrap .sub_view .info dl dd{width:100%;margin-top:20px;}
		#wrap .sub_view .info dl dd strong{font-size:24px;}
		#wrap .sub_view .info dl dd ul{margin-top:15px;}
		#wrap .sub_view .info .down_btn a{margin:0 auto;font-size:15px;}
		#wrap .sub_view .info .down_btn a:hover{border:2px solid #1b2272;background:url('../images/skin/down_btn_icon.png') no-repeat right 20px center;color:#1b2272;}
		

		
	}
	@media only screen and (max-width:540px) {
		#wrap .sub_cate_wrap{margin-bottom:0px;}
		#wrap .sub_cate_wrap ul.sub_cate li {padding:0 5px; margin-bottom:15px;}
		#wrap .sub_cate_wrap ul.sub_cate li a {font-size:19px;padding:0 5px;}
		#wrap .sub_cate_wrap ul.sub_cate li a:before{height:10px;bottom:3px;}
	}
	@media only screen and (max-width:479px) {

		/*리스트형*/
		#wrap .sub_list .list .list_Listform > ul li {width: 100%;border:0;margin:0 0 40px 0;}
		#wrap .sub_view .info dl dd{margin-top:0;}
		#wrap .sub_view .info dl dd ul li > div{font-size:15px;}

		/*상세*/
		#wrap .sub_view .info dl dd ul li .ex_tit{min-width:100px;}
		#wrap .sub_view .info .down_btn a{width:180px;padding-left:35px;background:url('../images/skin/down_btn_icon.png') no-repeat right 35px center;height:45px;line-height:40px;}
	}

	@media only screen and (max-width:450px) {
		#wrap .sub_cate_wrap ul.sub_cate{margin:24px 0;}
		#wrap .sub_cate_wrap ul.sub_cate li a {font-size:17px;}
	}
	@media only screen and (max-width:380px) {
		#wrap .sub_cate_wrap ul.sub_cate li a {font-size:15px;}
	}
	@media only screen and (max-width:350px) {
		#wrap .sub_cate_wrap ul.sub_cate li{margin-bottom:10px;}
		#wrap .sub_cate_wrap ul.sub_cate li a {font-size:13px;}
	}


/*** MEMBER ***/


/*** SERVICE ***/




/*───────────────────────────────────────────────────────────
	
	** navigation, button 관련 css 영역

───────────────────────────────────────────────────────────*/


/*───────────────────────────────────────────────────────────
	sub visual common
───────────────────────────────────────────────────────────*/
	#sub_visual {position: relative; width: 100%; height: 300px;}
	#sub_visual .sub_bg {width: 100%; height: 100%;}
	#sub_visual .sub_bg .sub_tit {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 40px;font-weight: bold;color: #fff;/*letter-spacing: -0.04em;*/display: flex;justify-content: center;align-items: center;text-align: center;width: 100%; padding:0 10px;}
	
	
	@media only screen and (max-width:1023px) {
		#sub_visual {height: 270px;}
		#sub_visual .sub_bg .sub_tit {font-size: 37px;}
	}
	@media only screen and (max-width:860px) {
		#sub_visual {height: 240px;}
		#sub_visual .sub_bg .sub_tit {font-size: 34px;}
	}
	@media only screen and (max-width:640px) {
		#sub_visual {height: 200px;}
		#sub_visual .sub_bg .sub_tit {font-size: 31px;}
	}
	@media only screen and (max-width:480px) {
		#sub_visual {height: 160px;}
		#sub_visual .sub_bg .sub_tit {font-size: 27px;}
	}
	@media only screen and (max-width:431px) {
		#sub_visual .sub_bg .sub_tit {font-size: 25px;}
	}
	@media only screen and (max-width:375px) {
		#sub_visual .sub_bg .sub_tit {font-size: 23px;}
	}
	@media only screen and (max-width:320px) {
		#sub_visual .sub_bg .sub_tit {font-size: 21px;}
	}

/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	.nav_wrap {}
	.nav_wrap .nav_box {padding:9.6% 0 55px 0;border:0;margin:0;position:relative;z-index:1;}
	.nav_wrap .nav_box:after {clear:both;content:"";display:block;}
	.nav_wrap .nav_box h3 {font-size:36px;text-align:center;color:#000;font-weight:500;letter-spacing: -0.04em;z-index:1;}
	.nav_wrap .nav_box p {font-size:19px;line-height:1.6;padding:15px 0 0 0;color:#333;font-weight:500;word-break:keep-all;text-align:center;/*letter-spacing: -0.04em;*/}
	.nav_wrap .nav_box p span{letter-spacing: -0.2px;color:#333;font-size:18px;font-weight:300;display:block;margin-top:30px;line-height:1.5;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	.nav_wrap .nav_box p span + span{margin-top:13px;}
	.nav_wrap .nav_box ul {line-height:18px;top:20%;position:absolute;left:0;font-size:0;padding:0;z-index:5;display:block;}
	.nav_wrap .nav_box ul li {line-height:18px;height:18px;font-size:8px;text-align:left;vertical-align:top;padding:0;color:#aaa;display:inline-block;}
	.nav_wrap .nav_box ul li + li {padding-left:5px;}
	.nav_wrap .nav_box ul li span,
	.nav_wrap .nav_box ul li strong,
	.nav_wrap .nav_box ul li > a {line-height:18px;height:18px;padding:0 4px 0px 0;font-size:12px;display:inline-block;width:auto;color:#666;vertical-align:top;margin:0;box-sizing:border-box;}
	.nav_wrap .nav_box ul li a.home {padding-left:0px;font-size:12px;color:#666666;}
	.nav_wrap .nav_box ul li a.home:before {width:11px;height:11px;margin:0 5px 2px 0;content:"";display:inline-block;background:url("../images/common/sub_locate_home.png") no-repeat left center #333333;background-size:auto 13px;vertical-align:middle;}
	.nav_wrap .nav_box ul li:last-child a,
	.nav_wrap .nav_box ul li:last-child span,
	.nav_wrap .nav_box ul li:last-child strong {color:#444;font-weight:700;padding-right:0;}

	.nav_wrap .nav_box ul li .navi_select {min-width:150px;border: 1px solid #999;cursor: pointer;margin-top: -3px;position:relative;box-sizing: border-box;}
	.nav_wrap .nav_box ul li .navi_select .navi_tit {padding: 2px 10px;line-height: 18px;height: auto;display: block;}
	.nav_wrap .nav_box ul li .navi_select .navi_tit:after {content:"";display:inline-block;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #999;position:absolute;right: 10px;top: 9px;transition:all .2s;}
	.nav_wrap .nav_box ul li .navi_select ul {display:none;position:absolute;left: -1px;top: 100%;width:150px;background:#fff;padding:6px 0 6px 0;border: 1px solid #888;box-sizing: border-box;}
	.nav_wrap .nav_box ul li .navi_select ul li {display: block;line-height: 1;height: auto;font-size: 12px;padding: 0;}
	.nav_wrap .nav_box ul li .navi_select ul li a {display:block;padding:5px 10px;font-size: 12px;line-height: 1;height: auto;transition:all .2s;}
	.nav_wrap .nav_box ul li .navi_select ul li a:hover {background:#999;color:#fff;}

	.nav_wrap .nav_box ul li .navi_select:hover .navi_tit:after {transform: rotate(180deg);}
	.nav_wrap .nav_box ul li .navi_select:hover ul {display:block;}

	.sub_product .nav_wrap .nav_box h3{font-weight:600;}
	.sub_product .nav_wrap .nav_box p{font-weight:500;}
	.sub_goods .nav_wrap .nav_box h3{font-weight:600;}

	@media only screen and (max-width:1023px) {
		.nav_wrap .nav_box h3 {font-size: 35px;} 
		.nav_wrap .nav_box p {font-size: 18px;}
		.nav_wrap .nav_box p span{font-size:16px;margin-top:20px;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box h3 {font-size: 32px;}
	}
	@media only screen and (max-width:767px) {
		.nav_wrap .nav_box p br {display: none;}
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box{padding-bottom:40px;}
		.nav_wrap .nav_box h3 {font-size: 28px;}
		.nav_wrap .nav_box p {padding: 12px 0 0 0; font-size: 16px;}
		.nav_wrap .nav_box p span{font-size:15px;margin-top:10px;}
	}
	@media only screen and (max-width:480px) {
		.nav_wrap .nav_box h3 {font-size: 24px;}
		.nav_wrap .nav_box p {font-size: 15px;}
		.nav_wrap .nav_box p span {font-size: 14px;}
		.company_awards .nav_wrap .nav_box p > br {display: none;}
	}

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

		.nav_wrap .nav_box p{font-size:13px;}
		.nav_wrap .nav_box p span{font-size:12px;}
	}
	@media only screen and (max-width:375px) {

	}
	@media only screen and (max-width:320px) {

	}
/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/

	/* custom button type */
		/* button 공통 요소 */
	.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;}
		/* button 크기별 */
	.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
	.btn {width: auto;height:50px;line-height:48px;font-weight:400;font-size:15px;min-width: 120px;padding: 0 15px;}
	.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
	.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
	.btn_sm {height:30px;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		/* button 색상별 */
	.btn_point, .btn_point:hover {border-color:#1b2272 !important;background-color:#1b2272 !important;color:#fff !important;}
	.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
	.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
	.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
	.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
		/* button wrapper */
	.btn_wrap {margin:0 auto;padding:0;padding-top:4%;font-size:0;vertical-align:top;display:inline-block;}
	.btn_wrap.ta_center {width:100%;}
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:12px;vertical-align:top;}
	.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
	.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1200px) {
			/* button wrapper */
		.btn_wrap {padding-top:3.8%;}
	}
	@media only screen and (max-width:1023px) {
			/* button wrapper */
		.btn_wrap {padding-top:4.2%;}
		.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
	}
	@media only screen and (max-width:860px) {

	}
	@media only screen and (max-width:767px) {
			/* button wrapper */
		.btn_wrap {padding-top:5.2%;}
	}
	@media only screen and (max-width:640px) {
		.btn{width:110px;height:40px;line-height:38px;}
			/* button wrapper */
		.btn_wrap {padding-top:5.8%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:8px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn {width:80px;font-size:15px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 4px;font-size:12px;}
			/* button wrapper */
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:6px;}
		.view_btn .paging {width:100%;min-height:87px;}
		
	}
	@media only screen and (max-width:320px) {
			/* button 크기별 */
		.btn {width:68px;}
		.btn_md {width:44px;font-size:12px;}
	}



/*sub 공통*/

	

	/*sub*/
	.sub_con_tit{font-size:28px;color:#333;letter-spacing:-0.04em;font-weight:500;padding-left:15px;position:relative;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	.sub_con_tit:before{content:'';position:absolute;top:8px;left:0;width:4px;height:28px;background:#1b2272;}

	.sub_tab_menu{text-align:center;padding-bottom:70px;}
	.sub_tab_menu ul {display: flex;vertical-align:top;justify-content: space-between;align-items: center;}
	.sub_tab_menu li{/* float:left; */width: 100%;height: 60px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #ddd; transition:background 0.3s;transition:border 0.3s; padding:0 5px; box-sizing:border-box;}
	.sub_tab_menu li a{width:100%;/* height: 100%; *//* line-height:48px; */display:block;/* border:1px solid #ddd; */font-size:18px;color:#666;/*letter-spacing:-0.04em;*/transition:background 0.3s;transition:border 0.3s;box-sizing:border-box;}
	.sub_tab_menu li + li{border-left:0;}
	.sub_tab_menu li.on, .sub_tab_menu li:hover{background:#1b2272;border:1px solid #1b2272;}
	.sub_tab_menu li.on a, .sub_tab_menu li:hover a{color:#fff;}
	.sub_tab_menu_m{display:none;}


	/*sub_table*/
	.sub_table {display:table;table-layout:fixed;width:100%;}
	.sub_table .sub_table_tr{display: table-row;width:100%;}
	.sub_table .sub_table_th, .sub_table .sub_table_td{display:table-cell;padding:15px 15px;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;font-size:15px;vertical-align:middle;box-sizing:border-box;border:0;border-bottom:1px solid #ddd;}
	.sub_table .sub_table_tr:first-child .sub_table_th,.sub_table .sub_table_tr:first-child .sub_table_td{border-top:1px solid #333;}
	
	.sub_table .sub_table_th{width:180px;color:#333;font-weight:500;background:#f5f5f5;}
	.sub_table .sub_table_td{color:#666;width:100%;height:80px;}
	.sub_table .sub_table_td ul,
	.sub_table .sub_table_td li{font-size:inherit;font-family:inherit;color:inherit;position:relative;}
	.sub_table .sub_table_td li{padding-left:10px;}
	.sub_table .sub_table_td li:before{content:'-';position:absolute;top:0;left:0;}
	.sub_table .sub_table_td li + li{margin-top:5px;}

	/*slide_table*/
	.slide_txt{font-size:14px;padding-left:16px;position:relative;margin-bottom:10px;display:none;}
	.slide_txt:before{content:'※';position:absolute;top:-2px;left:0;}
	.slide_table table *{/*letter-spacing:-0.04em;*/}
	
	.slide_table table{table-layout:fixed;text-align:center;width:100%;}
	
	.slide_table table td,.slide_table table th{border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;word-break:keep-all;}
	.slide_table table th:first-child,.slide_table table td:first-child{border-left:0;}
	.slide_table table th{border-top:1px solid #333;background:#f5f5f5;color:#333;font-weight:400;font-size:16px;padding:20px 0;}
	.slide_table table td{padding:20px 4%;font-size:16px;color:#666;}


	/*통이미지 버튼*/
	.sub_img_box {position:relative;}
	.sub_img_box .zoom_btn {position: absolute; right: 0; bottom: 0}
	.sub_img_box .zoom_btn a{transition:all 0.3s;display:block; width: 60px; height: 60px; background: #363c83 url("../images/sub/icon_zoom.png") no-repeat center; background-size: 40px;font-size:0;}
	@media screen and (max-width:1400px) {
		/*sub_table*/
		.sub_table .sub_table_th{width:150px;}
		
	}
	@media screen and (max-width:1200px) {
		/*sub_table*/
		.sub_table .sub_table_td{height:80px;}
		
	}
	@media screen and (max-width:1023px) {
		.sub_con_tit{font-size:24px;}
		.sub_con_tit:before{height:24px;}
		.sub_goods .sub_tab_menu ul{width:100%;}
		.sub_goods .sub_tab_menu li a{width:100%;}
		.sub_product .sub_tab_menu ul{width:100%;}
		.sub_product .sub_tab_menu li a{width:100%;}
		.sub_tab_menu li a{font-size:16px;}

	}
	@media screen and (max-width:840px) {
		/*sub_table*/
		.sub_table .sub_table_th{width:130px;font-size:14px;padding-left:20px;border-top:0;padding:10px 15px;}
		.sub_table .sub_table_td{padding:10px 15px;font-size:14px;}
		
		/*slide_table*/
		.slide_table table th{font-size:15px;padding:10px 15px;}
		.slide_table table td{padding:15px;font-size:15px;}

		.sub_img_box .zoom_btn a{width:50px;height:50px;}
	}
	@media screen and (max-width:730px) {
		/*sub_table*/
		.sub_table .sub_table_th{width:120px;}
	}
	@media screen and (max-width:700px) {
		.sub_tab_menu li a{font-size:15px;}
		/*sub_table*/
		.sub_table .sub_table_th{/*width:60px;*/font-weight:400;}
		.sub_table .sub_table_td{height:60px;}
		.sub_table .sub_table_tr:first-child > div:last-child .sub_table_th,.sub_table .sub_table_tr:first-child > div:last-child .sub_table_td{border-top:0;}
		
	}

	@media screen and (max-width:640px) {
		.sub_con_tit{font-size:22px;}
		.sub_con_tit:before{height:22px;}
		
		.sub_tab_menu{display:none;}
		.sub_tab_menu_m{width:100%;position:relative;display:block;margin-bottom:40px;}
		.sub_tab_menu_m strong{display:block;color:#1b2272;width:100%;height:50px;line-height:50px;background:url('../images/skin/sub_board_sel.png') no-repeat right 20px center;font-size:15px;padding-left:20px;font-weight:400;box-sizing:border-box;border:1px solid #ddd;cursor:pointer;}
		.sub_tab_menu_m ul{width:100%;position:absolute;top:100%;left:0;z-index:5;display:none;}
		.sub_tab_menu_m ul li a{display:block;width:100%;background:#fff;padding:0 20px;height:50px;line-height:50px;font-size:14px;border:1px solid #ddd;box-sizing:border-box;border-top:0;}
		.sub_tab_menu_m ul li.on a{background:#1b2272;color:#fff;border-color:#1b2272;}


		/*sub_table*/
		.sub_table .sub_table_td{font-size:14px;padding:10px;}

		/*slide_table*/
		.slide_txt{display:block;}
		.slide_table{overflow-x:auto;overflow-y:none;}
		.slide_table table{width:1000px;}
		.slide_table table th{font-size:15px;padding:10px;}
		.slide_table table td{padding:15px 10px;font-size:14px;}

		.sub_img_box .zoom_btn a{width:40px;height:40px;}
	}

	@media screen and (max-width:475px) {
		.sub_con_tit{font-size:20px;}
		.sub_con_tit:before{height:20px;top:5px;}

		/*sub_table*/
		.sub_table .sub_table_td{/*width:110px;*/}
		
	}
	@media screen and (max-width:431px) {
		.sub_con_tit{font-size:19px;}
		.sub_table .sub_table_th, .sub_table .sub_table_td{font-size:13px;}

		/*slide_table*/
		.slide_table table th{font-size:15px;}
		.slide_table table td{font-size:13px;}
	}
	@media screen and (max-width:375px) {
		.sub_con_tit{font-size:17px;}
		.sub_con_tit:before{top:4px;}
	}
	@media screen and (max-width:340px) {
		.sub_con_tit{font-size:15px; padding-left:10px;}
		.sub_con_tit:before{top:2px;}
	}





/*───────────────────────────────────────────────────────────

	 COMPANY

───────────────────────────────────────────────────────────*/
	/*** company/awards (수상내역) ***/
		/* pc */
			.sub_awards .awards_wrap {position:relative;width:100%;box-sizing:border-box;}
			.sub_awards .awards_wrap:before {content:"";display:inline-block;width:1px;height:90%;position:absolute;left:50%;top:14px;background:#ddd;}
			.sub_awards .award_box {display:block;position:relative;width:50%;box-sizing:border-box;}
			.sub_awards .award_box:after {clear:both;content:"";display:block;}
			.sub_awards .award_box + .award_box .award_align {margin-top: -170px;}
			.sub_awards .award_box .award_align {position: relative; width: 100%;}
			.sub_awards .award_box .award_year,
			.sub_awards .award_box .award_list {position: relative; display:block; width:100%; box-sizing:border-box; text-align: right; vertical-align:top;}

			.sub_awards .award_box .award_year {}
			.sub_awards .award_box .award_year .year {position: relative; box-sizing: border-box; padding-right: 150px; font-size:30px; font-weight:bold; color:#333; letter-spacing: -0.04em;}
			.sub_awards .award_box .award_year .year::before {content: ""; position: absolute; right: 28px; top: 50%; width: 100px; height: 1px; background: #999;}
			.sub_awards .award_box .award_year .year::after {content: ""; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); width: 11px; height: 11px; background: #1b2272; border-radius: 50%;}
			
			.sub_awards .award_box .award_list {margin-top: 12px; padding-right: 150px;}
			.sub_awards .award_box .award_list li {display: inline-block; width: 46.4%; max-width: 208px; margin-bottom: 24px; vertical-align: top;} 
			.sub_awards .award_box .award_list li + li {margin-left: 23px;}
			.sub_awards .award_box .award_list li:nth-child(2n+1) {margin-left: 0;}
			.sub_awards .award_box .award_list li .thumb {margin: 0 0 13px; padding: 10px; background: #eee; position: relative; z-index: 1; font-size: 0; vertical-align: top; text-align: Center; overflow: hidden;}
			.sub_awards .award_box .award_list li .thumb:before, .sub_awards .award_box .award_list li .thumb:after {content: ""; position: absolute; right: 0; bottom: 0; display: inline-block; width: 100%; height: 100%; background: #dedede; border: 0; z-index: -1;}
			.sub_awards .award_box .award_list li .thumb:before {transform: rotate(45deg) translate(36.6%, -20%);}
			.sub_awards .award_box .award_list li .thumb:after {transform: rotate(45deg) translate(62.9%, 20%);}
			.sub_awards .award_box .award_list li .thumb .img {position: relative; width: 100%; padding-bottom: 140.5%; box-sizing: border-box; border: 1px solid #ccc; overflow: hidden;}
			.sub_awards .award_box .award_list li .thumb .img img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
			.sub_awards .award_box .award_list li .thumb .btn_zoom {position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; background: #363c83 url("../images/sub/icon_zoom.png") no-repeat center; background-size: 100%;}
			.sub_awards .award_box .award_list li .txt {font-size: 15px; color: #666; line-height: 1.33; /*letter-spacing: -0.04em;*/ word-break: keep-all; text-align: center;}

			/* 짝수일때-좌측정렬 */
			.sub_awards .award_box:nth-of-type(even) {margin-left: 50%;}
			/* .sub_awards .award_box:nth-of-type(even) .award_align {float: right;} */
			.sub_awards .award_box:nth-of-type(even) .award_year, .sub_awards .award_box:nth-of-type(even) .award_list {text-align: left;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year {padding-right: 0; padding-left: 150px; text-align: left;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::before {right: inherit; left: 28px;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::after {right: inherit; left: -6px;}
			.sub_awards .award_box:nth-of-type(even) .award_list {padding-right: 0; padding-left: 150px;}

			/* 팝업 */
			.pop_bg {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 20;}
			.award_pop {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 76%; background: #fff; z-index: 21;}
			.award_pop .pop_box {position: relative; width: 100%; height: 100%;}
			.award_pop .pop_box .pop_close {position: absolute; width: 36px; height: 36px; top: 15px; right: -50px; z-index: 1;}
			.award_pop .pop_box .pop_close a {position: relative; display: block; width: 100%; height: 100%;}
			.award_pop .pop_box .pop_close a span {position: absolute; top: 50%; display: inline-block; width: 100%; height: 2px; background: #fff;}
			.award_pop .pop_box .pop_close a span:nth-child(1) {transform: rotate(45deg);}
			.award_pop .pop_box .pop_close a span:nth-child(2) {transform: rotate(-45deg);}
			.award_pop .pop_box .pop_cont {width: 100%; height: 100%; box-sizing: border-box; padding: 30px 30px 45px; overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
			.award_pop .pop_box .pop_cont::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
			.award_pop .pop_box .pop_cont #pop_tit {position: relative; padding-left: 14px; margin-bottom: 20px; font-size: 19px; color: #333; /*letter-spacing: -0.04em;*/ font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
			.award_pop .pop_box .pop_cont #pop_tit:before {content: ""; position: absolute; left: 0; top: 6px; width: 4px; height: 18px; background: #1b2272; vertical-align: text-top;}
			.award_pop .pop_box .pop_cont #pop_img {width: 340px; box-sizing: border-box; padding: 0 25px;}
			.award_pop .pop_box .pop_cont #pop_img img {box-sizing: border-box; border: 1px solid #ccc;}

		@media only screen and (max-width:1240px) {
			.sub_awards .awards_wrap:before {height: 90.9%;}
			.sub_awards .award_box + .award_box .award_align {margin-top: -120px;}
			.sub_awards .award_box .award_year .year {padding-right: 120px;}
			.sub_awards .award_box .award_year .year::before {right: 22px; width: 80px;}
			.sub_awards .award_box .award_list {padding-right: 120px;}

			/* 짝수일때-좌측정렬 */
			.sub_awards .award_box:nth-of-type(even) .award_year .year {padding-left: 120px;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::before {left: 22px;}
			.sub_awards .award_box:nth-of-type(even) .award_list {padding-left: 120px;}
		}
		@media only screen and (max-width:1060px) {
			.sub_awards .awards_wrap:before {height: 90.6%;}	
		}
		@media only screen and (max-width:1023px) {
			.sub_awards .awards_wrap:before {height: 91.2%;}
			.sub_awards .award_box + .award_box .award_align {margin-top: -100px;}
			.sub_awards .award_box .award_year .year {padding-right: 100px; font-size: 28px;}
			.sub_awards .award_box .award_year .year::before {right: 22px; width: 60px;}
			.sub_awards .award_box .award_list {padding-right: 100px;}
			.sub_awards .award_box .award_list li + li {margin-left: 15px;}
			.sub_awards .award_box .award_list li .thumb {padding: 8px;}

			/* 짝수일때-좌측정렬 */
			.sub_awards .award_box:nth-of-type(even) .award_year .year {padding-left: 100px;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::before {left: 22px;}
			.sub_awards .award_box:nth-of-type(even) .award_list {padding-left: -100px;}
		}
		@media only screen and (max-width:981px) {
			.sub_awards .awards_wrap:before {height: 90.7%;}	
		}
		@media only screen and (max-width:860px) {
			.sub_awards .awards_wrap:before {height: 91.2%;}
			.sub_awards .award_box + .award_box .award_align {margin-top: -80px;}
			.sub_awards .award_box .award_year .year {padding-right: 80px; font-size: 26px;}
			.sub_awards .award_box .award_year .year::before {right: 22px; width: 40px;}
			.sub_awards .award_box .award_list {padding-right: 80px;}
			.sub_awards .award_box .award_list li + li {margin-left: 10px;}

			/* 짝수일때-좌측정렬 */
			.sub_awards .award_box:nth-of-type(even) .award_year .year {padding-left: 80px;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::before {left: 22px;}
			.sub_awards .award_box:nth-of-type(even) .award_list {padding-left: -80px;}
		}
		@media only screen and (max-width:760px) {
			.sub_awards .awards_wrap:before {height: 93%;}
			.sub_awards .awards_wrap:before {left: 20px;}
			.sub_awards .award_box {width: 100%;}
			.sub_awards .award_box + .award_box {margin-top: 30px;}
			.sub_awards .award_box + .award_box .award_align {margin-top: 0;}
			.sub_awards .award_box .award_year, .sub_awards .award_box .award_list {text-align: left;}
			.sub_awards .award_box .award_list li .thumb:before {transform: rotate(45deg) translate(36.3%, -20%);}
			.sub_awards .award_box .award_list li .thumb:after {transform: rotate(45deg) translate(63.4%, 20%);}

			.sub_awards .award_box .award_year .year {padding-right: 0; padding-left: 100px; font-size: 24px;}
			.sub_awards .award_box .award_year .year::before {width: 40px; right: inherit; left: 40px;}
			.sub_awards .award_box .award_year .year::after {right: inherit; left: 15px;}

			.sub_awards .award_box .award_list {padding-right: 0; padding-left: 100px;}

			/* 짝수일때-좌측정렬 */
			.sub_awards .award_box:nth-of-type(even) {margin-left: 0; margin-top: 0;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year {padding-left: 100px;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::before {width: 40px; right: inherit; left: 40px;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::after {right: inherit; left: 15px;}
			.sub_awards .award_box:nth-of-type(even) .award_list {padding-left: 100px;}
		}
		@media only screen and (max-width:640px) {
			.sub_awards .award_box .award_year .year {font-size: 24px;}

			/* 팝업 */
			.award_pop .pop_box .pop_close {top: 5px; right: -40px; width: 30px; height: 30px;}
			.award_pop .pop_box .pop_cont {padding: 25px 25px 40px;}
			.award_pop .pop_box .pop_cont #pop_tit {padding-left: 10px; font-size: 18px;}
			.award_pop .pop_box .pop_cont #pop_tit:before {height: 16px;}
		}
		@media only screen and (max-width:540px) {
			.sub_awards .award_box .award_list li .txt{font-size:14px;}
		}
		@media only screen and (max-width:510px) {
			/* 팝업 */
			.award_pop {width: 76%;}
			.award_pop .pop_box .pop_cont #pop_img {width: 100%;}
		}
		@media only screen and (max-width:485px) {
			.sub_awards .awards_wrap:before {height: 92.5%;}	
		}
		@media only screen and (max-width:480px) {
			.sub_awards .awards_wrap:before {height: 92.8%;}	
			.sub_awards .awards_wrap:before {left: 10px;}
			.sub_awards .award_box + .award_box {margin-top: 20px;}
			.sub_awards .award_box .award_year .year {padding-left: 60px; font-size: 22px;}
			.sub_awards .award_box .award_year .year::before {width: 25px; left: 25px;}
			.sub_awards .award_box .award_year .year::after {left: 7px; width: 8px; height: 8px;}
			.sub_awards .award_box .award_list {padding-left: 60px;}
			.sub_awards .award_box .award_list li .thumb {padding: 6px;}
			.sub_awards .award_box .award_list li .thumb .btn_zoom {width: 34px; height: 34px;}
			.sub_awards .award_box .award_list li .txt {font-size: 13px;}


			/* 짝수일때-좌측정렬 */
			.sub_awards .award_box:nth-of-type(even) {margin-left: 0; margin-top: 0;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year {padding-left: 60px;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::before {width: 25px; left: 25px;}
			.sub_awards .award_box:nth-of-type(even) .award_year .year::after {left: 7px;}
			.sub_awards .award_box:nth-of-type(even) .award_list {padding-left: 60px;}

			/* 팝업 */
			.award_pop .pop_box .pop_close {top: 0; right: -30px; width: 24px; height: 24px;}
			.award_pop .pop_box .pop_cont {padding: 20px 20px 40px;}
			.award_pop .pop_box .pop_cont #pop_img {padding: 0 15px;}
		}
		@media only screen and (max-width:421px) {
			.sub_awards .awards_wrap:before {height: 92.5%;}	
			.award_pop .pop_box .pop_cont #pop_tit{font-size:17px;}
			.award_pop .pop_box .pop_cont #pop_tit:before{top:5px;}
		}
		@media only screen and (max-width:395px) {
			.award_pop .pop_box .pop_cont #pop_tit{font-size:15px;}
			.award_pop .pop_box .pop_cont #pop_tit:before{top:3px;}
		}
		@media only screen and (max-width:375px) {
			.sub_awards .award_box .award_list li .txt{font-size:12px;}
		}
		@media only screen and (max-width:370px) {
			.sub_awards .award_box .award_list li + li {margin-left: 5px;}
		}
		@media only screen and (max-width:320px) {
			.award_pop .pop_box .pop_cont #pop_tit{font-size:13px;}
			.award_pop .pop_box .pop_cont #pop_tit:before{top:2px;}
		}
		@media only screen and (max-width:307px) {
			.sub_awards .awards_wrap:before {height: 92.8%;}	
		}
		@media only screen and (max-width:282px) {
			.sub_awards .awards_wrap:before {height: 92.2%;}	
		}






/*───────────────────────────────────────────────────────────

	회사개요 | company/about.html

───────────────────────────────────────────────────────────*/

	.sub_about_img {height:0;padding-bottom:300px;background:url('../images/sub/sub_about_img.jpg') no-repeat center center;background-size:cover;position:relative;z-index:1;position:relative;}
	.sub_about_img strong{color:#fff;font-size:28px;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-weight:500;width:100%;word-break:keep-all;}
	.about_con *{/*letter-spacing:-0.04em;*/}
	.about_con > strong{font-size:20px;line-height:1.6;color:#666;font-weight:400;display:block;width:100%;text-align:center;padding:55px 0 70px;word-break:keep-all;}
	.about_con > strong em{font-size:inherit;line-height:inherit;color:inherit;font-weight:500;color:#333;}
	.about_con > div + div{margin-top:75px;}
	.about_con .sub_con_tit{font-size:20px;padding-left:15px;position:relative;margin-bottom:28px;}
	.about_con .sub_con_tit:before{top:5px;height:20px}
	.about_con .ideology_list{display:flex;justify-content: space-between;align-items: flex-start;}
	.about_con .ideology_list li{/* float:left; */display: inline-flex;width: 100%;color:#fff;font-size:20px;text-align:center;height:80px;/* line-height:80px; */border-radius:40px;justify-content: center;align-items: center;box-sizing: border-box;padding: 0 10px;}
	.about_con .ideology_list li + li{margin-left:30px;}
	.about_con .ideology_list li:nth-child(1){background:#1b2272}
	.about_con .ideology_list li:nth-child(2){background:#025eb1}
	.about_con .ideology_list li:nth-child(3){background:#2a90d2}

	.about_con .sub_table .sub_table_tr{display:block;}

	.about_con .about_slogan .slogan_txt{text-align:center;padding:20px 0 60px;}
	.about_con .about_slogan .slogan_txt strong{display:inline-block; vertical-align:top;font-size:26px;line-height:1.4;font-weight:500;color:#333;position:relative;}
	.about_con .about_slogan .slogan_txt strong:after,
	.about_con .about_slogan .slogan_txt strong:before{position:absolute;top:30px;font-size:150px;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;color:#f5f5f5;line-height:38px;font-weight:700;}
	.about_con .about_slogan .slogan_txt strong:before{content:'“';left:-95px;}
	.about_con .about_slogan .slogan_txt strong:after{content:'”';right:-95px;}
	.about_con .about_slogan .slogan_txt span{display:block;font-size:16px;line-height:1.6;color:#333;padding-top:85px;margin-top:25px;position:relative;}
	.about_con .about_slogan .slogan_txt span:before{content:'';position:absolute;top:0;left:50%;width:1px;margin-left:-0.5px;height:60px;background:#333;}
	.about_con .about_slogan .slogan_img{text-align:center;}


	.company_about .sub_table .sub_table_tr > div{display:table-cell;}
	.company_about .sub_table .sub_table_tr dl{display:table;table-layout:fixed;border-collapse:collapse;width:100%;}

	@media screen and (max-width:1023px) {
		.sub_about_img {padding-bottom:30%;}
		.sub_about_img strong{font-size:24px;}
		.about_con > strong{font-size:18px;padding:5% 0 8%;}

		.about_con .ideology_list li{font-size:20px;border-radius:40px;/* height:70px; *//* line-height:70px; */}
		.about_con .ideology_list li + li{margin-left:15px;}
		.about_con .about_slogan .slogan_txt strong{font-size:24px;}
		
		.about_con .about_slogan .slogan_txt strong:after, .about_con .about_slogan .slogan_txt strong:before{font-size:130px;}
		.about_con .about_slogan .slogan_txt strong:before{left:-80px;}
		.about_con .about_slogan .slogan_txt strong:after{right:-80px;}
		.about_con .about_slogan .slogan_txt span:before{height:50px;}
		.about_con .about_slogan .slogan_txt span{padding-top:75px;font-size:16px;}
	}
	@media screen and (max-width:850px) {
		.about_con .ideology_list li{font-size: 17px;height: 70px;}
	}
	@media screen and (max-width:720px) {
		.about_con .about_slogan .slogan_txt strong{font-size:22px;}
	}
	@media screen and (max-width:700px) {
		.about_con .sub_table{display:block;}
		.about_con .sub_table .sub_table_tr{display:block;}
		.about_con > strong br{display:none;}
		.company_about .sub_table .sub_table_tr > div{display:block;}
	}
	@media screen and (max-width:640px) {
		.sub_about_img strong{font-size:20px;line-height:1.4;}
		.about_con > strong{font-size:16px;}
		.about_con .ideology_list{display:block;text-align:center;}
		.about_con .ideology_list li{font-size:18px;width:80%;float:none;margin:0 auto;border-radius:40px;}
		.about_con .ideology_list li + li{margin:15px auto 0;}

		.about_con .about_slogan .slogan_txt strong{font-size:21px;}
		.about_con .about_slogan .slogan_txt strong:after, .about_con .about_slogan .slogan_txt strong:before{font-size:100px;top:0;}
		.about_con .about_slogan .slogan_txt strong:before{left:-30px;}
		.about_con .about_slogan .slogan_txt strong:after{right:-30px;}
		.about_con .about_slogan .slogan_txt span:before{height:40px;}
		.about_con .about_slogan .slogan_txt span{padding-top:65px;font-size:15px;}
	}
	@media screen and (max-width:545px) {
		.about_con .about_slogan .slogan_txt strong{font-size:19px;}
		.about_con .about_slogan .slogan_txt span{font-size:14px;}
	}
	@media screen and (max-width:510px) {
		.about_con .about_slogan .slogan_txt span br{display:none;}
	}
	@media screen and (max-width:485px) {
		.sub_about_img {padding-bottom:45%;}
		.sub_about_img strong{font-size:20px;}
		.about_con > strong{font-size:16px;}
		.about_con .sub_con_tit{font-size:18px;padding-left:10px;position:relative;margin-bottom:28px;}
		.about_con .sub_con_tit:before{top:5px;height:20px}
		
		.about_con .ideology_list li{font-size:16px;height:50px;line-height:50px;width:100%;}
		.about_con .about_slogan .slogan_txt{padding:20px 0 30px;}
		.about_con .about_slogan .slogan_txt strong{font-size:17px;}
		.about_con .about_slogan .slogan_txt span{font-size:14px;}
		.about_con .about_slogan .slogan_txt strong:before{left:-0px;top:0;}
		.about_con .about_slogan .slogan_txt strong:after{right:-0px;top:0;}
	}

	@media screen and (max-width:360px) {
		.sub_about_img {padding-bottom:50%;}
		.sub_about_img strong{font-size:18px;}
		.about_con > strong{font-size:15px;}
		.about_con .ideology_list li{font-size:15px;}
	}


/*───────────────────────────────────────────────────────────

	회사연혁 | company/history.html

───────────────────────────────────────────────────────────*/
	.sub_his_img {height:0;padding-bottom:300px;background:url('../images/sub/history_img.jpg') no-repeat center center;background-size:cover;position:relative;z-index:1;position:relative;}
	.sub_his_img strong{color:#fff;font-size:34px;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-weight:500;width:100%;word-break:keep-all;padding:0 10px;box-sizing:border-box;}
	.sub_his_img strong span{display:block;font-size:16px;font-weight:400;line-height:1.6;margin-top:5px;}

	.sub_history.history1 .his_tab{text-align:center;padding:80px 0 60px;}
	.sub_history.history1 .his_tab ul{display:inline-block;vertical-align:top;}
	.sub_history.history1 .his_tab li{float:left;}
	.sub_history.history1 .his_tab li + li{margin-left:40px;}
	.sub_history.history1 .his_tab li a{font-size:30px;color:#ddd;padding:0 15px;position:relative;display:block;letter-spacing:-0.04em;transition:all 0.5s;}
	.sub_history.history1 .his_tab li a:before{content:'';position:absolute;bottom:0;left:0;width:0;background:#1b2272;opacity:0.1;height:15px;transition:all 0.5s;}
	.sub_history.history1 .his_tab li.on a,.sub_history.history1 .his_tab li:hover a{color:#333;font-weight:500;}
	.sub_history.history1 .his_tab li.on a:before,.sub_history.history1 .his_tab li:hover a:before{width:100%;}


	.sub_history.history1 .history_wrap{overflow:hidden;height:0;}
	.sub_history.history1 .history_wrap.active{height:auto;overflow:visible;}

	.sub_history.history1 .history_box *{/*letter-spacing:-0.04em;*/}
	.sub_history.history1 .history_box + .history_box{margin-top:50px;}
	.sub_history.history1 .history_box .his_tit {float:left;text-align:right;width:50%;position:relative;z-index:3;}
	.sub_history.history1 .history_box .his_detail {float:right;text-align:left;width:50%;padding-top:8px;}
	.sub_history.history1 .history_box .his_tit strong {font-size:33px;line-height:1.4;color:#1b2272;padding-right:120px;margin-right:20px;position:relative;display:block;}
	.sub_history.history1 .history_box .his_tit strong:after{content:'';position:absolute;top:26px;right:0;margin-top:0;width:100px;height:1px;background:#999;}



	.sub_history.history1 .history_box .his_detail > div{padding-left:50px;position:relative;}
	.sub_history.history1 .history_box .his_detail > div:before{content:'';position:absolute;top:25px;left:0;height:calc(100% + 60px);width:1px;background:#ddd;z-index:1;}
	.sub_history.history1 .history_box .his_detail > div + div{margin-top:40px;}
	.sub_history.history1 .history_box .his_detail strong{font-size:30px;color:#333;position:relative;margin-bottom:20px;display:block;}
	.sub_history.history1 .history_box .his_detail strong:before{content:'';width:11px;height:11px;border-radius:50%;position:absolute;top:50%;left:-55px;transform:translateY(-50%);background:#1b2272;z-index:2;}
	.sub_history.history1 .history_box .his_detail .detailYear {display:table;table-layout:fixed;border-collapse:collapse;margin-right:30px;margin-left:28px;}
	.sub_history.history1 .history_box .his_detail .detailYear + .detailYear {margin-top:2%;}

	.sub_history.history1 .history_box .his_detail .detailYear dt,
	.sub_history.history1 .history_box .his_detail .detailYear dd {display:table-cell;box-sizing:border-box;}
	.sub_history.history1 .history_box .his_detail .detailYear dt {width:40px;font-size:18px;color:#333;font-weight:500;}
	.sub_history.history1 .history_box .his_detail .detailYear dd {width:calc(100% - 40px)}
	.sub_history.history1 .history_box .his_detail .detailYear dd ul {}
	.sub_history.history1 .history_box .his_detail .detailYear dd li {word-break:keep-all;padding:0;line-height:1.6;font-size:16px;vertical-align:middle;box-sizing:border-box;color:#666;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}

	.sub_history.history1 .history_box .his_detail .detailYear dd li + li {margin-top:2%}


	.sub_history.history1 .history_box:last-child .his_detail > div:last-child:before{background:#fff;height:100%;}



	@media screen and (max-width:1023px) {
		.sub_his_img {padding-bottom:30%;}
		.sub_his_img strong{font-size:30px;}
	}


	@media screen and (max-width:860px) {
		
		.sub_history.history1 .history_box .his_detail > div{padding-left:30px;}
		.sub_history.history1 .history_box .his_tit strong{font-size:27px;}
		.sub_history.history1 .history_box .his_tit strong:after{top:20px;}
		.sub_history.history1 .history_box .his_detail{padding-top:3px;}
		.sub_history.history1 .history_box .his_detail strong{font-size:26px;margin-bottom:15px;}
		.sub_history.history1 .history_box .his_detail .detailYear{margin-left:0;}
		.sub_history.history1 .history_box .his_detail strong:before{left:-35px;}
		
	}
	@media screen and (max-width:680px) {
		.sub_history.history1 .history_box .his_tit strong{font-size:25px;}
	}
	@media screen and (max-width:650px) {
		.sub_history.history1 .history_box + .history_box{margin-top:70px;}
		.sub_history.history1 .history_box .his_tit{width:100%;text-align:left;float:none;}
		.sub_history.history1 .history_box .his_tit strong{padding-right:0;margin-right:0;}
		.sub_history.history1 .history_box .his_tit strong:after{display:none;}
		.sub_history.history1 .history_box .his_detail{width:100%;float:none;padding-left:20px;padding-top:40px;}
		.sub_history.history1 .history_box .his_detail > div:before{top:20px;}
		.sub_history.history1 .history_box .his_detail > div:last-child:before{background:#fff;height:100%;}
		.sub_history.history1 .history_box .his_detail .detailYear{margin-left:20px;}
		.sub_history.history1 .his_tab li + li{margin-left:10px;}
		

		
	}

	@media screen and (max-width:640px) {
		.sub_his_img {padding-bottom:40%;}
		.sub_his_img strong{font-size:24px;}
		.sub_his_img strong span{font-size:14px;}
		.sub_his_img strong span br{display:none;}
		.sub_history.history1 .his_tab{padding:60px 0 40px;}
		.sub_history.history1 .his_tab li a{font-size:24px;padding:0 10px;}
		.sub_history.history1 .his_tab li a:before{height:15px;}

	}
	@media screen and (max-width:479px) {
		.sub_his_img {padding-bottom:60%;}
		.sub_his_img strong span{font-size:13px;line-height:1.4}
		.sub_history.history1 .his_tab li:hover a{color:#ddd;}
		.sub_history.history1 .his_tab li:hover a:before{width:0;}
		.sub_history.history1 .his_tab li.on a{color:#333;}
		.sub_history.history1 .his_tab li.on a:before{width:100%;}
		.sub_history.history1 .history_box .his_tit strong{font-size:22px;}
		
		.sub_history.history1 .history_box .his_detail{padding-top:20px;padding-left:10px;}
		.sub_history.history1 .history_box .his_detail strong{font-size:21px;}
		.sub_history.history1 .history_box .his_detail strong:before{left:-25px;}
		.sub_history.history1 .history_box .his_detail > div{padding-left:20px;}
		
		.sub_history.history1 .history_box .his_detail .detailYear{margin-left:0;}
		.sub_history.history1 .history_box .his_detail .detailYear dt{font-size:16px;width:30px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li{font-size:15px;}

	}
	@media screen and (max-width:431px) {
		.sub_history.history1 .history_box .his_tit strong{font-size:19px;}
		.sub_history.history1 .history_box .his_detail .detailYear dd li{font-size:14px;}
	}
	@media screen and (max-width:320px) {	
		.sub_history.history1 .his_tab li a{font-size:22px;}
		.sub_history.history1 .his_tab li a:before{height:10px;}

	}



/*───────────────────────────────────────────────────────────

	오시는길 | company/location.html

───────────────────────────────────────────────────────────*/
	.sub_location div, 
	.sub_location ul, 
	.sub_location li, 
	.sub_location dl, 
	.sub_location dt, 
	.sub_location dd, 
	.sub_location p, 
	.sub_location span {transition:all 0.3s;}
	.sub_location_map {position:relative;height:539px;width:100%;}
	.sub_location_map .map_box {position:absolute;left:0;top:0;width:100%;height:100%;}
	.sub_location_map iframe {float:none; height:100% !important; box-sizing:border-box;}
	.sub_location_info *{/*letter-spacing:-0.04em;*/}
	.sub_location_info{width:100%;font-size:0;margin-top:40px;display:table;}
	.sub_location_info > dl{display:table-cell;width:50%;text-align:left;vertical-align:top;}
	.sub_location_info > dl dt{line-height:1.6;font-size:20px;}
	.sub_location_info > dl dt.sub_con_tit:before{height:26px;top:4px;}
	.sub_location_info > dl dt p{font-size:24px;color:#222;font-weight:700;letter-spacing:-0.05em;}
	.sub_location_info > dl dt p span{font-size:24px;font-weight:700;color:#f14b51;}
	.sub_location_info > dl dd ul{margin-top:33px;}
	.sub_location_info > dl dd ul li + li{margin-top:21px;}
	.sub_location_info > dl dd ul li span{font-size: 16px;color:#222;font-weight:500;display: inline-block;width: 132px;padding-left:13px;margin-right:20px;position: relative;/* letter-spacing:-0.05em; */vertical-align:top;line-height:25px;}
	.sub_location_info > dl dd ul li span:before{width:3px;height:3px;border-radius:100%;background:#aaa;position: absolute;left:0;top:10px;content:"";}
	.sub_location_info > dl dd ul li p{font-size: 16px;color:#666;font-weight:400;display: inline-block;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;width: calc(100% - 165px);}
	.sub_location_info .location_address{padding-right: 20px;}
	.sub_location_info .location_address .sub_con_tit{padding-top:3px;padding-bottom:1px;}
	.sub_location_info .location_address .sub_con_tit p{height:28px;}
	.sub_location_info .location_address .sub_con_tit:before{top:2px;}
	.sub_location_info .location_address .sub_con_tit p img{height:100%;vertical-align:top;}
	.sub_location_info .location_traffic{padding-left:20px;}
	.sub_location_info .location_traffic dd ul li span{/*margin-right:30px;*/width: 100%;display: block;margin-bottom: 5px;}
	.sub_location_info .location_traffic dd > ul > li > ul{display: inline-block;margin-top:0;margin-left:-3px;width: 100%;padding-left: 15px; box-sizing:border-box;}
	.sub_location_info .location_traffic dd > ul > li > ul li + li{margin-top:10px;}
	.sub_location_info .location_traffic dd > ul > li > ul li{font-size:15px;color:#666;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;position:relative;padding-left:10px;}
	.sub_location_info .location_traffic dd > ul > li > ul li:before{content:'-';position:absolute;top:0;left:0;}

	@media only screen and (max-width:1217px) {
		.sub_location{width:100%;box-sizing:border-box;/*padding:0 15px;*/}
		.sub_location_map{height:530px;}
	}
	@media only screen and (max-width:1000px) {
		.sub_location_info > dl dd ul li span,	.sub_location_info > dl dd ul li p{font-size: 15px;}
		.sub_location_info > dl dd ul li span{width: 122px;}
		.sub_location_info > dl dd ul li p{width: calc(100% - 155px);}
	}
	@media only screen and (max-width:920px) {
		/*.sub_location_map{height:470px;}	
		.sub_location_info .location_address{padding-right:20px;}
		.sub_location_info .location_traffic{padding-left:20px;}
		.sub_location_info > dl dd ul li span{font-size:16px;margin-right:10px;}
		.sub_location_info > dl dd ul li span:before{top:11px;}
		.sub_location_info > dl dd ul li p{font-size:14px;width:calc(100% - 93px);}
		.sub_location_info .location_traffic dd ul li span{margin-right:15px;}
		.sub_location_info .location_traffic dd > ul > li > ul{width:calc(100% - 98px);}*/
		

	}
	@media only screen and (max-width:810px) {
		.sub_location{margin-bottom:70px;}
		.sub_location_map{height:420px;}
		.sub_location_info{display: block;margin-top:30px;}	
		.sub_location_info > dl{display: block;width:100%;}
		.sub_location_info .location_address{padding:0;}
		.sub_location_info .location_traffic{padding:0;margin-top:40px;}
		.sub_location_info > dl dd ul li span{font-size: 17px;margin-right: 15px;width: 187px;}
		.sub_location_info .location_traffic dd ul li span{/* margin-right:30px; */}
		.sub_location_info > dl dd ul li p{font-size: 15px;width: calc(100% - 215px);margin-top: 2px;}
	.sub_location_info .location_traffic dd > ul > li > ul{width:100%;}

	}
	@media only screen and (max-width:640px) {
		.sub_location{padding:0;}
	}
	@media only screen and (max-width:470px) {
		.sub_location{margin-bottom:50px;}
		.sub_location_map{height:350px;}
		.sub_location_info > dl dt{font-size:19px;}
		.sub_location_info > dl dt.sub_con_tit:before{top:3px;}
		.sub_location_info > dl dd ul li span{font-size:15px;/* margin-right:20px; */}
		.sub_location_info .location_traffic dd ul li span{margin-right:10px;}
		.sub_location_info > dl dd ul{margin-top:20px;}
		.sub_location_info > dl dd ul li p{font-size:14px;width:100%;padding-left: 13px;}
		.sub_location_info .location_address dd ul {margin-top:40px;}
		.sub_location_info .location_traffic dd > ul > li > ul{width:100%}
		.sub_location_info .location_traffic dd > ul > li > ul li{font-size:14px;}
	}
	@media only screen and (max-width:420px) {
		.sub_location_map{height:300px;}
		.sub_location_info > dl dd ul li span{width:68px;margin-right:10px;}
		.sub_location_info .location_address .sub_con_tit p{height:22px;}
		.sub_location_info .location_traffic dd ul li span{margin-right:10px;}
		.sub_location_info .location_traffic dd > ul > li > ul{width:calc(100% - 91px);}
	}
	@media only screen and (max-width:395px) {
		.sub_location_info > dl dd ul li span{font-size:15px;padding-left:8px;}
		.sub_location_info > dl dd ul li span:before{top:10px;}
		.sub_location_info > dl dd ul li p{font-size:15px;}
	}
	@media only screen and (max-width:375px) {
		.sub_location{margin-bottom:40px;}
		.sub_location_map{height:270px;}
		.sub_location_info > dl dd ul li p{font-size:14px;}
	}
	@media only screen and (max-width:350px) {
		.sub_location_info > dl dd ul li span{font-size:14px;width:65px;margin-right:5px;}
		.sub_location_info .location_traffic dd ul li span{margin-right:5px;}
		.sub_location_info > dl dd ul li span:before{top:9px;}
	}
	@media only screen and (max-width:340px) {
		.sub_location{margin-bottom:30px;}
		/* .sub_location_map{height:230px;} */
		.sub_location_info > dl dt p{font-size:22px;}
		.sub_location_info > dl dt p span{font-size:22px;}
		.sub_location_info > dl dd ul li p{font-size:13px;}
	}




/*───────────────────────────────────────────────────────────

	제품- SOLUTION 

───────────────────────────────────────────────────────────*/

.sub_goods .sub_tab_menu li a,
.product_intro .sub_tab_menu li a,
.product_composition .sub_tab_menu li a,
.product_benefit .sub_tab_menu li a,
.product_partner .sub_tab_menu li a,
.product_success .sub_tab_menu li a{width:100%;}


	@media only screen and (max-width:1023px) {
		.sub_goods .sub_tab_menu li a,
		.product_intro .sub_tab_menu li a,
		.product_composition .sub_tab_menu li a,
		.product_benefit .sub_tab_menu li a,
		.product_partner .sub_tab_menu li a,
		.product_success .sub_tab_menu li a{width:100%;}
	}


/*제품구성*/
	.composition_con .sub_img_box{border:1px solid #ddd;box-sizing:border-box;margin-top:25px;}
	
	@media only screen and (max-width:640px) {
		.composition_con .sub_img_box{margin-top:20px;}
		
	}

/* 특장점 및 기대효과 - product/benefit.html */
	.benefit_con *{/*letter-spacing:-0.04em;*/}
	.benefit_con .benefit_list{padding-top:30px;}
	.benefit_con .benefit_list > li{float:left;margin-left:20px;width:calc(50% - 10px);border:1px solid #ddd;box-sizing:border-box;margin-bottom:20px;transition:all 0.3s;}
	.benefit_con .benefit_list > li:nth-child(2n+1){margin-left:0;}
	.benefit_con .benefit_list dl{display: flex;table-layout:fixed;border-collapse:collapse;justify-content: flex-start;align-items: center;}
	.benefit_con .benefit_list dt{display:table-cell;background:#f5f5f5;font-size: 19px;color:#333;font-weight:500;box-sizing:border-box;width:210px;padding: 60px 10px;height:300px;text-align:center;vertical-align:middle;transition:all 0.3s; line-height:130%;}
	.benefit_con .benefit_list dt img{height:92px;display:block;margin:27px auto 0;transition:all 0.3s;}
	.benefit_con .benefit_list dd{display:table-cell;padding:0 25px;box-sizing:border-box;width:calc(100% - 210px);vertical-align:middle;}
	.benefit_con .benefit_list .con_list li{color:#666;font-size:14px;padding-left:12px;position:relative;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;transition:all 0.3s;}
	.benefit_con .benefit_list .con_list li:before{content:'';width:3px;height:3px;background:#666;position:absolute;top:12px;left:0;border-radius:50%;}
	.benefit_con .benefit_list .con_list li + li{margin-top:8px;}
	.benefit_con > div + div{margin-top:76px}

	@media only screen and (max-width:1200px) {
		.benefit_con .benefit_list dd{padding:0 15px;}
	}

	@media only screen and (max-width:1080px) {
		.benefit_con .benefit_list dt{width:150px;font-size:18px;padding:70px 0;}
		.benefit_con .benefit_list dd{width:calc(100% - 150px);}
		.benefit_con .benefit_list .con_list li{font-size:13px;}
		.benefit_con .benefit_list .con_list li:before{top:10px;}
	}
	@media only screen and (max-width:890px) {
		.benefit_con .benefit_list > li{margin-left:0;width:100%;}
		.benefit_con .benefit_list dt{padding:60px 10px;width:200px;}
		.benefit_con .benefit_list dd{padding:0 30px; width:calc(100% - 200px);}

	}
	@media only screen and (max-width:640px) {
		.benefit_con .benefit_list{padding-top:20px;}
		.benefit_con .benefit_list .con_list li{font-size:14px;}
		.benefit_con .benefit_list dt{font-size:16px;width:150px;}
		.benefit_con .benefit_list dd{padding:0 15px; width:calc(100% - 150px);}
		
	}

	@media only screen and (max-width:479px) {
		.benefit_con .benefit_list dt{padding:70px 10px;}
		.benefit_con .benefit_list dt img{height:70px;}
		.benefit_con .benefit_list .con_list li{font-size:12px;}
		.benefit_con > div + div{margin-top:30px}
	}
	@media only screen and (max-width:420px) {
		.benefit_con .benefit_list dt{width:130px; font-size:15px; height:340px; padding:90px 10px;}
		.benefit_con .benefit_list dd{width:calc(100% - 130px);}
		.benefit_con .benefit_list .con_list li{font-size:11.5px;}
		.benefit_con .benefit_list .con_list li + li{margin-top:5px;}
	}
	@media only screen and (max-width:340px) {
		.benefit_con .benefit_list dt{width:110px; font-size:13px;}
		.benefit_con .benefit_list dd{width:calc(100% - 110px);}
	}

/* 파트너사 - product/partner.html */
	.partner_con .partner_list * {letter-spacing:-0.04em;}
	.partner_con .partner_list{display:flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
	.partner_con .partner_list li{width:calc(25% - 15px);vertical-align:top;margin-left:20px;margin-bottom: 20px;}
	.partner_con .partner_list li:nth-child(4n+1){margin-left:0;}
	.partner_con .partner_list li .partner_img{border:1px solid #ddd;box-sizing:border-box;}
	.partner_con .partner_list li .partner_txt{text-align:center;}
	.partner_con .partner_list li .partner_txt strong{font-size:18px;color:#333;margin-top:20px;display:block;font-weight:500;}
	.partner_con .partner_list li .partner_txt p{font-size:16px;color:#666;font-weight:300;margin-top:10px;}


	@media only screen and (max-width:1023px) {
		.partner_con .partner_list li .partner_txt strong{font-size:17px;margin-top:15px;}
		.partner_con .partner_list li .partner_txt p{font-size:15px;}
	}

	@media only screen and (max-width:860px) {
		.partner_con .partner_list li{width:calc(50% - 10px);}
		.partner_con .partner_list li:nth-child(2n+1){margin-left:0;}
		.partner_con .partner_list li + li + li{margin-top:40px;}
	}

	@media only screen and (max-width:640px) {
		.partner_con .partner_list li .partner_txt strong{font-size:16px;margin-top:10px;}
		.partner_con .partner_list li .partner_txt p{font-size:14px;margin-top:5px;}
		.partner_con .partner_list li + li + li{margin-top:30px;}
	}

	/*도입기업*/
	.product_intro .nav_wrap .nav_box p{font-weight:400;}
	.intro_con {text-align:center;}
	.intro_con .intro_tab {margin-bottom:50px;border-top:0;border-bottom:0;text-align:center;}
	.intro_con .intro_tab {display:inline-block;line-height:26px;vertical-align:top;text-align:center;margin:24px 15px;transition:all 0.3s;}
	.intro_con .intro_tab li {padding:0 25px;line-height:26px;font-size:0;display:inline-block;box-sizing:border-box;vertical-align:top;float:none;text-align:center;margin-bottom:30px;transition:all 0.3s;}
	.intro_con .intro_tab li a {font-size:25px;color:#ddd;padding:0 15px;position:relative;display:block;width:auto;letter-spacing:-0.04em;transition:all 0.5s; transition:all 0.3s; font-weight:500;}
	.intro_con .intro_tab li a:before{content:'';position:absolute;bottom:-2px;left:0;width:0;background:#1b2272;opacity:0.1;height:15px;transition:all 0.5s;}
	.intro_con .intro_tab li:hover a,.intro_con .intro_tab li.on a {color:#333;font-weight:500;}
	.intro_con .intro_tab li:hover a:before,.intro_con .intro_tab li.on a:before {width:100%;}
	.intro_con .intro_tab li + li:before {display:none;}
	
	.intro_panel{margin-top:20px;}
	.intro_panel > div{overflow:hidden;height:0;}
	.intro_panel > div.active{height:auto;overflow:visible;}

	.intro_list li{float:left;margin-left:20px;width:calc(25% - 15px);margin-bottom:20px;position:relative;transition:all 0.3s;}
	.intro_list li:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ddd;box-sizing:border-box;}
	.intro_list li img{height:auto;}
	.intro_list li:nth-child(4n+1){margin-left:0;}

	@media only screen and (max-width:1220px) {
		.intro_con .intro_tab li{padding:0 20px;}
		.intro_con .intro_tab li a{font-size:23px;}

	}
	@media only screen and (max-width:1111px) {
		.intro_con .intro_tab li{padding:0 15px;}
	}
	@media only screen and (max-width:1023px) {
		.intro_con .intro_tab{margin-bottom:30px;}
		.intro_con .intro_tab li a {font-size:26px;padding:0 10px;}
	}
	@media only screen and (max-width:860px) {
		/*도입기업*/
		.intro_list li{margin-left:20px;width:calc(33.33% - 13.33px);}
		.intro_list li:nth-child(4n+1){margin-left:20px;}
		.intro_list li:nth-child(3n+1){margin-left:0;}
	}
	@media only screen and (max-width:640px) {
		.intro_con .intro_tab li {padding:0 10px; margin-bottom:20px;}
		.intro_con .intro_tab li a {font-size:21px;padding:0 10px;}
		.intro_con .intro_tab li a:before{height:13px;bottom:0px;}		
		/*도입기업*/
		.intro_list li{margin-left:15px;width:calc(50% - 7.5px);}
		.intro_list li:nth-child(3n+1){margin-left:15px;}
		.intro_list li:nth-child(2n+1){margin-left:0;}

	}
	@media only screen and (max-width:540px) {
		.intro_con .intro_tab li {padding:0 5px; margin-bottom:15px;}
		.intro_con .intro_tab li a {font-size:19px;padding:0 5px;}
		.intro_con .intro_tab li a:before{height:10px;bottom:3px;}
	}
	@media only screen and (max-width:479px) {
		.intro_con .intro_tab{margin-bottom:20px;}
		
		.intro_con .intro_tab li {padding:0 5px;margin-bottom:20px;}
		.intro_con .intro_tab li a {font-size:24px;padding:0 5px;}
	}
	@media only screen and (max-width:450px) {
		.intro_con .intro_tab {margin:24px 0;}
		.intro_con .intro_tab li a {font-size:17px;}
	}
	@media only screen and (max-width:431px) {
		.product_intro .nav_wrap .nav_box p br{display:none;}
	}
	@media only screen and (max-width:380px) {
		.intro_con .intro_tab li a {font-size:15px;}
	}
	@media only screen and (max-width:350px) {
		.intro_con .intro_tab li{margin-bottom:10px;}
		.intro_con .intro_tab li a {font-size:14px;}
	}
	@media only screen and (max-width:320px) {
		.intro_list li{margin-left:10px;width:calc(50% - 5px);}
		.intro_con .intro_tab li a {font-size:20px;}
		.intro_list li:nth-child(3n+1){margin-left:10px;}
		.intro_list li:nth-child(2n+1){margin-left:0;}
	}


/*───────────────────────────────────────────────────────────

	제품- CLOUD

───────────────────────────────────────────────────────────*/

/*개요*/
	.outline_con *{letter-spacing:-0.2px;}
	.outline_con > p {font-size:15px;color:#666;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;padding:20px 0 30px;transition:all 0.5s;}
	.outline_con .outline_01{padding:80px 15px 100px;border:1px solid #ddd;position:relative;}
	.outline_con .outline_01 .outline_c_box{width:437px;padding-bottom:437px;margin:0 auto;border:2px dashed #ddd;border-radius:50%;position:relative;transition:all 0.5s;}
	.outline_con .outline_01 .outline_c_box .c_txt_box{transition:all 0.5s;box-sizing:border-box;width:363.5px;padding-bottom:363.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;border-radius:50%;background: rgb(241,241,241);background: linear-gradient(148deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);box-shadow:  20px 20px 50px #ddd,-19px -19px 50px #ffffff;}
	.outline_con .outline_01 .outline_c_box .c_txt_box .c_txt_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
	.outline_con .outline_01 .outline_c_box .c_txt_box img{}
	.outline_con .outline_01 .outline_c_box .c_txt_box span{display:inline-block;width:100%;padding:10px 0;font-size:18px;font-weight:300;color:#666;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	.outline_con .outline_01 .outline_c_box .c_txt_box strong{display:inline-block;width:100%;font-size:26px;font-weight:500;color:#333;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;padding-bottom:25px;}
	.outline_con .outline_01 .outline_c_box .c_txt_box img:last-child{margin-left:-15px;}
	/*강화2개*/
	.outline_con .reinforce_list li{width: 213px;height: 213px;border-radius:50%;position:absolute;top:20px;}
	.outline_con .reinforce_list li .txt_box{width: 200px;height: 200px;background:#f6f6f6;position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);border-radius:50%;text-align:center;padding-top: 50px;box-sizing:border-box;}
	.outline_con .reinforce_list li .txt_box span{font-size:16px;color:#333;}
	.outline_con .reinforce_list li .txt_box strong{display:block;font-size: 19px;font-weight:500;color:#333;margin-top:5px;}
	.outline_con .reinforce_list li:nth-child(1){background: rgb(75,188,228);background: linear-gradient(90deg, rgba(75,188,228,1) 0%, rgba(53,57,128,1) 100%);left:-280px;}
	.outline_con .reinforce_list li:nth-child(2){background: rgb(75,188,228);background: linear-gradient(90deg,rgba(53,57,128,1) 0%, rgba(75,188,228,1) 100%);right:-280px;}


		/*점선*/
		.outline_con .reinforce_list li .txt_box:before{content:'';position:absolute;top:50%;margin-top:-0.5px;background:none;border-top:1px dashed #35387e;width: 98px;height:1px;}
		.outline_con .reinforce_list li:nth-child(1) .txt_box:before {right: -100px;}
		.outline_con .reinforce_list li:nth-child(2) .txt_box:before {left: -99px;}

		/*작은 동그라미*/
		.outline_con .reinforce_list li:after{content:'';width:7px;height:7px;position:absolute;top:50%;background:#35387f;border-radius:50%;transform:translateY(-50%);z-index:3;}
		.outline_con .reinforce_list li:nth-child(1):after{right: -90px;}
		.outline_con .reinforce_list li:nth-child(2):after{left: -90px;}

		/*큰동그라미*/
		.outline_con .reinforce_list li:before{content:'';width:15px;height:15px;box-sizing:border-box;position:absolute;top:50%;background:#fff;border:1px solid #35387f;border-radius:50%;transform:translateY(-50%);z-index:2;}
		.outline_con .reinforce_list li:nth-child(1):before{right: -94px;}
		.outline_con .reinforce_list li:nth-child(2):before{left: -94px;}
	
	/*시스템2개*/
	.outline_con .system_list li{transition:all 0.5s;z-index:1;width:340px;height:100px;background-color:#1b2272;background-repeat:no-repeat;background-size:62px;color:#fff;font-size: 15px;box-sizing:border-box;position:absolute;bottom:80px;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;display: inline-flex;align-items: center;}
	.outline_con .system_list li:nth-child(1){text-align:left;border-radius: 15px 0 15px 15px;padding: 20px 15px 20px 100px;background-image:url('../images/sub/outline_s_01.png');background-position: 20px center;left:40px;}
	.outline_con .system_list li:nth-child(2){text-align:right;border-radius:0 15px 15px 15px;padding: 20px 100px 20px 20px;background-image:url('../images/sub/outline_s_02.png');background-position: right 15px center;right:40px;}
	.outline_con .system_list li:before{content:'';position:absolute;top:0;width:0;height:0;border-bottom:30px solid transparent;}
	.outline_con .system_list li:nth-child(1):before{right:-20px;border-left:40px solid #1b2272;}
	.outline_con .system_list li:nth-child(2):before{left:-20px;border-right:40px solid #1b2272;}


	.outline_con .outline_02{margin-top:20px;border:1px solid #ddd;padding: 110px 100px 100px;position:relative;}
	.outline_con .outline_02 .outline_tit{transition:all 0.5s;font-size: 35px;font-weight:700;color:#1b2272;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;position:relative;display:inline-block;vertical-align:top;}
	.outline_con .outline_02 .outline_tit:after{content:'';width:100%;height:12px;background:#1b2272;opacity:0.1;position:absolute;bottom:5px;left:0;}

	.outline_con .outline_02 ul{margin-top: 40px;}
	.outline_con .outline_02 li{padding: 13px 20px 13px;width: 100%;background:#f5f5f5;border-radius:50px;box-sizing:border-box;transition:all 0.5s;}
	.outline_con .outline_02 li + li{margin-top:10px;}
	.outline_con .outline_02 li p{font-size: 17px;color:#333;vertical-align:middle;display:inline-block;margin-top:-2px; width:calc(100% - 58px);}
	.outline_con .outline_02 li span{font-size: 27px;font-weight:700;color:rgba(0,0,0,0.2);vertical-align:middle;display:inline-block;margin-right: 20px;width: 38px;}
	.outline_con .outline_02 .outline_img{/* position:absolute; *//* top:50%; *//* right: 10px; *//* transform:translateY(-50%); */z-index:1;transition:all 0.5s;text-align: center;}

	@media only screen and (max-width:1240px) {
		/*강화2개*/
		.outline_con .reinforce_list li{width: 193px;height: 193px;}
		.outline_con .reinforce_list li .txt_box{width: 180px;height: 180px; padding:50px 10px 0;}
		.outline_con .reinforce_list li .txt_box strong{font-size:17px;}
		.outline_con .reinforce_list li .txt_box span{font-size:16px;color:#333;}
		.outline_con .reinforce_list li:nth-child(1){left: -235px;}
		.outline_con .reinforce_list li:nth-child(2){right: -235px;}

			/*점선*/
			.outline_con .reinforce_list li .txt_box:before{width:70px;}
			.outline_con .reinforce_list li:nth-child(1) .txt_box:before {right:-75px;}
			.outline_con .reinforce_list li:nth-child(2) .txt_box:before {left:-75px;}

			/*작은 동그라미*/
			.outline_con .reinforce_list li:nth-child(1):after{right:-70px;}
			.outline_con .reinforce_list li:nth-child(2):after{left:-70px;}

			/*큰동그라미*/
			.outline_con .reinforce_list li:nth-child(1):before{right:-74px;}
			.outline_con .reinforce_list li:nth-child(2):before{left:-74px;}


		/*시스템2개*/
		.outline_con .system_list li{bottom:60px;}
	


		.outline_con .outline_02{padding:110px 7% 100px;}
		.outline_con .outline_02 .outline_img{right:7%;}
		
	}
	@media only screen and (max-width:1150px) {
		.outline_con .system_list li{width:320px;}
		.outline_con .system_list li:nth-child(1){left:20px;}
		.outline_con .system_list li:nth-child(2){right:20px;}
	}
	@media only screen and (max-width:1080px) {
		/*시스템2개*/
		.outline_con .system_list li{bottom:50px;width:290px;font-size:14px;background-size:50px;height:80px;}
		.outline_con .system_list li:nth-child(1){padding:15px 10px 15px 80px; background-position:20px center;}
		.outline_con .system_list li:nth-child(2){padding:15px 80px 15px 10px;background-position:right 20px center;}


		.outline_con .outline_02{padding:110px 5% 100px;}
		.outline_con .outline_02 .outline_img{/* right:5%; *//* width:45%; */}
	}
	@media only screen and (max-width:960px) {
		.outline_con .outline_01 .outline_c_box{width:360px;padding-bottom:360px;margin:0 auto;border:2px dashed #ddd;border-radius:50%;position:relative;}
		.outline_con .outline_01 .outline_c_box .c_txt_box{box-sizing:border-box;width:300px;padding-bottom:300px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box span{padding:10px 0;font-size: 15px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box strong{font-size: 19px;padding-bottom:15px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box img:last-child{width:130px;}
		
		/*강화2개*/
		.outline_con .reinforce_list li{width: 178px;height: 178px;border-radius:50%;top:0px;}
		.outline_con .reinforce_list li .txt_box{width: 165px;height: 165px;padding-top:40px;}
		.outline_con .reinforce_list li .txt_box span{font-size: 15px;}
		.outline_con .reinforce_list li .txt_box strong{font-size: 16px;margin-top:3px;}
		.outline_con .reinforce_list li:nth-child(1){left: -200px;}
		.outline_con .reinforce_list li:nth-child(2){right: -200px;}

			/*점선*/
			.outline_con .reinforce_list li .txt_box:before{width: 56px;}
			.outline_con .reinforce_list li:nth-child(1) .txt_box:before {right: -57px;}
			.outline_con .reinforce_list li:nth-child(2) .txt_box:before {left: -55px;}

			/*작은 동그라미*/
			.outline_con .reinforce_list li:nth-child(1):after{right: -49px;}
			.outline_con .reinforce_list li:nth-child(2):after{left: -49px;}

			/*큰동그라미*/
			.outline_con .reinforce_list li:nth-child(1):before{right: -53px;}
			.outline_con .reinforce_list li:nth-child(2):before{left: -53px;}


		/*시스템2개*/
		.outline_con .system_list li{bottom:50px;width:270px;font-size: 13px;background-size:50px;height:80px;}
		.outline_con .system_list li:nth-child(1){padding:15px 15px 15px 80px;background-position:15px center;}
		.outline_con .system_list li:nth-child(2){padding:15px 80px 15px 10px;background-position:right 15px center;}
		.outline_con .system_list li:before{border-bottom:20px solid transparent;}
		.outline_con .system_list li:nth-child(1):before{right:-10px;border-left:30px solid #1b2272;}
		.outline_con .system_list li:nth-child(2):before{left:-10px;border-right:30px solid #1b2272;}


		.outline_con .outline_02{padding:60px 5%;}
		.outline_con .outline_02 .outline_tit{font-size:36px;}
		.outline_con .outline_02 ul{margin-top:30px;}
		.outline_con .outline_02 li span{font-size:23px;width:30px;margin-right:10px;}
		.outline_con .outline_02 li p{font-size:15px; width:calc(100% - 40px);}
	}
	@media only screen and (max-width:860px) {
		
		.outline_con .outline_02 .outline_img{transform:translateY(0);position:static;/* width:60%; */margin:30px auto 0;}
		.outline_con .outline_02 li{margin:0 auto;}
		.outline_con .outline_01 .outline_c_box{margin-bottom:200px;}
		.outline_con .reinforce_list li{top:auto;bottom:-190px;}
		.outline_con .reinforce_list li:nth-child(1){left:-40px;}
		.outline_con .reinforce_list li:nth-child(2){right:-40px;}
		/*점선*/
			.outline_con .reinforce_list li .txt_box:before{width: 51px;top: -12px;}
			.outline_con .reinforce_list li:nth-child(1) .txt_box:before {right: 0;transform:translateY(0) rotate(120deg);}
			.outline_con .reinforce_list li:nth-child(2) .txt_box:before {left: 0px;transform:translateY(0) rotate(60deg);}

			/*작은 동그라미*/
			.outline_con .reinforce_list li:after{top: -27px;transform:translateY(0)}
			.outline_con .reinforce_list li:nth-child(1):after{right: 17px;}
			.outline_con .reinforce_list li:nth-child(2):after{left: 19px;}

			/*큰동그라미*/
			.outline_con .reinforce_list li:before{top: -31px;transform:translateY(0)}
			.outline_con .reinforce_list li:nth-child(1):before{right: 13px;}
			.outline_con .reinforce_list li:nth-child(2):before{left: 15px;}
	


		/*시스템2개*/
		.outline_con .system_list{padding-top:20px; text-align:center;}
		.outline_con .system_list li{position:static;width:80%;font-size: 16px;background-size:50px;height:80px;margin:0  auto;margin-top:20px;}
		.outline_con .system_list li:nth-child(1){border-radius:15px;padding: 10px 15px 10px 120px;background-position:50px center;}
		.outline_con .system_list li:nth-child(2){border-radius:15px;padding: 10px 120px 10px 10px;background-position:right 50px center;}
		.outline_con .system_list li:before{display:none;}
		
		.outline_con .outline_02 li{margin:0 auto;width:100%;}
	}


	@media only screen and (max-width:640px) {
		.outline_con > p{font-size:14px;line-height:1.6;padding:15px 0 20px;}
		.outline_con .outline_01{padding:40px 15px 50px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box img:last-child{margin-left:-30px;}
		/*시스템2개*/
		.outline_con .system_list{padding-top:20px;}
		.outline_con .system_list li{width:100%;font-size: 16px;height:auto;min-height: 100px;}
		.outline_con .system_list li:nth-child(1){padding:25px 30px 25px 100px;background-position:30px center;}
		.outline_con .system_list li:nth-child(2){padding:25px 100px 25px 30px;background-position:right 30px center;}
	
		.outline_con .outline_02 .outline_tit{font-size:32px;}
		.outline_con .outline_02 .outline_img{width:100%;}
		
	}
	@media only screen and (max-width:479px) {
		.outline_con .outline_01 .outline_c_box{width:100%;padding-bottom:100%;margin:0 auto;border:2px dashed #ddd;border-radius:50%;position:relative;}
		.outline_con .outline_01 .outline_c_box .c_txt_box{box-sizing:border-box;width:85%;padding-bottom:85%;box-shadow:  10px 10px 30px #ddd,-10px -10px 30px #ffffff;}
		.outline_con .outline_01 .outline_c_box .c_txt_box span{padding:5px 0;font-size:13px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box strong{font-size:18px;padding-bottom:15px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box img:first-child{width:50px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box img:last-child{width:50%;}


		.outline_con .outline_01 .outline_c_box{margin-bottom:200px;}
		.outline_con .reinforce_list li{bottom:-200px;}
		.outline_con .reinforce_list li:nth-child(1){left:0;}
		.outline_con .reinforce_list li:nth-child(2){right:0;}
	
		/*시스템2개*/
		.outline_con .system_list{padding-top:20px;}
		.outline_con .system_list li{font-size:15px;background-size:40px;}
		.outline_con .system_list li:nth-child(1){padding:20px 20px 20px 70px;background-position:20px center;}
		.outline_con .system_list li:nth-child(2){padding:20px 70px 20px 20px;background-position:right 20px center;}

		.outline_con .outline_02 .outline_tit{font-size:22px;}
		.outline_con .outline_02 .outline_tit:after{height:10px;bottom:0;}
		.outline_con .outline_02 li{padding:15px 20px;}
		.outline_con .outline_02 li span{font-size:18px;width:20px;vertical-align:top;}
		.outline_con .outline_02 li p{width:calc(100% - 30px);vertical-align:top;margin-top:0;}
	}

	@media only screen and (max-width:431px) {
		.outline_con > p{font-size:13px;}
		.outline_con .outline_01 .outline_c_box{margin-bottom:160px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box span{padding:5px 0;font-size:12px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box strong{font-size:16px;padding-bottom:10px;}
		.outline_con .outline_01 .outline_c_box .c_txt_box img:first-child{width:40px;}
		
		.outline_con .reinforce_list li{top:auto;bottom:-160px;}
		.outline_con .system_list li{font-size:14px; min-height:85px;}
		/*강화2개*/
		.outline_con .reinforce_list li{width: 143px;height: 143px;}
		.outline_con .reinforce_list li .txt_box{width: 130px;height: 130px;padding-top:30px;}
		.outline_con .reinforce_list li .txt_box span{font-size: 12px;}
		.outline_con .reinforce_list li .txt_box strong{font-size: 12px;margin-top:3px;}

			/*점선*/
			.outline_con .reinforce_list li .txt_box:before{width: 50px;top: -9px;}
			.outline_con .reinforce_list li:nth-child(1) .txt_box:before {right:-15px;transform:translateY(0) rotate(120deg);}
			.outline_con .reinforce_list li:nth-child(2) .txt_box:before {left: -13px;transform:translateY(0) rotate(60deg);}

			/*작은 동그라미*/
			.outline_con .reinforce_list li:after{top: -26px;transform:translateY(0)}
			.outline_con .reinforce_list li:nth-child(1):after{right: 2px;}
			.outline_con .reinforce_list li:nth-child(2):after{left:4px;}

			/*큰동그라미*/
			.outline_con .reinforce_list li:before{top: -30px;transform:translateY(0)}
			.outline_con .reinforce_list li:nth-child(1):before{right: -2px;}
			.outline_con .reinforce_list li:nth-child(2):before{left:0;}
		.outline_con .outline_02 li p{font-size:14px;}
	}
	@media only screen and (max-width:375px) {
		
		/*점선*/
		.outline_con .reinforce_list li .txt_box:before{width: 44px;top: -10px;}
		.outline_con .reinforce_list li:nth-child(1) .txt_box:before {right: -13px;transform:translateY(0) rotate(120deg);}
		.outline_con .reinforce_list li:nth-child(2) .txt_box:before {left: -7px;transform:translateY(0) rotate(60deg);}

		/*작은 동그라미*/
		.outline_con .reinforce_list li:after{top: -21px;transform:translateY(0)}
		.outline_con .reinforce_list li:nth-child(1):after{right: 2px;}
		.outline_con .reinforce_list li:nth-child(2):after{left: 12px;}

		/*큰동그라미*/
		.outline_con .reinforce_list li:before{top: -25px;transform:translateY(0)}
		.outline_con .reinforce_list li:nth-child(1):before{right: -2px;}
		.outline_con .reinforce_list li:nth-child(2):before{left: 8px;}

	.outline_con .outline_02 li p{font-size:12px;}
	}
	@media only screen and (max-width:360px) {
		.outline_con .outline_01{padding:40px 10px 50px}
		.outline_con .system_list li{font-size:12px;}
		.outline_con .system_list li:nth-child(1){padding:20px 10px 20px 70px}
		.outline_con .system_list li:nth-child(2){padding:20px 70px 20px 10px}
		/*강화2개*/
		.outline_con .reinforce_list li{width: 133px;height: 133px;}
		.outline_con .reinforce_list li .txt_box{width: 120px;height: 120px;padding-top: 27px;}
		.outline_con .outline_01 .outline_c_box{margin-bottom:170px;}
		.outline_con .reinforce_list li{top:auto;bottom:-170px;}
			/*점선*/
			.outline_con .reinforce_list li .txt_box:before{width: 44px;top: -22px;}
			.outline_con .reinforce_list li:nth-child(1) .txt_box:before {right: 3px;transform: translateY(0) rotate(105deg);}
			.outline_con .reinforce_list li:nth-child(2) .txt_box:before {left: 9px;transform:translateY(0) rotate(70deg);}

			/*작은 동그라미*/
			.outline_con .reinforce_list li:after{top: -42px;transform:translateY(0)}
			.outline_con .reinforce_list li:nth-child(1):after{right: 20px;}
			.outline_con .reinforce_list li:nth-child(2):after{left: 28px;}

			/*큰동그라미*/
			.outline_con .reinforce_list li:before{top: -46px;transform:translateY(0)}
			.outline_con .reinforce_list li:nth-child(1):before{right: 16px;}
			.outline_con .reinforce_list li:nth-child(2):before{left: 24px;}
	}
	@media only screen and (max-width:320px) {
		.outline_con .reinforce_list li .txt_box strong{font-size:11px;}
		.outline_con .outline_02{padding:60px 10px;}
	}


/*특장점*/
	.features_con *{/*letter-spacing:-0.02em;*/}

	.features_con .sub_table .sub_table_th{width:233px;text-align:center;font-weight:500;}
	.features_con .sub_table .sub_table_th,.features_con .sub_table .sub_table_td{padding:23px 20px;}


	.features_con .sub_table{margin-top:25px;}
	.features_con > div + div{margin-top:65px;}

	

	@media only screen and (max-width:1023px) {
		.features_con .sub_table .sub_table_th{width:200px;}
		.features_con .sub_table .sub_table_th,.features_con .sub_table .sub_table_td{padding:15px 15px;}
	}
	@media only screen and (max-width:640px) {
		.features_con .sub_table .sub_table_th,.features_con .sub_table .sub_table_td{display:block;width:100%;}
		.features_con .sub_table .sub_table_th{text-align:left;}
		.features_con .sub_table .sub_table_td{height:auto;}
		.features_con .sub_table .sub_table_tr:first-child .sub_table_td{border-top:0;}
		.features_con .sub_table .sub_table_tr:first-child .sub_table_th{border-top:1px solid #ddd;}

		.features_con .sub_table{margin-top:20px;}
		.features_con > div + div{margin-top:40px;}

	}
	@media only screen and (max-width:475px) {
		.features_con .sub_table .sub_table_th,.features_con .sub_table .sub_table_td{padding:15px 10px;}
		.features_con .sub_table .sub_table_th{padding:10px;}
		
	}


/*주요서비스*/
		.service_con * {/* letter-spacing:-0.04em; */}
		.service_con > div + div{margin-top:65px;}
		.service_con .sub_table{margin-top:25px;}
		.service_con .slide_table_con{margin-top:25px;}
		.service_con .sub_table .sub_table_th{width:233px;text-align:center;}

		/*주요서비스*/
		.main_service_con{border:1px solid #ddd;padding:60px 15px 180px;margin-top:25px;}
		.main_service_con .service_c_wrap{width:476px;padding-bottom:476px;background:url('../images/sub/service_bg_img.jpg') no-repeat;background-size:cover;margin:0 auto;position:relative;}
		.main_service_con .service_c_wrap .service_c_tit{transition:all 0.5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:194px;height:194px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);background:#fff;border-radius:50%;text-align:center;padding-top:20px;box-sizing:border-box;}
		.main_service_con .service_c_wrap .service_c_tit img:first-child{width:40px;}
		.main_service_con .service_c_wrap .service_c_tit span{display:block;font-size: 14px;color:#666;font-weight:300;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;padding-top:5px;}
		.main_service_con .service_c_wrap .service_c_tit strong{font-weight:500;font-size: 15px;color:#333;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;padding:2px 0 3px;display:block;}
		.main_service_con .service_c_wrap ul li{position:absolute;transition:all 0.5s;}
		.main_service_con .service_c_wrap ul li .tit_box{font-size: 16px;color:#fff;text-align:center;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;line-height:1.3}
		.main_service_con .service_c_wrap ul li .txt_box{transition:all 0.5s;position:absolute;top:0;}
		.main_service_con .service_c_wrap ul li .txt_box dt{transition:all 0.5s;font-size: 23px;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;font-weight:700;padding-bottom:7px;}
		.main_service_con .service_c_wrap ul li .txt_box:before{content:'';position:absolute;background:#ddd;}
		.main_service_con .service_c_wrap ul li .txt_box:after{content:'';width:7px;height:7px;border-radius:50%;border:4px solid #fff;position:absolute;}
		.main_service_con .service_c_wrap ul li .txt_box dd{transition:all 0.5s;vertical-align:top;display:inline-block;letter-spacing:-0.06em;word-break:keep-all;font-size: 15px;color:#666;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;position:relative;padding-left:10px;}
		.main_service_con .service_c_wrap ul li .txt_box dd + dd{margin-top:7px;}
		.main_service_con .service_c_wrap ul li .txt_box dd:before{content:'';position:absolute;top:12px;left:0;width:3px;height:3px;border-radius:50%;background-color:#666;}
		.main_service_con .service_c_wrap ul li:nth-child(1){top:130px;left: 42px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box{text-align:right;top:-50px;right: 186px;width:250px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box:before{top:20px;right:-90px;width:70px;height:1px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box:after{background:#95c242;top:13px;right:-103px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box dt{color:#95c242;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box dd{padding-right:10px;padding-left:0;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box dd:before{left:auto;right:0;}
		.main_service_con .service_c_wrap ul li:nth-child(2){top:130px;right: 25px;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box{width:245px;top:-50px;left: 176px;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box:before{top:20px;left:-80px;width:60px;height:1px;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box:after{background:#1d94ce;top:13px;left:-92px;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box dt{color:#1d94ce;}
		.main_service_con .service_c_wrap ul li:nth-child(3){bottom:40px;left:50%;transform:translateX(-50%);}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box{text-align:center;width:410px;left:50%;transform:translateX(-50%);top:125px;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box:before{width:1px;height:35px;top:-40px;left:50%;margin-left:-0.5px;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box:after{top:-48px;left:50%;transform:translateX(-50%);z-index:3;background:#0b62a7;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box dt{color:#0b62a7;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box dt,.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box dd{}

	@media only screen and (max-width:1200px) {
		.main_service_con .service_c_wrap{width:400px;padding-bottom:400px;}
		.main_service_con .service_c_wrap ul li .tit_box{font-size: 14.5px;}
		.main_service_con .service_c_wrap ul li:nth-child(1){top:85px;left: 44px;}
		.main_service_con .service_c_wrap ul li:nth-child(2){top:85px;right:35px;}
		.main_service_con .service_c_wrap ul li .txt_box dt{font-size:20px;}
		.main_service_con .service_c_wrap ul li .txt_box dd{font-size:14px;}
		.main_service_con .service_c_wrap ul li .txt_box dd:before{top:10px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box{width:230px;right: 143px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box:before{right:-74px;width:55px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box:after{right:-85px;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box{width:230px;left: 151px;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box:before{left:-74px;width:55px;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box:after{left:-85px;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box{top:120px;}	
	}

	@media only screen and (max-width:1023px) {
		.service_con .sub_table .sub_table_th{width:200px;}
		.service_con .sub_table .sub_table_th,.service_con .sub_table .sub_table_td{padding:15px 15px;}
	}

	@media only screen and (max-width:930px) {
		.main_service_con{padding:60px 15px;}
		.main_service_con .service_c_wrap{width:100%;padding-bottom:0;height:auto;background:none;}
		.main_service_con .service_c_wrap .service_c_tit{position:static;transform:translate(0,0);margin:0 auto;width:250px;height:250px;padding-top:40px;}
		.main_service_con .service_c_wrap .service_c_tit span{padding-top:10px;}
		.main_service_con .service_c_wrap .service_c_tit strong{font-size: 18px;padding-bottom:15px;}
		.main_service_con .service_c_wrap .service_c_tit img:last-child{width:auto;}

		.main_service_con .service_c_wrap ul li{position:static;margin-top:40px;width:100%;max-width: 100%;margin:40px auto 0;}
		.main_service_con .service_c_wrap ul li .tit_box{width:100%;max-width:400px;padding:20px 10px;text-align:center;box-sizing:border-box;margin:0 auto;font-size: 17px;}
		.main_service_con .service_c_wrap ul li .tit_box br{display:none;}
		.main_service_con .service_c_wrap ul li .txt_box{position:relative;margin-top:40px;}
		.main_service_con .service_c_wrap ul li .txt_box dt{font-size:21px;}
		.main_service_con .service_c_wrap ul li .txt_box dd{padding-left:0;font-size: 15px;}
		.main_service_con .service_c_wrap ul li .txt_box dd:before{position:static;display:inline-block;vertical-align:middle;margin-right:5px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .tit_box{background:#95c242;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box{text-align:center;width:100%;top:0;left:0;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box:before{width:1px;height:35px;top:-40px;left:50%;margin-left:-0.5px;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box:after{background:#95c242;top:-48px;left:50%;transform:translateX(-50%);}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box dt{color:#95c242;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box dd{padding-right:0;padding-left:0;}
		.main_service_con .service_c_wrap ul li:nth-child(1) .txt_box dd:before{left:0;right:auto;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .tit_box{background:#1d94ce;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box{width:100%;top:0;left:0;text-align:center;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box:before{width:1px;height:35px;top:-40px;left:50%;margin-left:-0.5px;}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box:after{background:#1d94ce;top:-48px;left:50%;transform:translateX(-50%);}
		.main_service_con .service_c_wrap ul li:nth-child(2) .txt_box dt{color:#1d94ce;}
		.main_service_con .service_c_wrap ul li:nth-child(3){transform:translateX(0);}
		.main_service_con .service_c_wrap ul li:nth-child(3) .tit_box{background:#0b62a7;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box{width:100%;transform:translateX(0);top:0;left:0;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box:before{width:1px;height:35px;top:-40px;left:50%;margin-left:-0.5px;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box:after{top:-48px;left:50%;transform:translateX(-50%);z-index:3;background:#0b62a7;}
		.main_service_con .service_c_wrap ul li:nth-child(3) .txt_box dt{color:#0b62a7;}
	}
	@media only screen and (max-width:850px) {
	}
	@media only screen and (max-width:767px) {	
	}


	@media only screen and (max-width:640px) {
		.main_service_con .service_c_wrap .service_c_tit strong{font-size:17px;}
		.main_service_con .service_c_wrap ul li .tit_box{font-size:16px;}
		.main_service_con .service_c_wrap ul li .txt_box dt{font-size:19px;}
		.main_service_con .service_c_wrap ul li .txt_box dd{font-size:14px;}

		.service_con .sub_table .sub_table_th,.service_con .sub_table .sub_table_td{display:block;width:100%;}
		.service_con .sub_table .sub_table_th{padding:10px;}
		.service_con .sub_table .sub_table_td{height:auto;padding:15px 10px;}
		.service_con .sub_table .sub_table_tr:first-child .sub_table_td{border-top:0;}
		.service_con .sub_table .sub_table_tr:first-child .sub_table_th{border-top:1px solid #ddd;}
		.service_con .sub_table{margin-top:20px;}
		.service_con > div + div{margin-top:40px;}
		.service_con .slide_table_con{margin-top:20px;}
		.main_service_con{margin-top:20px;padding:40px 15px;}
		.main_service_con .service_c_wrap ul li .tit_box{padding:15px 10px;}

	}

	@media only screen and (max-width:479px) {
		.main_service_con .service_c_wrap .service_c_tit{position:static;transform:translate(0,0);margin:0 auto;width:200px;height:200px;padding-top:30px;}
		.main_service_con .service_c_wrap .service_c_tit span{padding-top:5px;}
		.main_service_con .service_c_wrap .service_c_tit strong{font-size:15px;padding-bottom:10px;}
		.main_service_con .service_c_wrap .service_c_tit img:last-child{width:75px;}
		.main_service_con .service_c_wrap ul li .tit_box{font-size:15px;}
		.main_service_con .service_c_wrap ul li .txt_box dt{font-size:17px;}
		.main_service_con .service_c_wrap ul li .txt_box dd{font-size:13px;}
	}
	@media only screen and (max-width:375px) {
		.main_service_con .service_c_wrap ul li .txt_box dt{font-size:16px;}
	}