@charset "euc-kr";

html,body{width:100%; margin:0; padding:0; border:0; }



body{width:100%;}
.wrap{position:relative; z-index:0; width:100%; overflow:hidden}
.contents{max-width:1840px;position:relative;padding-bottom:100px; margin:0 auto}
.contents.no_pd{padding-bottom:0}


h3.sub_title{font-size:36px; color:#4c4c4c; padding-top:10px;text-align:center;font-weight:400}
p.sub_img{text-align:center;margin-top: -30px;}

.subtit{color:#4c4c4c; font-size:20px;display: inline-block;vertical-align:top; padding-bottom:10px }
.subtit span{color:#4c4c4c; font-size:16px}
.subtit_bar{display:inline-block;height:23px; width:3px; margin-right:10px; background:#e74923;vertical-align:top}

.s_sub_txt{color:#4c4c4c; font-size:16px; font-weight:300;line-height: 24px;}
.s_sub_txt span{display:block}

section.wid01{max-width:1200px; margin:0 auto}

.mg_bottom{margin-bottom:150px}

/*s:subVisual*/
.sub_vis{height:360px; width:100%; text-align:center;padding-top:140px; margin:0 auto}
.sub_vis.sub01_bg{background-image:url("/2018/images/sub2_bg.jpg");}
.sub_vis.sub02_bg{background-image:url("/2018/images/sub3_bg.jpg");}
.sub_vis.sub022_bg{background-image:url("/2018/images/sub32_bg.jpg");}
.sub_vis.sub023_bg{background-image:url("/2018/images/sub23_bg.jpg");}
.sub_vis.sub024_bg{background-image:url("/2018/images/sub24_bg.jpg");}
.sub_vis.sub3_01_bg{background-image:url("/2018/images/sub3_01_bg.jpg");}
.sub_vis.sub3_05_bg{background-image:url("/2018/images/2022_attle_top.jpg");}
.sub_vis.sub40_bg{background-image:url("/2018/images/sub40_bg.jpg");}
.sub_vis.sub50_bg{background-image:url("/2018/images/m6.jpg");}
.sub_vis.sub03_bg{background-image:url("../../img/sub/sub03_bg.jpg");}
.sub_vis.sub04_bg{background-image:url("../../img/sub/sub04_bg.jpg");}
.sub_vis.sub05_bg{background-image:url("../../img/sub/sub05_bg.jpg");}
.sub_vis.sub06_bg{background-image:url("/2018/images/login_bg.jpg");}
.sub_vis.sub07_bg{background-image:url("/2018/images/m6.jpg");}
.sub_vis.sub08_bg{background-image:url("/2018/images/m7.jpg");}


h2.sub_vis_title{font-size:40px; color:#fff; font-weight:400}
.local{margin-top:10px}
.local .arr{vertical-align:middle; display:inline-block; margin:0 10px}
.local .arr img{vertical-align:middle}
.local .txt{vertical-align:middle; display:inline-block; font-size:14px; color:#fff;}

/*e:subVisual*/

/*s:table_st*/

.bagic_st01{width:100%; border-top:2px solid #666666;  border-bottom:2px solid #666666;margin-top:20px}
.bagic_st01 tr{border:1px solid #cccccc;border-right:0;border-left:0}
.bagic_st01 tr th{color:#4c4c4c; font-size:17px; text-align:left;vertical-align:middle;padding: 15px 10px;}
.bagic_st01 tr td{color:#4c4c4c; font-size:17px; text-align:left;vertical-align:middle;padding: 15px 10px;}
.bagic_st01 tr td a{color:#e74923;font-size:17px; text-decoration:underline;vertical-align:middle;transition: all 0.25s;}
.bagic_st01 tr td a span{margin-left:5px; vertical-align:middle}
.bagic_st01 tr td a span img{vertical-align:middle}
.bagic_st01 tr td a:hover{transition: all 0.25s;opacity:0.5}

.bagic_st01 tr td .tit{font-size:18px; font-weight:bold;display:block;margin-bottom:15px}
/*e:table_st*/

/*s:tab*/

.tab_st01{}
.tab_st01 li{float:left; width:25%; height:50px; line-height:50px; text-align:center;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; }
.tab_st01 li.on{background:#4d4d4d; border-color:#d9d9d9}
.tab_st01 li:first-child{border-left:1px solid #d9d9d9;}
.tab_st01 li a{color:#4c4c4c;display:block}
.tab_st01 li.on a{color:#fff}
.tab_st01 li:hover{opacity:0.7; transition: all 0.25s;}

.tab_st02{margin-top:50px}
.tab_st02 li{float:left; width:50%; height:50px; line-height:50px; text-align:center;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; }
.tab_st02 li.on{background:#4d4d4d; border-color:#d9d9d9}
.tab_st02 li:first-child{border-left:1px solid #d9d9d9;}
.tab_st02 li a{color:#4c4c4c;display:block}
.tab_st02 li.on a{color:#fff}
.tab_st02 li:hover{opacity:0.7; transition: all 0.25s;}
/*e:tab*/
/*s:dash*/
.dash{background:url('../../img/common/dash_line_img.png') repeat; width:100%;    height: 1px;}
/*e:dash*/
/* s:login */
.login{background: #fff;padding: 40px 15% 40px 15%;border-top: 2px solid #b3b3b3;border-bottom: 2px solid #b3b3b3;}
.login .line_box{width:79%; display:inline-block}
.login .line_box.st02{vertical-align:middle}
.login .line{margin-bottom:10px;}
.login .login_form{width:100%; margin-bottom:5px}
.login .login_form .txt{font-size:15px;color:#666666; vertical-align: middle; display:inline-block;width:15%}
.login .login_form .input_box{ vertical-align: middle; display:inline-block; width:75%}
.login .login_form .input_box input{border:1px solid #dfdfdf; width:100%}
.login .login_form > .btn{background: #e74923;height:90px;text-align: center;line-height:90px;border-radius: 5px; width:19%;display: inline-block;vertical-align: top;}
.login .login_form > .btn a{color:#fff;display:block}
.login .login_form > .btn:hover{ -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;  opacity: .8; -khtml-opacity: .80; -moz-opacity: .80; -ms-filter: ”±alpha(opacity=80)”±; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .80;}
.login .login_form > .btn.st02{vertical-align: middle;}


.login .login_btn{width:100%; margin-top:20px}
.login .login_btn .txt{font-size:15px;color:#666666; vertical-align: middle; display:inline-block;width:45%}
.login .login_btn .btn{width:235px; height:36px; line-height:36px; border-radius:5px;text-align:center; background:#666666;display:inline-block; float:right;}
.login .login_btn .btn a{display:block; color:#fff}
.login .login_btn .btn:hover{ -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;  opacity: .8; -khtml-opacity: .80; -moz-opacity: .80; -ms-filter: ”±alpha(opacity=80)”±; filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: .80;}
/* e:login */

/*s:out*/
.out{background: #fff;padding: 40px 15% 40px 15%;border-top: 2px solid #b3b3b3;border-bottom: 2px solid #b3b3b3;text-align:center; margin-top:50px}
.out .out_txt{font-size:14px;color:#4c4c4c; margin-bottom:20px;line-height:25px}
.out .txt{font-size:15px;color:#666666; vertical-align: middle; display:inline-block;width:15%; }
.out .input_box{ vertical-align: middle; display:inline-block; width:84%}
.out .input_box input{border:1px solid #dfdfdf; width:100%}
/*e:out*/

/* s:find_id */
.find_id{background: #f7f7f7;padding: 40px 15% 40px 15%;border-top: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;}
.find_id .line_box{width:79%; display:inline-block}
.find_id .line{margin-bottom:10px;}
.find_id .login_form{width:100%; margin-bottom:5px}
.find_id .login_form .txt{font-size:15px;color:#666666; vertical-align: middle; display:inline-block;width:15%}
.find_id .login_form .input_box{ vertical-align: middle; display:inline-block; width:75%}
.find_id .login_form .input_box input{border:2px solid #43bfbf; width:100%}
.find_id .login_form .input_box input.short{width: 41%;border:2px solid #43bfbf; }
.find_id .login_form .input_box select{width: 50%;border:2px solid #43bfbf; }
.find_id .login_form .input_box span{width: 5%;margin-left: 2%;margin-right: 2%;display: inline-block;}
.find_id .login_form > .btn{background: #e74923;height:86px;text-align: center;line-height:86px;border-radius: 5px; width:19%;display: inline-block;vertical-align: top;}
.find_id .login_form > .btn a{color:#fff;display:block}

.find_id .login_btn{width:100%; margin-top:10px; margin-bottom:20px}
.find_id .login_btn .txt{font-size:15px;color:#666666; vertical-align: middle; display:inline-block;width:100%;}
.find_id .login_btn .btn{width:235px; height:36px; line-height:36px; border-radius:5px;text-align:center; background:#666666;display:inline-block; float:right;}
.find_id .login_btn .btn a{display:block; color:#fff}
/* e:find_id */

/*s:sub01*/

.history_cont01{text-align:center}
.history_cont01 .history_img{text-align:center; margin-top:20px}
.history_cont01 img.pc{max-width:100%;display:block}
.history_cont01 img.mo{max-width:100%;display:none}

.ci_cont01{}
.ci_cont01 .img_box{width:100%;margin-top:40px}
.ci_cont01 .img_box .ci_img{float:left;width:50%; text-align:center;}
.ci_cont01 .img_box .ci_img img{max-width:100%}

.ci_cont01 .img_box02{width:100%;margin-top:40px}
.ci_cont01 .img_box02 .ci_img02{float:left;width:19%; box-sizing:border-box;padding:20px;text-align:center;background:#0180c5;border-radius:10px;color:#fff;margin:8px 0;}
.ci_cont01 .img_box02 .ci_img02 img{max-width:100%}
.ci_cont01 .img_box02 .ci_img02 em{display:inline-block;width:100%;text-align:center;}
.ci_cont01 .img_box02 .ci_img02 .em1{font-size:1.3em;font-weight:bold;color:#ff9727}
.ci_cont01 .img_box02 .ci_img02 .em2{}
.ci_cont01 .img_box02 .ci_img02 .em3{font-size:0.9em;}
.ci_cont01 .img_box02 .ci_img03{float:left;width:8%;box-sizing:border-box;padding-top:23px;text-align:center;border-radius:10px;color:#000;margin:8px 0;}
.ci_cont01 .img_box02 .ci_img03 .em1{font-size:1.3em;font-weight:bold;color:#ff9727}
.ci_cont01 .img_box02 .ci_img03 .em2{font-size:2.8em;font-weight:bold;color:#a6b7fa;}
.ci_cont01 .img_box02 .ci_img03 .em3{font-size:0.9em;}

.company_cont01{}
.company_cont01 .icon_box01{text-align:center}
.company_cont01 .icon_box01 .com_tit{text-align:center; font-size:60px; color:#cccccc; margin-bottom:40px}
.company_cont01 .icon_box01 .com_tit span{font-size:22px; color:#ef4135;vertical-align: super;}
.company_cont01 .icon_box01 .bg_line{position:relative; }
.company_cont01 .icon_box01 .bg_line .icon_box{display: inline-block;margin:0 5%;transition: all 0.5s}
.company_cont01 .icon_box01 .bg_line .icon_box .icon{}
.company_cont01 .icon_box01 .bg_line .icon_box .icon img{max-width:100%}
.company_cont01 .icon_box01 .bg_line .icon_box .circle{width: 470px; height: 75px; line-height: 75px; border: 1px solid #d9d9d9; border-radius: 40px;background: #f7f7f7; font-size: 16px;color: #4c4c4c; margin-top: 20px;}
.company_cont01 .icon_box01 .bg_line .icon_box .circle.circlest02{width:200px; height:200px; border-radius:5px;line-height:30px;margin-top: -50px;padding: 60px 0 0;}
.company_cont01 .icon_box01 .bg_line .icon_box .circle span{color: #99605c;font-size: 16px;font-weight: bold;}
.company_cont01 .icon_box01 .bg_line .icon_box.iconst01{position: absolute;left: 50%;margin-left: -240px;top:100px}
.company_cont01 .icon_box01 .bg_line .icon_box.iconst02{margin-top:280px} 
.company_cont01 .icon_box01 .bg_line .icon_box.iconst03{margin-top:280px}
.company_cont01 .icon_box01 .bg_line .icon_box.iconst04{margin-top:280px} 
.company_cont01 .icon_box01 .bg_line .icon_box.iconst05{margin-top:280px} 
.company_cont01 .icon_box01 .bg_line .bg01{width:60%;height: 1px;background: #d9d9d9;position: absolute;left: 50%;margin-left: -30%;bottom:20%;z-index: -1;}
.company_cont01 .icon_box01 .bg_line .bg02{height: 40%;width: 1px;background: #d9d9d9;position: absolute;top: 40%;left: 50%;margin-left: -3.5px;z-index: -1;}

.friend_cont01{margin-top:50px}
.friend_cont01 .imgst01{float:left;width:50%; text-align:center}
.friend_cont01 .imgst01 img{max-width:100%}
.friend_cont01 .imgst01 dd{font-size:22px; color:#4c4c4c; margin-top:10px;display:inline-block; vertical-align:middle}
.friend_cont01 .imgst01 dd span{display:inline-block;height:23px; width:3px; margin-right:10px; background:#e74923;vertical-align:middle}


.map_cont01{}
.map_cont01 dl{display:inline-block; margin-top:50px;text-align:center; }
.map_cont01 dl:first-child{}

.map_cont01 dl:nth-child(3){margin:0 5%}
.map_cont01 dl:nth-child(4){float:right}
.map_cont01 dt{display:inline-block; vertical-align:middle}
.map_cont01 dd{display:inline-block; padding:20px;font-size:14px; color:#4c4c4c;background:#f7f7f7; border:1px solid #d9d9d9; border-radius:30px;padding-left: 40px;margin-left: -40px;position: relative;z-index: -1;}
.map_cont01 dd span{color:#99615c; font-size:16px}
.map_cont01 .root_daum_roughmap{width:100% !important}
/*e:sub01*/

/*s:sub02*/


.business_login_box{max-width:1200px;;height:320px;background:url('../../img/sub/business_sec01_bg.png') no-repeat;background-size:cover; margin:60px auto 80px;padding: 70px;}
.business_login_box .tit{color:#fff; font-size:22px;display: inline-block;vertical-align:top }
.business_login_box .tit_bar{display:inline-block;height:23px; width:3px; margin-right:10px; background:#fff;vertical-align:top}

.business_login_box .btn_box{margin-top:60px}
.business_login_box .btn_box .login_on{width: 145px;height: 46px;line-height: 46px;text-align: center;background:#fff;display:inline-block;transition: all 0.25s;border-radius:5px}
.business_login_box .btn_box .login_on a{color:#e74923;font-size:19px;display:block}
.business_login_box .btn_box .login_on:hover{transition: all 0.25s;opacity:0.7}

.business_login_box .btn_box .join{width: 145px;height: 46px;line-height: 46px;text-align: center;background:#fff;display:inline-block;margin-left:10px;transition: all 0.25s;border-radius:5px}
.business_login_box .btn_box .join a{color:#e74923;font-size:19px;display:block}
.business_login_box .btn_box .join:hover{transition: all 0.25s;opacity:0.7}



.search_icon {text-align:right; margin-bottom:10px; height:50px; line-height:50px; margin-top:30px;overflow:hidden;}
.search_icon input{float:right;border-radius:20px; width:200px;vertical-align: middle;  height:35px;}
.search_icon img{vertical-align: middle; margin-left:10px; cursor:pointer}


/*e:sub02*/

/*s:sub03*/

.js-masonry_st_03{margin-top:35px}
.js-masonry_st_03 .item{text-align:center;position:relative;width:23.5%;background:#fff; margin:15px 1%; float:left; transition: all 0.7s;}

.js-masonry_st_03 .item:nth-child(1){margin-left:0; margin-right:1%}
.js-masonry_st_03 .item:nth-child(2){margin-left:1%; margin-right:1%}
.js-masonry_st_03 .item:nth-child(3){margin-left:1%; margin-right:1%}
.js-masonry_st_03 .item:nth-child(4){margin-left:1%; margin-right:0}
.js-masonry_st_03 .item:nth-child(5){margin-left:0; margin-right:1%}
.js-masonry_st_03 .item:nth-child(6){margin-left:1%; margin-right:1%}
.js-masonry_st_03 .item:nth-child(7){margin-left:1%; margin-right:1%}
.js-masonry_st_03 .item:nth-child(8){margin-left:1%; margin-right:0}
.js-masonry_st_03 .item:nth-child(9){margin-left:0; margin-right:1%}
.js-masonry_st_03 .item:nth-child(10){margin-left:1%; margin-right:1%}
.js-masonry_st_03 .item:nth-child(11){margin-left:1%; margin-right:1%}
.js-masonry_st_03 .item:nth-child(12){margin-left:1%; margin-right:0}


.js-masonry_st_03 .item:hover{box-shadow: 5px 5px 15px 0px #666666;transition: all 0.25s }
.js-masonry_st_03 .item a{display:inline-block; width:100%;transition: all 0.25s}
.js-masonry_st_03 .item .img_box{width:100%;overflow:hidden; position:relative; height:200px;border:1px solid #e6e6e6}
.js-masonry_st_03 .item .img_box .img{width:100%;height:100%}
.js-masonry_st_03 .item .img_box .img img{height:200px}
.js-masonry_st_03 .item .txt_box{padding:5%; width:100%;border:1px solid #e6e6e6; border-top:0; height:80px;transition: all 0.25s}
.js-masonry_st_03 .item .tit{color:#333333; font-size:16px; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align:center;}
.js-masonry_st_03 .item .txt{color:#999999; width:100%; font-size:12px; text-align:center; bottom:6%; }
.js-masonry_st_03 .item .icon{position:absolute; right:0; bottom:5%; width:85px; height:26px; line-height:26px;color:#fff;background:#b2b2b2; font-size:11px;transition: all 0.25s}




/*e:sub03*/

/*s:policy_cont*/

.policy_cont{white-space: pre-line;padding: 50px;font-size: 13px;border: 1px solid #e6e6e6;box-shadow: 5px 5px 15px 0px #666666;;margin-top: 50px;}
/*e:policy_cont*/



.sub14_table table{width:100%;}
.sub14_table th{padding:10px 10px 10px 20px;font-size:1.5em;}
.sub14_table td{text-align:left;font-size:1.1em;}

.sub21_table {border:4px solid #f1f1f1;border-radius:5px;}
.sub21_table table{width:100%;}
.sub21_table th{padding:10px 10px 10px 20px;font-size:1.5em;}
.sub21_table td{text-align:left;font-size:16px;border:1px solid #eaeaea;padding:10px 10px;}
.sub21_table .bgg{background:#fafafa}


.sub_member {border:4px solid #f1f1f1;border-radius:5px;margin-bottom:20px;color:#4c4c4c}
.sub_member table{width:100%;}
.sub_member th{padding:35px 0px;font-size:25px;width:130px;text-align:center;background:#fafafa}
.sub_member td{text-align:left;font-size:16px;border-left:1px solid #eaeaea;padding:35px 20px;}

#sub_member_mo{display:none;}

.location{font-size:1.1em;padding:30px;box-sizing:border-box;}
.location li{padding:10px 0}
.location .far,.fas{padding:0 10px;color:#e74923}

.new_icon{font-size:0.8em;background:#e74923;color:#fff;padding:3px 5px 2px 5px;font-weight:bold;}
.fa-reply{font-size:1.2em;font-weight:bold;color:#e74923;}



.answer1{color:#3583f9}
.answer2{color:#61b822}
.answer3{color:#ff0000}




.edu1 {width:100%;}
.edu1 td{text-align:left;}

.edu2 {width:100%;margin-bottom:60px;}
.edu2 td{border:1px solid #eaeaea;padding:10px 10px;}

#edd_mo {display:none;}


.gallery_img{max-width:800px;margin:0 auto;}

#imgup table tr td{border:1px solid #fff}


/* s:1500px media_query */
@media screen and (max-width:1500px) {
	/*s:sub01*/
		.company_cont01{}
		.company_cont01 .icon_box01{text-align:center}
		.company_cont01 .icon_box01 .com_tit{text-align:center; font-size:60px; color:#cccccc; margin-bottom:40px}
		.company_cont01 .icon_box01 .com_tit span{font-size:22px; color:#ef4135;vertical-align: super;}
		.company_cont01 .icon_box01 .bg_line{position:relative; }
		.company_cont01 .icon_box01 .bg_line .icon_box{display: inline-block;margin:0 10px}
		.company_cont01 .icon_box01 .bg_line .icon_box .icon{}
		.company_cont01 .icon_box01 .bg_line .icon_box .icon img{max-width:100%}
		.company_cont01 .icon_box01 .bg_line .icon_box .circle{max-width: 400px; height: 70px; line-height: 70px; border: 1px solid #d9d9d9; border-radius: 40px;background: #f7f7f7; font-size: 14px;color: #4c4c4c; margin: 20px auto;}
		.company_cont01 .icon_box01 .bg_line .icon_box .circle span{color: #99605c;font-size: 16px;font-weight: bold;}
		.company_cont01 .icon_box01 .bg_line .icon_box.iconst01{position: relative;left: auto;margin-left: auto;top: auto;display:block; text-align:center; margin-top:-10px}
		.company_cont01 .icon_box01 .bg_line .icon_box.iconst02{margin-top:0} 
		.company_cont01 .icon_box01 .bg_line .icon_box.iconst03{margin-top:0} 
		.company_cont01 .icon_box01 .bg_line .icon_box.iconst04{margin-top:0} 
		.company_cont01 .icon_box01 .bg_line .icon_box.iconst05{margin-top:0} 
		
		
		.company_cont01 .icon_box01 .bg_line .bg01{width:60%;height: 1px;background: #d9d9d9;position: absolute;left: 50%;margin-left: -30%;bottom:36%;z-index: -1;}
		.company_cont01 .icon_box01 .bg_line .bg02{top:24%}
	/*e:sub01*/


}
/* e:1500px media_query */





/* s:1240px media_query */
@media screen and (max-width:1240px) {
	/*s:sub01*/
	.map_cont01{}
	.map_cont01 dl{display:block; margin-top:10px;text-align:left; }
	.map_cont01 dl:first-child{}

	.map_cont01 dl:nth-child(3){margin:10px 0 0}
	.map_cont01 dl:nth-child(4){float:none}
	.map_cont01 dt{display:inline-block; vertical-align:middle}
	.map_cont01 dd{display:inline-block;text-align:center;; padding:20px;font-size:14px; color:#4c4c4c;background:#f7f7f7; border:1px solid #d9d9d9; border-radius:30px;padding-left: 40px;margin-left: -40px;position: relative;z-index: -1;}
	.map_cont01 dd span{color:#99615c; font-size:16px}


	/*e:sub01*/


}
/* e:1240px media_query */


@media screen and (max-width:650px) {
.ci_cont01 .img_box02 .ci_img03 .em2{font-size:1.6em;font-weight:bold;color:#a6b7fa;}
.ci_cont01 .img_box02 .ci_img03 .em2 i{display:inline;}
.sub_member td{font-size:14px;}
#sub_member_mo{display:block;}
#sub_member_pc{display:none;}
.sub_member th{padding:15px 0px;font-size:25px;text-align:center;background:#fafafa}
.sub_member td{text-align:left;font-size:14px;border-left:1px solid #eaeaea;padding:25px 20px;line-height:1.4em}

#edd_pc {display:none;}
#edd_mo {display:block;}



}

/* s:1024px media_query */



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

	.contents{padding:0 10px}

	h3.sub_title{font-size:25px; color:#4c4c4c; padding-top:10px;text-align:center;font-weight:400}
	p.sub_img{text-align:center;margin-top: -30px; }

	.subtit{color:#4c4c4c; font-size:14px;display: inline-block;vertical-align:top; padding-bottom:10px;width:90% }
	.subtit_bar{display:inline-block;height:16px; width:2px; margin-right:2%; background:#e74923;vertical-align:top}
	.subtit span{color:#4c4c4c; font-size:12px}

	.s_sub_txt{color:#4c4c4c; font-size:12px; font-weight:300;line-height: 20px;}
	.s_sub_txt span{display:inline}
	.sub21_table td{font-size:12px;}
	
	/*s:subVisual*/


	.sub_vis{height:200px; width:100%; text-align:center;padding-top:60px; margin:0 auto}
	


	h2.sub_vis_title{font-size:40px; color:#fff; font-weight:400}
	.local{margin-top:10px}
	.local .arr{vertical-align:middle; display:inline-block; margin:0 10px}
	.local .arr img{vertical-align:middle}
	.local .txt{vertical-align:middle; display:inline-block; font-size:14px; color:#fff;}

	/*e:subVisual*/

	/*s:sub01*/
	.history_cont01 img.pc{max-width:100%;display:none}
	.history_cont01 img.mo{max-width:100%;display:block}

	.ci_cont01{}
	.ci_cont01 .img_box{width:100%;margin-top:40px}
	.ci_cont01 .img_box .ci_img{float:none;width:100%; text-align:center;}
	.ci_cont01 .img_box .ci_img img{max-width:100%}

	.ci_cont01 .img_box02{width:100%;margin-top:40px}
	.ci_cont01 .img_box02 .ci_img02{float:left;width:46%; text-align:center;}
	.ci_cont01 .img_box02 .ci_img02 img{max-width:100%}
	#ci_img03_2, #ci_img03_6{display:none;}

		
	.company_cont01{}
	.company_cont01 .icon_box01{text-align:center}
	.company_cont01 .icon_box01 .com_tit{text-align:center; font-size:22px; color:#cccccc; margin-bottom:40px}
	.company_cont01 .icon_box01 .com_tit span{font-size:16px; color:#ef4135;vertical-align: middle;}
	.company_cont01 .icon_box01 .bg_line{position:relative; }
	.company_cont01 .icon_box01 .bg_line .icon_box{display: block;margin:20px 10px}
	.company_cont01 .icon_box01 .bg_line .icon_box .icon{}
	.company_cont01 .icon_box01 .bg_line .icon_box .icon img{max-width:100%}
	.company_cont01 .icon_box01 .bg_line .icon_box .circle{max-width: 80%; height: 70px; line-height: 70px; border: 1px solid #d9d9d9; border-radius: 40px;background: #f7f7f7; font-size: 14px;color: #4c4c4c; margin: 20px auto;}

	.company_cont01 .icon_box01 .bg_line .icon_box .circle span{color: #99605c;font-size: 16px;font-weight: bold;}
	.company_cont01 .icon_box01 .bg_line .icon_box.iconst01{position: relative;left: auto;margin-left: auto;top: auto;display:block; text-align:center; margin-top:-10px}
	.company_cont01 .icon_box01 .bg_line .icon_box.iconst02{margin-top:auto} 
	.company_cont01 .icon_box01 .bg_line .icon_box.iconst03{margin-top:auto}
	.company_cont01 .icon_box01 .bg_line .icon_box.iconst04{margin-top:auto} 
	.company_cont01 .icon_box01 .bg_line .bg01{display:none}
	.company_cont01 .icon_box01 .bg_line .bg02{display:none}

	.friend_cont01{margin-top:50px}
	.friend_cont01 .imgst01{float:left;width:50%; text-align:center}
	.friend_cont01 .imgst01 img{max-width:100%}
	.friend_cont01 .imgst01 dd{font-size:16px; color:#4c4c4c; margin-top:10px;display:inline-block; vertical-align:middle}
	.friend_cont01 .imgst01 dd span{display:inline-block;height:16px; width:3px; margin-right:10px; background:#e74923;vertical-align:middle}
	/*e:sub01*/
	/*s:sub02*/
	.business_login_box{max-width:1200px;;height:auto;background:url('../../img/sub/business_sec01_bg.png') no-repeat;background-size:cover; margin:30px auto 40px;padding:10%;text-align:center}
	.business_login_box .tit{color:#fff; font-size:18px;display: inline-block;vertical-align:top;text-align:center }
	.business_login_box .tit_bar{display:inline-block;height:23px; width:3px; margin-right:10px; background:#fff;vertical-align:top;display:none}

	.business_login_box .btn_box{margin-top:60px}
	.business_login_box .btn_box .login_on{width: 120px;height:34px;line-height:34px;text-align: center;background:#fff;display:inline-block;transition: all 0.25s;border-radius:5px}
	.business_login_box .btn_box .login_on a{color:#e74923;font-size:15px;display:block}
	.business_login_box .btn_box .login_on:hover{transition: all 0.25s;opacity:0.7}

	.business_login_box .btn_box .join{width: 120px;height:34px;line-height:34px;text-align: center;background:#fff;display:inline-block;margin-left:10px;transition: all 0.25s;border-radius:5px}
	.business_login_box .btn_box .join a{color:#e74923;font-size:15px;display:block}
	.business_login_box .btn_box .join:hover{transition: all 0.25s;opacity:0.7}

	/*e:sub02*/

	/*s:sub03*/
	.js-masonry_st_03{padding:0 10px}
	.js-masonry_st_03 .item{width:32%;margin:10px 1%; ;}


	.js-masonry_st_03 .item:nth-child(1){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(2){margin-left:1%; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(3){margin-left:1%; margin-right:0}
	.js-masonry_st_03 .item:nth-child(4){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(5){margin-left:1%; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(6){margin-left:1%; margin-right:0}
	.js-masonry_st_03 .item:nth-child(7){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(8){margin-left:1%; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(9){margin-left:1%; margin-right:0}
	.js-masonry_st_03 .item:nth-child(10){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(11){margin-left:1%; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(12){margin-left:1%; margin-right:0}



	.js-masonry_st_03 .item a{display:block; }
	.js-masonry_st_03 .item .tit{ font-size:16px; ;}
	.js-masonry_st_03 .item .txt{ font-size:12px;;}
	/*e:sub03*/


	/*s:policy_cont*/

	.policy_cont{white-space: pre-line;padding:20px;font-size: 12px;border: 1px solid #e6e6e6;box-shadow: 5px 5px 15px 0px #666666;;margin-top: 50px 10px; }
	/*e:policy_cont*/

	
}
/* e:1024px media_query */





/* s:684px media_query */
@media screen and (max-width:684px) {
	
	/*s:table_st*/

	.bagic_st01{width:100%; border-top:2px solid #666666;  border-bottom:2px solid #666666;margin-top:20px}
	.bagic_st01 tr{border:1px solid #cccccc;border-right:0;border-left:0}
	.bagic_st01 tr th{color:#4c4c4c; font-size:14px; text-align:left;vertical-align:middle;padding: 15px 10px;}
	.bagic_st01 tr td{color:#4c4c4c; font-size:14px; text-align:left;vertical-align:middle;padding: 15px 10px;}
	.bagic_st01 tr td a{color:#e74923;font-size:14px; text-decoration:underline;vertical-align:middle;transition: all 0.25s;}
	.bagic_st01 tr td a span{margin-left:5px; vertical-align:middle}
	.bagic_st01 tr td a span img{vertical-align:middle}
	.bagic_st01 tr td a:hover{transition: all 0.25s;opacity:0.5}

	.bagic_st01 tr td .tit{font-size:15px; font-weight:bold;display:block;margin-bottom:15px}
	/*e:table_st*/
	
	/*tab*/
	.tab_menu01{margin:50px auto 0;text-align:center ; padding:5%}
	.tab_menu01 ul{text-align:center;margin: 0 auto; display: inline-block;width:100%}
	.tab_menu01 ul li{float:left;height:40px; line-height:40px; width:50%; border:1px solid #cccccc; border-left:none;text-align:center; transition: all 0.25s; }
	.tab_menu01 ul li a{display:block; font-size:11px;color:#999999; transition: all 0.25s;}
	.tab_menu01 ul li:first-child{ border-left:1px solid #cccccc; border-radius: 25px 0 0 25px;}
	.tab_menu01 ul li:nth-child(2){ border-radius:0 25px 25px 0;}
	
	/*tab*/
	/*tab*/
	.tab_menu02{margin:50px auto 0;text-align:center ; padding:5%}
	.tab_menu02 ul{text-align:center;margin: 0 auto; display: inline-block;width:100%}
	.tab_menu02 ul li{float:left;height:40px; line-height:40px; width:33.33%; border:1px solid #cccccc; border-left:none;text-align:center; transition: all 0.25s; }
	.tab_menu02 ul li a{display:block; font-size:11px;color:#999999; transition: all 0.25s;}

	/*tab*/

	/*tab*/
	.tab_menu04{margin:25px auto 0;text-align:center ; padding:5%}
	.tab_menu04 ul{text-align:center;margin: 0 auto; display: inline-block;width:100%}
	.tab_menu04 ul li{float:left;height:40px; line-height:40px; width:50%;  }
	.tab_menu04 ul li a{font-size:11px;}

	/*tab*/

	/* s:login */
	.login{padding: 40px 0 40px 0}
	.login .line_box{display:block;width:100%}
	.login .line{margin-bottom:10px;}
	.login .login_form{width:100%; margin-bottom:20px}
	.login .login_form .txt{display:block;width:100%;text-align:center; margin-bottom:5px;font-weight:bold}
	.login .login_form .input_box{display:block; width:100%}
	.login .login_form > .btn{width:100%;display:block; height:36px;line-height:36px}


	.login .login_btn{width:100%; margin-top:20px}
	.login .login_btn .txt{display:block;width:100%;text-align:center; margin-bottom:5px;font-weight:bold}
	.login .login_btn .btn{width:100%;display:block; float:none;}

	/* e:login */

	/*s:out*/
	.out{background: #fff;padding: 40px 5% 40px 5%;border-top: 2px solid #b3b3b3;border-bottom: 2px solid #b3b3b3;text-align:center; margin-top:50px}
	.out .out_txt{font-size:12px;color:#4c4c4c; margin-bottom:20px;line-height:25px}
	.out .txt{display:block;width:100%;text-align:center; margin-bottom:5px;font-weight:bold }
	.out .input_box{ display:block; width:100%}
	
	/*e:out*/
	/* s:find_id */

	.find_id{padding: 40px 0 40px 0;}
	.find_id .line_box{display:block;width:100%}
	.find_id .line{margin-bottom:10px;}
	.find_id .login_form{width:100%; margin-bottom:5px}
	.find_id .login_form .txt{display:block;width:100%;text-align:center; margin-bottom:5px;font-weight:bold}
	.find_id .login_form .input_box{display:block; width:100%}
	.find_id .login_form .input_box input{border:2px solid #43bfbf; width:100%}
	.find_id .login_form .input_box input.short{width:85%;border:2px solid #43bfbf;display:inline-block }
	.find_id .login_form .input_box select{width: 100%;border:2px solid #43bfbf; }
	.find_id .login_form .input_box span{width: 10%;margin:0 auto;display:inline-block; text-align:center;margin-bottom: 20px;}
	.find_id .login_form > .btn{background: #3060bf;height:36px;text-align: center;line-height:36px;border-radius: 5px; width:100%;display: inline-block;vertical-align: top;}
	.find_id .login_form > .btn a{color:#fff;display:block}

	.find_id .login_btn{width:100%; margin-top:10px; margin-bottom:20px}
	.find_id .login_btn .txt{font-size:15px;color:#666666; vertical-align: middle; display:inline-block;width:100%; text-align:center;}

	/* e:find_id */

	/* e:login */



	/*s:search*/
	.search_icon {text-align:right; margin-bottom:10px; height:50px; line-height:50px; margin-top:30px; padding-right:10px}
	
	/*e:search*/

	/*s:sub01*/

	.company_cont01{}
	.company_cont01 .icon_box01{text-align:center}
	.company_cont01 .icon_box01 .com_tit{text-align:center; font-size:22px; color:#cccccc; margin-bottom:40px}
	.company_cont01 .icon_box01 .com_tit span{font-size:16px; color:#ef4135;vertical-align: middle;}
	.company_cont01 .icon_box01 .bg_line{position:relative; }
	.company_cont01 .icon_box01 .bg_line .icon_box{display: block;margin:20px 10px}
	.company_cont01 .icon_box01 .bg_line .icon_box .icon{}
	.company_cont01 .icon_box01 .bg_line .icon_box .icon img{max-width:100%}
	.company_cont01 .icon_box01 .bg_line .icon_box .circle{max-width: 80%; height: auto; line-height:18px;padding:10px 5px ;border: 1px solid #d9d9d9; border-radius: 40px;background: #f7f7f7; font-size: 14px;color: #4c4c4c; margin: 20px auto;}
	.company_cont01 .icon_box01 .bg_line .icon_box .circle span{color: #99605c;font-size: 16px;font-weight: bold;}
	.company_cont01 .icon_box01 .bg_line .icon_box.iconst01{position: relative;left: auto;margin-left: auto;top: auto;display:block; text-align:center; margin-top:-10px}
	.company_cont01 .icon_box01 .bg_line .icon_box.iconst02{margin-top:auto} 
	.company_cont01 .icon_box01 .bg_line .icon_box.iconst03{margin-top:auto}
	.company_cont01 .icon_box01 .bg_line .icon_box.iconst04{margin-top:auto} 
	.company_cont01 .icon_box01 .bg_line .bg01{display:none}
	.company_cont01 .icon_box01 .bg_line .bg02{display:none}

	.friend_cont01{margin-top:20px}
	.friend_cont01 .imgst01{float:none;width:100%; text-align:center;margin-top:20px}
	.friend_cont01 .imgst01 img{max-width:100%}
	.friend_cont01 .imgst01 dd{font-size:16px; color:#4c4c4c; margin-top:10px;display:inline-block; vertical-align:middle}
	.friend_cont01 .imgst01 dd span{display:inline-block;height:16px; width:3px; margin-right:10px; background:#e74923;vertical-align:middle}

	.map_cont01{}
	.map_cont01 dl{display:block; margin-top:40px;text-align:left; }
	.map_cont01 dl:first-child{}

	.map_cont01 dl:nth-child(3){margin:40px 0 0}
	.map_cont01 dl:nth-child(4){float:none}
	.map_cont01 dt{display:block; vertical-align:middle; text-align:center;}
	.map_cont01 dd{display:block;text-align:center;; padding:20px;font-size:14px; color:#4c4c4c;background:#f7f7f7; border:1px solid #d9d9d9; border-radius:30px;padding-left: 20px;margin-left:0px;position: relative;z-index: -1;}
	.map_cont01 dd span{color:#99615c; font-size:16px}

	/*e:sub01*/


	/*s:sub03*/

	.js-masonry_st_03 .item{width:49%;margin:10px 1%;}

	.js-masonry_st_03 .item:nth-child(1){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(2){margin-left:1%; margin-right:0}
	.js-masonry_st_03 .item:nth-child(3){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(4){margin-left:1%; margin-right:0}
	.js-masonry_st_03 .item:nth-child(5){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(6){margin-left:1%; margin-right:0}
	.js-masonry_st_03 .item:nth-child(7){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(8){margin-left:1%; margin-right:0}
	.js-masonry_st_03 .item:nth-child(9){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(10){margin-left:1%; margin-right:0}
	.js-masonry_st_03 .item:nth-child(11){margin-left:0; margin-right:1%}
	.js-masonry_st_03 .item:nth-child(12){margin-left:1%; margin-right:0}

	.js-masonry_st_03 .item a{display:block; }
	.js-masonry_st_03 .item .tit{ font-size:16px; ;}
	.js-masonry_st_03 .item .txt{ font-size:12px;;}
	/*e:sub03*/
	

}
/* e:684px media_query */


/* s:480px media_query */
@media screen and (max-width:480px) {
	
	/*s:sub02*/
	.business_login_box{max-width:1200px;;height:auto;background:url('../../img/sub/business_sec01_bg.png') no-repeat;background-size:cover; margin:30px auto 40px;padding:10%;text-align:center}
	.business_login_box .tit{color:#fff; font-size:18px;display: inline-block;vertical-align:top;text-align:center }
	.business_login_box .tit_bar{display:inline-block;height:23px; width:3px; margin-right:10px; background:#fff;vertical-align:top;display:none}

	.business_login_box .btn_box{margin-top:60px}
	.business_login_box .btn_box .login_on{width: 120px;height:34px;line-height:34px;text-align: center;background:#fff;display:inline-block;transition: all 0.25s;border-radius:5px}
	.business_login_box .btn_box .login_on a{color:#e74923;font-size:15px;display:block}
	.business_login_box .btn_box .login_on:hover{transition: all 0.25s;opacity:0.7}

	.business_login_box .btn_box .join{width: 120px;height:34px;line-height:34px;text-align: center;background:#fff;display:inline-block;margin-left:0;transition: all 0.25s;border-radius:5px; margin-top:10px}
	.business_login_box .btn_box .join a{color:#e74923;font-size:15px;display:block}
	.business_login_box .btn_box .join:hover{transition: all 0.25s;opacity:0.7}

	/*e:sub02*/

	/*s:sub03*/
	.js-masonry_st_03 .item{width:90%;margin:10px 5%; ;}

	.js-masonry_st_03 .item:nth-child(1){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(2){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(3){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(4){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(5){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(6){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(7){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(8){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(9){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(10){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(11){margin-left:5%; margin-right:5%}
	.js-masonry_st_03 .item:nth-child(12){margin-left:5%; margin-right:5%}


	/*e:sub03*/
	
	
}
/* e:480px media_query */