@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
html, body {
	font-size:13px;
	color: #242424;
	line-height:140%; 
	font-family:Noto Sans, dotum, gulim;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
}
a,img,input{selector-dummy: expression(this.hideFocus=true);} 
a:link {text-decoration:none; color:#666666;}
a:visited {text-decoration:none; color:#666666;}
a:hover	{text-decoration:none; color: #333333; }
.img_m {vertical-align:middle;}
.img_t {vertical-align:top;}
.img_b {vertical-align:baseline;}
table {border-collapse:collapse;}
table img {max-width:100%;}
hr {display:none;}
ol, ul, li {list-style:none;}
#accessibility, .skip, hr, legend {
	position : absolute ;
	width : 0 ; 
	height : 0 ; 
	font-size : 0 ; 
	line-height : 0 ;
	overflow : hidden ; 
	visibility : hidden ;
}
a,img,input{selector-dummy: expression(this.hideFocus=true);} 
a img, fieldset {border:0px none; }
img {vertical-align:top;}
.imgW img {max-width: 100%;}
caption {display:none;}
address, em{font-style:normal;}	
html:first-child select {padding-left:5px;} 
option, x:-moz-any-link {padding-left:5px;} 
option, x:-moz-any-link, x:default {padding-right: 0;} 
strong, b, h4, h5, dt, th, .caption {font-family:Noto Sans, dotum, gulim; font-weight: 500;}
strong.eb, b.eb, .eb {font-family:Noto Sans, dotum, gulim; font-weight: 500;}
.f0  {font-size:0px;}
.f11 {font-size:11px;}
.f08 {font-size:0.8em !important;}
.f095 {font-size:0.95em;}
.f105 {font-size:1.05em; line-height: 150%}
.f115 {font-size:1.15em; line-height: 170%}
.fx2 {font-size:1.5em; line-height: 150%}
.f12 {font-size:12px;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important; line-height:22px;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px;}
.f20 {font-size:20px !important;}
.fb  {font-weight: 500} 
.feb  {font-weight: 700;} 
.fn  {font-weight: normal !important; font-weight: 300 !important;}
.txt_wrap {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 100%;}
.green {color:#44993e;}
.fcor6 {color:#666666;}
.fcor3 {color:#333333;}
.fcor9 {color:#999 !important;}
.fcor0 {color:#000000;}
.fcora {color:#aaaaaa;}
.fcor4c {color:#4c4c4c;}
.fcor4b {color:#4b4b4b;}
.fcor68 {color:#68ab13;}
.fcor0e {color:#0e8e83;}
.fcor9e {color:#9e509c !important;}
.fcor88 {color:#882886 !important;}
.fcor86 {color:#868686;}
.fcor24 {color:#242424 !important;}
.red {color:#ed1b23 !important;}
.pink {color:#f0236e !important;}
.blue {color:#0c91dd !important;}
.org {color: #ff6600 !important;}
.purple {color:#86368c !important;}
.point_c {color: #283c82 !important}
input[type=text], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], select, textarea {line-height:34px; min-height:34px; vertical-align:middle; font-family:Noto Sans, dotum, gulim; transition:border-color 0.2s; border:1px solid #ccc; border-radius:0px; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; background-color: #fff; font-size: 1em; font-weight: 300;}
input {vertical-align:middle; -webkit-appearance: none;  -webkit-border-radius: 0;}
input[type="radio"] {-webkit-appearance: radio; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin:3px 0.5ex; *margin:0px 0.5px; padding:initial; background-color:initial; border:initial;}
ime_mode {ime-mode:disabled; }
.ez-hide {width:13px;height:13px;opacity:0;filter:alpha(opacity=0); margin:0px !important; position: absolute; left:0px; top: 0px;}
.ez-checkbox {display:inline-block;width:16px;height:16px;background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-radio {display:inline-block;width:23px;height:23px;background:url(/img/common/radio.png) 0 0 no-repeat; padding-right: 5px; vertical-align: middle; position: relative;}
.ez-checked {background-position: 0 bottom !important;}
.ez-selected {background-position: 0 bottom !important;}
.ez-checkbox, .ez-radio {zoom:1; *display:inline; margin-top:-2px;}
.ckeck .ez-hide {width:25px;height:25px;}
.ckeck .ez-checkbox {width:25px;height:25px; background: transparent url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) 0 0 no-repeat; }
.big {font-size: 1.15em;}
.big .ez-radio {width:29px;height:29px;background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) 0 0 no-repeat;}
.big .ez-hide {width:28px;height:28px;}
input::-webkit-input-placeholder { color:#999999; font-weight: 300; }
input::-moz-placeholder { color:#999999; font-weight: 300; }
input:-ms-input-placeholder { color:#999999; font-weight: 300; } 
.select_ds {position: relative;}
.select_ds select {width:100%; padding:0px 0px 0px 10px; box-sizing:border-box; -moz-box-size:border-box; height:40px;}
.col-sm-2 .select_ds {width:50%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-3 .select_ds {width:33.33%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-4 .select_ds {width:25%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-5 .select_ds {width:20%; box-sizing:border-box; -moz-box-size:border-box; float:left;}
.col-sm-2:after, .col-sm-3:after, .col-sm-4:after, .col-sm-5:after { display:block; clear:both; content:"";} 
.pa_minus {display: block;line-height:30px; position: absolute !important; right: 0px; top:50%; margin-top: -15px;}
.pa_label {display:block; line-height:35px; position: absolute !important; left:0px; top:50%; margin-top:-18px;}
.input {
          color:#737070; 
		  background-color:#ffffff;
		  border:solid 1px #cccccc; 
		  height:18px;
		  padding:0px 5px 0 10px;
}	
.input3 {
          color:#888888; 
		  font-size:0.95em; 
		  background-color:#ffffff;
		  border:solid 1px #ffffff; 
		  height:16px;
		  vertical-align:middle;
}	
input.input5 {
    width: 100%;
    color: #737070;
    background: #fff;
    border: solid 1px #cccccc;
    height:40px;
    line-height:38px;
    padding:0px 10px;
    font-size:14px;
    outline: 0;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.textarea2 {
          color:#666666; 
		  font-size: 9pt; 
		  background-color:#ebebeb;
		  border:solid 0  #BDBDBD;
		  padding:2px;
		  }
.textarea {
	      border:solid 1px #cccccc; 
		  background-color:#ffffff;
		  padding:10px 10px;
		  line-height:140%;
		  color:#737070;
          font-size:14px;
}
textarea, .scr	{
	scrollbar-face-color:#ffffff;		
	scrollbar-highlight-color:#d0d0d0;	
	scrollbar-3dlight-color:#ffffff;	
	scrollbar-shadow-color:#d0d0d0;		
	scrollbar-darkshadow-color:#ffffff;	
	scrollbar-track-color:#f7f7f7;		
	scrollbar-arrow-color:#968a7c;		
	overflow-x:hidden;overflow-y:auto; 
}	 
select {border:none; font-family:Noto Sans; font-weight: 300; color:#565a5c; border:1px solid #cccccc; border-radius:0px; box-sizing: border-box;}
.select {height: 40px;}
.select2 {height:28px; width:100%; max-width:90px; min-height: 28px; line-height: 28px;}
.scrollbar1 {
	scrollbar-3dlight-color:#c7c7c7;
	scrollbar-arrow-color:#7b7b7b;
	scrollbar-base-color:#c7c7c7;
	scrollbar-darkshadow-color:#c7c7c7;
	scrollbar-face-color:#f7f7f7;
	scrollbar-highlight-color:#f9f9f9;
	scrollbar-shadow-color:#c7c7c7;
}
.scrollbox {
    height: 200px;
    padding: 12px;
    overflow: auto;
    background: #efeef3;
    border: 1px solid #dadadc;
    overflow-x: hidden;
    font-size:0.95em; 
    font-weight: 300;
}
.scrollbox2 {
    border-top:1px solid #000;
    padding-top: 20px;
    max-height:350px;
    padding: 12px;
    overflow: auto;
    background: #fff;
    overflow-x: hidden;
    font-weight: 300;
}
.mt-28 {margin-top:-28px;}
.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px;}	
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}	 
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt95 {margin-top:95px !important;}
.mr5 {margin-right:5px ;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr0 {margin-right:0px !important;}
.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}	
.mb40 {margin-bottom:40px !important;}	
.mb48 {margin-bottom:48px;}	
.ml0 {margin-left:0px !important;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px !important;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px !important;}
.ml16 {margin-left:16px;}
.ml17 {margin-left:17px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px !important;;}
.ml50 {margin-left:50px;}
.ml65 {margin-left:65px;}
.ml100 {margin-left:100px;}
.mlr10 {margin:0px 10px;}
.pl0 {padding-left:0px !important;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;} 
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:13px;}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px !important;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl93 {padding-left:93px;}
.pl7 {padding-left:7px;}
.pr0 {padding-right:0px !important;} 
.pr5 {padding-right:5px;} 
.pr10 {padding-right:10px;}
.pr13 {padding-right:13px;}
.pr15 {padding-right:15px;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}	
.pr30 {padding-right:30px;}
.pr34 {padding-right:34px;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr74 {padding-right:74px !important;}
.pr120 {padding-right:120px !important;}
.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px;} 
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt13 {padding-top:13px;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px;}
.pt38 {padding-top:38px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px;}
.pb0 {padding-bottom:0px !important;} 
.pb5 {padding-bottom:5px;} 
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px !important;}
.pb13 {padding-bottom:13px;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:35px;}  
.pb35 {padding-bottom:35px;}
.pb48 {padding-bottom:48px;}
.ptb15 {padding:15px 0;}
.prl20 {padding:0px 20px !important;}
.padd_no { padding:0px !important;}
.padd_no table td { padding:0px !important;}
.fl {float:left;}
.fr {float:right !important;}
.cb {clear:both;} 	
.pa {position:absolute;}
.pr {position:relative; *z-index:999;}
.mauto {margin:0 auto;}
.btn-r {margin-top:20px; text-align:right;}
.btn-rb {margin-bottom:-106px; text-align:right; height:89px; padding-top:17px;}
.v0 {*vertical-align:0px !important;}
.v2 {*vertical-align:-2px !important;}
.vm {vertical-align:middle;}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.of_auto{overflow:auto}
.of_hi {overflow:hidden}
.bg_no {background-image:none !important;}
.br_no {border:none !important;}
.bl_no {border-left:none !important;}
.bb_no {border-bottom:none !important;}
.bt_no {border-top:none !important;}
.text_line { text-decoration:underline;}
.li_he16 { line-height:160%;}
.li_he15 { line-height:150%;}
.li_he14 { line-height:140%;}
.li_he13 { line-height:130%;}
.li_he12 { line-height:120%;}
.ib {display:inline-block; vertical-align:middle; *display:inline;}
.db {display:block !important;}
.parking {text-align: center; font-weight: 600; font-size: 2em; line-height: 140%;}
.parking:after {display: block; content:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==); padding-top: 10px;}
.bul_num > li {
	padding-left:17px;
    text-indent: -17px;
	line-height:140%;
	margin:5px 0px;
    font-size: 1em;
	min-height:20px;
}
.bul_num > li > ul {
	padding-left:17px;
}
.bul01 > li {
	padding-left:14px;
    position: relative;
	line-height:140%;
	margin:3px 0px;
    font-size: 1em;
	min-height:20px;
}
.bul01 > li:after {display: block; content: ""; width:4px; height:4px; border-radius:100%; position: absolute; left: 0px; top:10px; background: #4681b6}
.bul01.big > li {
    font-size: 1.14em;
	margin-top: 10px;
}
.bul01.big > li:first-child {margin-top: 0px;}
.bul01.big > li:after {top:12px;}
.bul02 li {
	padding-left:8px;
    text-indent: -7px;
	line-height:140%;
	margin:5px 0px;
	min-height:20px;
}
.bul04 li {
	padding-left:11px;
    background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left 7px;
	line-height:140%;
	margin:5px 0px;
	min-height:20px;
}
#skipToContent {
	font-size: 0;
    left: 0;
    line-height: 0;
	position: absolute;
	top: -30px;
	width: 100%;
	z-index: 999999;
}
#skipToContent a:active, #skipToContent a:focus {
	font-size:13px;
	background-color: #333333;
	border: medium none;
	color: #FFFFFF;
	height: 30px;
	left: 0;
	position: absolute;
	text-align: center;
	text-decoration: underline;
	top: 30px;
	line-height: 30px;
	width: 100%;
	display: block;
}
.no_r {border-right:none !important;}
.no_l {border-left:none !important;}
.no_b {border-bottom:none !important;}
.s_title {height:20px; font-size:20px; color:#515151; font-family:Noto Sans, dotum, gulim; padding:30px 0px 10px 0px; clear:both;}
.ss_title {padding:20px 0px 10px 0px; clear:both;}
.s_title55 {height:55px; padding-top:60px; clear:both;}
.note {clear:both; padding-top:10px; font-size:0.95em; color:#737070;}
.ref {clear:both; font-size:12px; color:#8d8d8d;}
dl.note dt {display:inline-block; zoom:1; *display:inline; height:20px; line-height:20px; color:#fff; font-size:13px; padding:0px 5px; background:#8e8e8e;}
dl.note dd { color:#565656; line-height:20px; padding:2px 0px; font-size:13px;}
.loading_area {position:fixed; width:100%; height:100%; z-index:99999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%; z-index: 99999}
.loader {height: 4px; width: 100%; position: absolute; left:0px; top: 0px;z-index: 99999; overflow: hidden; background-color: #ddd;}
.loader:before{display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #d53f41; animation: loading 2s linear infinite;}
.st_select {min-width:50px; margin-right:2px; position:relative; font-weight: 400; display:inline-block; zoom:1; *display:inline; vertical-align:middle; z-index:9; }
.st_select p.pl10 {background:#fff; border:1px solid #d0d0d0;}
.st_select .select_input {height:25px; line-height:25px; border:none !important; width:100%; *width:97%; *border:1px solid #fff; padding:0px; font-size:13px; font-family: Noto Sans;}
.button-1 {border:none; width:100%; height:27px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center; text-indent:-9999px; line-height:0px; outline: none; cursor: pointer;}
.select_button {border:none; width:100%; height:35px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center; text-indent:-9999px; line-height:0px; outline: none; cursor: pointer;}
.Select {position:absolute; border:1px solid #000000; width:100%; max-height:350px; overflow-y:auto; overflow-x:hidden; top:26px; left:0px; display:none; z-index:999; box-sizing: border-box; padding: 5px 0px; background: #fff;}
.Select li {padding:3px 0 3px 10px; min-height:20px; line-height:20px; font-size:13px;  text-align:left; background:#fff; cursor:pointer; }
.Select li:hover {color:#000;}
.st_select.gray p.pl10 {border:1px solid #cacccb; background:#f4f4f4;}
.st_select.gray .select_input {background:#f4f4f4; color:#737070}
.file_W {position:relative;}
.file_input {  padding-right:123px; position:relative;}
.file_input label {position:absolute; right:0px; top:0px; height:40px; line-height:38px; cursor:pointer; display:inline-block; overflow:hidden;     background: #333333; text-align: center; font-size:14px; font-weight: 400; color: #fff;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_input > input { width:100%;  box-sizing:border-box; -moz-box-size:border-box;}
.menu_btn {position: relative; height:20px; width:30px; cursor: pointer;}
.menu_btn .line-top,
.menu_btn .line-middle,
.menu_btn .line-bottom {position: absolute; display: block; height:2px; width:100%; border-radius:0px; background: #000; transition: all 0.3s 0s ease-in-out; left: 0px;}
.menu_btn .line-top {top: 0; -webkit-transform-origin:11px 0px;  transform-origin:11px 0px; width: 60%;}
.menu_btn .line-middle {top: 9px;  right: 0px;}
.menu_btn .line-bottom {bottom: 0;  -webkit-transform-origin:11px 2px; transform-origin: 11px 2px; width: 60%;}
.down .menu_btn .line-top,
.down .menu_btn .line-middle,
.down .menu_btn .line-bottom {background: #000;}
.menu_btn.is-open .line-top {
	-webkit-animation: line-top-out 400ms linear normal;
    animation: line-top-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 100%;
}
.menu_btn.is-open .line-middle{opacity: 0;}
.menu_btn.is-open .line-bottom{
	-webkit-animation: line-bot-out 400ms linear normal;
    animation: line-bot-out 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 100%;
}
.menu_btn.is-closed .line-top{
	-webkit-animation: line-top-in 500ms linear normal;
    animation: line-top-in 400ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.menu_btn.is-closed .line-middle{
	-webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu_btn.is-closed .line-bottom{
	-webkit-animation: line-bot-in 500ms linear normal;
    animation: line-bot-in 500ms linear normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes line-top-in {
    0% {top: 12px; transform: rotate(-45deg);	}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);	}
	100% {top: 0px;}
}
@keyframes line-top-in {
	0% {top:12px;	transform: rotate(-45deg);}
	10% {top: 12px; transform: rotate(-35deg);	}
	20% {top: 12px; transform: rotate(-20deg);	}
	60% {top: 12px; transform: rotate(0deg);} 
	100% {top: 0px;}
}
@-webkit-keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}
@keyframes line-top-out {
    0% {top: 0px;}
	60% {top: 12px; transform: rotate(0deg);	}
	80% {top: 12px; transform: rotate(-20deg);	}
	90% {top: 12px; transform: rotate(-35deg);	}
	100% {top: 12px;	transform: rotate(-45deg);	}
}
@-webkit-keyframes line-bot-in {
	0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}
@keyframes line-bot-in {
    0% {bottom: 12px; transform: rotate(45deg);	}
	10% {bottom: 12px;	transform: rotate(35deg);	}
	20% {bottom: 12px;	transform: rotate(20deg);	}
	60% {bottom: 12px;	transform: rotate(0deg);	}
	100% {bottom: 0px;	}
}
@-webkit-keyframes line-bot-out {
    0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}
@keyframes line-bot-out {
	0% {bottom: 0px;	}
	60% {bottom: 12px; transform: rotate(0deg);	}
	80% {bottom: 12px;	transform: rotate(20deg);	}
	90% {bottom: 12px;	transform: rotate(35deg);	}
	100% {bottom: 12px; transform: rotate(45deg);	}
}
@media screen and (max-width:479px) {
    .bul_num > li {
        padding-left:15px;
        text-indent: -15px;
    }
    .bul_num > li > ul {
        padding-left:15px;
    }
    .bul01 > li {padding-left: 10px;}
    .bul01 > li:after {width:3px; height:3px; top:6px;}
    .bul02 li {padding-left: 8px; text-indent: -8px;}
	.ez-radio {width:17px; height:17px; background-size:22px auto !important }
	.ckeck .ez-checkbox {width:17px; height:17px; background-size:20px auto !important }
	.ckeck .ez-hide {width:17px; height:17px; }
	td .pl120 {padding-left:90px}
	td .pl60 {padding-left: 50px;}
	td .pl40 {padding-left: 30px;}
	td .pr125 {padding-right:94px !important}
    .select_ds.pr20 {padding-right:12px !important} 
    .select_ds.pl15 {padding-left:12px !important} 
    .col-sm-2.pr25 {padding-right:10px !important} 
    .col-sm-2.pl25 {padding-left:5px !important} 
}
@charset "utf-8";
.table_line {border-top:2px solid #333333 }
.table_line1 {border-top:1px solid #333333;}
.table_line2 {border-top:2px solid #333333; overflow: hidden;}
.table_line2 .board-view {width: calc(100% + 2px); margin:-1px -1px 0px -1px;}
.code_area {position: relative; padding-left: 100px; box-sizing: border-box; background: #000;}
.code_area input {width: 100%; border-left: 0px; padding-left: 10px;}
.code_area .code {position: absolute; width: 100px; left: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color:#fff; text-align: center; display: table;}
.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}
.board_listW { clear:both; width:100%;}
.board_viewW { clear:both; width:100%;}
table.board-list { width:100%; table-layout: fixed; font-size:16px}
table.board-list th { background:#f5f5f5; padding:13px 0 13px; color:#262626; border:1px solid #dddddd; border-top:none; text-align: center; font-weight: 400}
table.board-list tbody th {background:#fafafa;}
table.board-list tr.on th { background:#f5f5f5;}
table.board-list tr.on td { background:#f4f4f4;}
table.board-list td {border:1px solid #dddddd; border-top:none; padding:12px 5px 12px; font-weight: 300; color: #333333; text-align: center; word-break: break-all; line-height: 140%;}
table.board-list td a {color:#333333;}
table.board-list td.subject { text-align:left; padding-left:20px; padding-right:10px;}
table.board-list td.subject a { color: #333333;}
table.board-list.tl th {text-align: left; padding-left: 15px;}
table.board-list.tl td {text-align: left; padding-left: 15px;}
table.board-list td img { vertical-align:middle;}
table.board-list td div.faq { background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat scroll left 1px; padding-left:45px; margin-left:12px; text-align:left;}
table.board-list td.subject .icon_file { background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; padding-left:15px; line-height:14px;}
table.board-list td.subject .org {display: inline-block; background: #ffc240; text-align: center; border-radius: 30px; line-height: 15px; height: 16px; margin-left: 3px; color: #000 !important; font-size: 11px; min-width: 30px; vertical-align: middle;}
table.board-list td.bg {background-color:#f7f7f7;}
table.board-list td .ico {display: inline-block; border: 1px solid #666; color: #fff; background: #666; font-size: 0.95em; padding:0px 5px; min-width:40px; vertical-align: top; margin-right: 4px; text-align: center; height:22px; line-height:22px;}
table.board-list.fn td {font-weight: 300}
table.board-list.dot_line {border-collapse:separate; border-top:2px solid #666666;}
table.board-list.dot_line thead th {font-size:15px; padding:20px 0; border:none; background:none;} 
table.board-list.dot_line thead tr {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) repeat-x left bottom #f2f2f2;} 
table.board-list.dot_line thead tr.bgc_no {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) repeat-x left bottom ;} 
table.board-list.dot_line td {border:none; border-top:1px solid #ececec; padding:20px 5px;}
table.board-list.dot_line td.subject {padding-left:20px;}
.total_table table.board-list.dot_line td {padding:35px 5px;}
table.board-list .notice td {background: #f2f2f2;}
table.board-list2 td { padding:25px 0 25px; color: #242424;}
table.board-list2 td a {color:#242424;}
table.board-list2 td.subject {padding-left:20px;}
table.board-list2 td.subject a:hover {color: #8062b2; text-decoration: underline;}
table.board-list.faq {table-layout: fixed;}
table.board-list.faq td {padding:10px;}
table.board-list.faq td img {max-width: 100%;}
table.board-list.faq tr.on td {background: #fff; font-weight: 500;}
table.board-list.faq .bg td {cursor: pointer; border-bottom:1px solid #dddddd; }
table.board-list.faq .bg.active td.subject {color:#8062b2;}
table.board-list.faq .bg.active td.subject .arrow {background-position:left bottom;}
table.board-list.faq .bg td .ico {display:inline-block; width:22px; height:12px; border: none; min-width: auto; padding: 0px; margin: 0px; vertical-align: middle; overflow:hidden; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center bottom;}
table.board-list.faq .bg.on td .ico {background-position:center top} 
table.board-list.faq .bg2 td {background:#f2f2f2; text-align: left;}
table.board-list.faq .bg2 td.subject {padding:20px 25px 22px 0px; word-break:break-all; background:#fafafa; color:#646464;  line-height:27px;}
.blog_list {clear:both; width:100%;}
.blog_list ul:After {display: block; content: ""; clear: both;}
.blog_list ul {overflow:hidden;}
.blog_list li {float:left; width:50%; box-sizing:border-box;  padding:25px 0px; border-bottom:1px solid #e5e5e5}
.blog_list li > a {display: block; position: relative; padding-left:315px; min-height:175px}
.blog_list li .pic {display:block; box-sizing: border-box; width:275px; height: 175px; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.blog_list li .pic:after {display:block; content:""; width:100%; height:100%; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left bottom; background-size:cover; position:absolute; left:0px; bottom:0px; z-index:2;}
.blog_list li .pic img {max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.blog_list li .pic img.no_img {width: auto !important; height: auto !important;}
.blog_list li .pic .txt_tW {width:100%; position:absolute; left:0px; bottom:0px; text-align:center; box-sizing:border-box; padding:0px 10px 15px 10px; z-index:3}
.blog_list li .txt_t {display: block; font-size:22px; color:#000; font-weight:400; line-height: 150%; margin:5px 0px 15px 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.blog_list li .txt_s {display:block; font-size:17px; font-weight: 100; color:#000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align: left; line-height:28px; height:84px; color: #333;}
.blog_list li .date {display:block; font-weight: 100; color: #000;}
.blog_list li .txt_ss {display: block; color: #666666; margin-top:10px; position: relative; font-size: 18px; padding-left:110px; font-weight: 100; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.blog_list li .txt_ss > strong {display: block; position: absolute; left: 0px; top: 0px; font-weight: 500; color: #333333;}
.blog_list li .type {display: inline-block; line-height: 20px; font-weight:100; color: #fff; text-align: center; padding:5px 10px;}
.board-view_top {border-top:1px solid #d9d9d9}
.board-view { width: 100%; table-layout: fixed; }
.board-view th {background:#f4f5f8; border-bottom:1px solid #d9d9d9; padding:14px 5px 14px 20px; text-align:left; font-weight:300; color:#262626;}
.board-view th.subject {background:#eeeeee; border-bottom:1px solid #dddddd; font-size: 1.05em;}
.board-view th.subject .s_txt {font-weight: 400; font-size: 0.95em;}
.board-view td .price {display:block; overflow:hidden; font-weight:500; color:#e3394b; line-height:20px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; font-size: 1.4em; padding:6px 0px 7px 40px;}
.board-view td {border-bottom:1px solid #d9d9d9; padding:14px 10px 14px 20px; min-height:27px; font-weight: 100; text-align: left; color: #646464;}
.board-view td.tc { text-align:center; padding:12px 0 11px 0px;}
.board-view td.view_td {padding:30px 20px; border-bottom:1px solid #ededed; word-break:break-all;}
.board-view td.write_td {padding:20px 0px;}
.board-view td.evt_view_td { padding:30px 0px; border-bottom:1px solid #a1a1a1;}
.pop_wrap .board-view td {padding: 10px 18px 10px 18px;}
.board-view td a.file {color:#646464; display:inline-block; line-height: 19px; vertical-align: middle; padding-left:28px; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; margin-right: 5px;}
.board-view td img {max-width: 100% !important; width: auto !important; height: auto !important}
.board-view th.cont {padding: 60px 0 64px 20px;}
.board-view .reply td { background:#f2f4f7; padding:30px 20px; word-break: break-all}
.board-view .reply td .faq span { display:block; height:27px; padding-left:44px; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left 3px; color:#b50047;}
.board-view .ico_reW {padding: 0px 0px 5px 0px;}
.board-view .ico_reW .ico_re {display: inline-block; border-radius:3px; background:#ff5546 !important; font-size:0.9em; font-weight: 300;  color: #fff; padding: 0px 5px; line-height: 160%; vertical-align: top;}
.board-view .reply td .faq p { padding-left:16px;}
.board-view th.last, .board-view tr.last th, .board-view tr.last td { border-bottom: 1px solid #ACACAC;}
.board-view th.last, .board-view tr.last th, .board-view tr.last td { border-bottom: 1px solid #ACACAC;}
.board-view td.event { padding:20px; text-align:center;}
.board-view th.bg {background: #f4f5f8}
.frameW {position: relative; padding-top:56.25%; margin: 0 auto;}
.frameW iframe {position: absolute; left: 0px; top: 0px; width: 100% !important; height: 100% !important;}
.table_view_list {overflow:hidden; margin-left:-25px;}
.table_view_list li {float:left; padding:3px 0px 3px 25px; margin-right:30px; min-height:20px; line-height:20px; color: #666666; font-weight: 500; background: url(/img/common/top_line2.gif) no-repeat left center;}
.table_view_list li:first-child {background:none;}
.table_view_list li:first-child {margin-left:0px;}
.table_view_list li span.tt {color:#000; font-weight: 300;}
.table_view_list li .tt a {display:inline-block; padding-left:5px; border-left:1px solid #999; margin-right:6px; color:#000}
.table_view_list li .tt a:first-child {border-left:none; padding-left:0px;}
.board-point { width: 100%; border-bottom:1px solid #666666; border-top:1px solid #666666}
.board-point th {background:#eeeeee; padding:12px 0 ; text-align:center; font-size:15px; color:#242424;}
.board-point td {padding:12px 0px;}
.board-point td.subject {padding-left:20px;}
.board_viewW {border-top:1px solid #666666}
.board_viewW .board-view .view_tit th {background: #eeeeee; text-align: left; padding-left: 32px; font-size: 22px; color: #242424; line-height: 140%; }
.board_viewW .board-view .view_tit td {background: #eeeeee; text-align: right; padding-right: 32px; font-size:14px; color: #242424; line-height: 140%;  }
.board_viewW .board-view th {background:#fff; padding:18px 0 17px 32px; font-size:14px; color:#242424;}
.board_viewW .board-view td {padding:18px 10px 17px 0px; min-height:27px;}
.board_viewW .board-view td.view_td {padding:40px 32px; line-height:27px; }
.board_viewW .board-view tr:last-child th {border-bottom:1px solid #666666;}
.board_viewW .board-view tr:last-child td {border-bottom:1px solid #666666;}
.board_viewW .board-view .on td {background: #f2f2f2}
.board_viewW .board-view .on th {background: #f2f2f2}
.click_count {text-align: right; padding: 10px 0px; font-size: 1.05em; color: #666666;}
.view_tit {padding:25px 100px 25px 100px; margin-bottom:25px; background: #f3f4f8; text-align: center; position: relative;}
.view_tit .v_tit {font-size: 2em; padding-bottom: 5px; line-height: 140%; font-weight:600; color: #000000; word-break: break-all;}
.view_tit .v_list {padding-top:0px; font-size: 16px;}
.view_tit .v_list > li {display: inline-block; color: #000; vertical-align: top; font-weight: 100; font-size:0.95em; padding:5px 10px; position: relative;}
.view_tit .v_list > li:before {display: block; content: ""; width: 1px; height:14px; background: #666; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}
.view_tit .go_back { position: absolute; left:20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.view_tit .go_list {display: block; font-size: 1.15em; font-weight:500; color: #000000; word-break: break-all; }
.view_tit .go_list > span {display: block; line-height: 26px; padding-left:35px; background: url(/img/common/left.png) no-repeat left center;}
.view_date {padding:10px 0px 40px 0px; background: url(/img/common/line.gif) repeat-x left bottom;}
.view_date > ul {overflow: hidden;}
.view_date > ul li {float: left; padding-bottom:5px;}
.view_date > ul li.file .txt_t {padding-left: 30px; line-height: 25px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left 0px;}
.view_date > ul li.file a {display: inline-block; color: #333; padding-right: 5px;}
.view_date > ul li .txt_t {color:#999999; display: inline-block; padding-right: 5px;}
.view_date > ul li:nth-child(2) {float:right;}
.view_bottom {background: #f4f5f8; overflow: hidden; padding:25px 20px; margin-top:40px;}
.view_bottom > li {width: 33.333%; box-sizing: border-box; float: left;}
.view_bottom > li:nth-child(1) {text-align: left}
.view_bottom > li:nth-child(2) {text-align:center}
.view_bottom > li:nth-child(3) {text-align:right}
.view_bottom > li > a {display: inline-block; color: #000; line-height: 26px; font-weight:500; font-size: 1.1em;}
.view_bottom > li > a > span {display: block;}
.view_bottom > li:nth-child(1) > a > span { padding-left:40px; background: url(/img/common/left.png) no-repeat left center;}
.view_bottom > li:nth-child(2) > a > span { width:37px; height: 23px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center;}
.view_bottom > li:nth-child(3) > a > span { padding-right:40px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center;}
.view_con {padding:20px;}
.paging {overflow:hidden; text-align:center; margin:36px 0px 25px 0px; width:100%; font-weight:300; font-size: 0px;}
.paging img {vertical-align:top;}
.paging a {color:#737070; vertical-align: middle; display:inline-block; zoom:1; line-height:26px; *display:inline; width:28px; height:28px; overflow: hidden; border-radius:100%; font-size:17px; margin: 0px 2px; padding:9px;}
.paging a.first, .paging a.last {width:28px; height: 28px;  border:1px solid #cccccc;}
.paging a.next {width: 28px; height:28px; margin-left: 10px;  border:1px solid #cccccc;}
.paging a.prev {width: 28px; height:28px; margin-right:10px; border:1px solid #cccccc;}
.paging a.on {color:#fff; background:#004998; border:1px solid #004998;}
.list_count_wrap .bbs_search {float: right; width: 100%; max-width:455px; box-sizing:border-box;}
.list_count_wrap {overflow: hidden; font-size:16px;}
.list_count_wrap .list_count {float: left; margin-top: 15px; padding-bottom: 10px;}
.list_count {overflow: hidden; padding-bottom:15px; padding-left:30px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left 4px; }
.list_count > p {float: left; }
.list_count .line {display: inline-block; width:4px; height:14px; border-radius:3px; transform: rotate(-45deg); background:#0053a7; margin: -2px 6px;}
.list_count .select {float: right; height: 34px; line-height: 32px;}
.list_count .point_c {color: #000 !important}
.bbs_search {margin-bottom:30px;}
.bbs_search_in {max-width:450px; margin:0 auto; position:relative; padding-left:140px;}
.bbs_search_in .btn_search { position:absolute; right:0px; top:0px;}
.bbs_search_in .select {position:absolute; left:0px; top:0px;}
.bbs_search_in #searchstr {width:100% !important;}
.bbs_input_in {background: #fff; position: relative; padding-right:50px; border-bottom: 1px solid #000;}
.bbs_search .select {border:1px solid #666666; vertical-align:middle; width:130px; background-color:#fff; height:51px; border: none; border-bottom: 1px solid #000;}
.bbs_search .st_select {min-width:100px; margin-right:0px; position:relative; display:inline-block; *display:inline; vertical-align:middle;}
.bbs_search .st_select p.pl10 {border:1px solid #cacccb; background:#f4f4f4;}
.bbs_search .select_input {height:38px; background:#f4f4f4; line-height:40px; border:none; line-height:38px; width:100%; padding:0px; color:#737070}
.bbs_search .bt {padding:11px; width: 28px; height: 28px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center center; display: block; outline: none; position: absolute; right: 0px; top: 0px; box-sizing: inherit; text-indent:2000px; font-size: 1px;}
.bbs_search .button-1 {border:none; width:100%; height:40px; position:absolute; left:0px; top:0px; padding:0px; font-size:0; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center;}
.bbs_search .Select {position:absolute; width:100%; top:40px; left:0px; display:none }
.bbs_search .Select li {padding:5px 5px 5px 10px; min-height:20px; line-height:20px; border:1px solid #e2e2e2; border-top:none; background:#fff; cursor:pointer; text-align:left;}
.bbs_search .Select li:hover {background:#f7f7f7}
.bbs_search .input {border:1px solid #fff; background: #fff; color:#656565; line-height:48px; height:50px; vertical-align:middle;}
.bbs_search .btn_search {
    background: #757a85;
    display: inline-block;
    zoom: 1;
    color: #fff;
	border:1px solid #757a85;
	padding:0px;
    font-family:Nanum Gothic;
    font-size:14px;
    width:100px;
    height:40px;
    line-height:38px;
    text-align: center;
    cursor: pointer;
    margin-left: 15px;
}
.bbs_search_in.two_col {max-width:850px; padding-left:0px; overflow:hidden;}
.bbs_search_in.two_col .two_cell .pa {left: 0px; top:50%; font-size:15px; font-weight: 700; color: #000; line-height: 20px; margin-top: -10px; padding-left: 10px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; }
.bbs_search_in.two_col .col-sm-2 .select_ds {float: left; width: 50%; box-sizing: border-box; }
.bbs_search_in.two_col .two_cell .col-sm-3 .select_ds {width:33.33%;}
.bbs_search_in .col-sm-2 .select {position: relative; width: 100%;}
.bbs_search_in.two_col .cell01 {padding-right:30px; width:55%;}
.bbs_search_in.two_col .cell02 {padding-left:100px; width: 45%}
.bbs_search_in.three_col .two_cell {width:33.33%; padding-left:80px;}
.bbs_search_in.three_col .cell03 {padding-left:60px;}
.st_select_top .st_select p.pl10 {background:#f4f4f4;}
.st_select_top .select_input {background:#f4f4f4; font-family:Noto Sans;}
.st_select_top .st_select p.pl10 {background:#f4f4f4;}
.st_select_top .select_input {background:#f4f4f4;  *border:0px;}
.board-write {width:100%; border-bottom:1px solid #d9d9d9; font-size: 16px;}
.board-write tr:first-child th { border-top:none;}
.board-write tr:first-child td { border-top:none;}
.board-write th { background:#f4f5f8; border-top:1px solid #e0e0e0; line-height: 130%; padding:10px 5px 10px 20px; text-align:left; color:#2d2d2d; font-weight: 400}
.board-write th span {padding-right:2px;}
.board-write.th_tc th {padding:13px 0 12px 0px; text-align:center;}
.board-write.th_tc th span {margin-left:-15px;}
.board-write td {border-top:1px solid #e0e0e0; height:36px; word-break: break-all; font-weight: 300; line-height:20px; padding:10px 10px 10px 10px; }
.board-write td.tc {text-align:center;  padding:12px 0 11px 0px;}
.board-write td.file a { color:#737070; display:inline-block; padding-left:22px; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center;}
.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.imp { color:#82308e; font-size:14px; width:10px; display:inline-block; zoom:1; *display:inline;}
.board-write th .totalW {padding:0px 20px 0px 0px;}
.board-write th .totalW li {color:#2d2d2d; height:25px; font-size:13px; line-height:25px; position:relative; padding-right:120px;}
.board-write th .totalW li span { display:block; position:absolute; right:0px; top:0px; color:#2d2d2d;}
.board-write th .totalW li.total { height:30px; color:#81308d; font-size:18px; line-height:30px; margin-top:16px; padding-top:10px; border-top:1px solid #d1d1d1;}
.board-write th .totalW li.total span {top:10px; color:#81308d;}
.board-write.bg_no th {background:none;}
.photo_table { clear:both; width:100%; padding-bottom:20px; color:#666666; overflow:hidden; border-bottom: 1px solid #efeeee;}
.photo_g {padding:0px 9px 0px 8px; margin-top:16px; width:162px; height:156px; float:left;}
.photo_g dt {width:160px; height:120px; border:1px solid #f0efef; margin-bottom:10px;}
.photo_g dd {width:160px; text-align:center;}
.photo_g dd a { color:#666666;}
.photo2_group {overflow:hidden; width:100%;}
.photo2_group li {overflow:hidden; width:100%; min-height:93px; padding:14px 0px; border-bottom:1px solid #efeeee;}
.photo2_img {width:120px; height:90px; border:1px solid #efeeee; float:left; margin-left:9px; margin-left:5px;}
.img_ok {width:560px;}
.img_no {margin-left:9px; margin-left:5px;}
.photo2_g {float:right; position:relative; margin-right:8px; margin-right:4px; margin-top:2px;}
.photo2_g dt {margin-bottom:6px; color:#666666; }
.day_jo {position:absolute; right:0px; top:0px; color:#aaaaaa;}
.photo2_g dt a {color:#666666;}
.photo2_g dd a { color:#858585;}
.list_count {float: left; font-size: 1.05em;}
.writer {padding:15px 0px; border-bottom: 1px solid #ddd; font-size: 1.1em;}
.board_re {padding:15px 15px 15px 25px; background: #f8fafb}
.board_re .ico_re {padding-bottom: 10px; margin-left: -10px;}
.board_re .ico_re > span {display: inline-block; border: 1px solid #039cf7; border-radius:60px; background: #fff; color: #039cf7; padding:0px 15px;}
.prd_list {clear: both;}
.prd_list > ul {overflow: hidden; margin:-25px -35px}
.prd_list > ul > li {float: left; width:33.333%; box-sizing: border-box; padding:25px 35px;}
.prd_list > ul > li > a {display: block; color: #333333; position: relative;}
.prd_list > ul > li > a .pic {display: block; box-sizing: border-box; width: 100%; padding-bottom: 140.7%; position: relative; overflow: hidden;}
.prd_list > ul > li > a .pic img {max-width:100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.prd_list > ul > li > a .pic:after {display: block; content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ccc; position: absolute; left: 0px; top: 0px;}
.prd_list > ul > li > a:hover .pic {box-shadow:1px 3px 3px #ccc; }
.prd_list > ul > li > a:hover .pic:after {border:4px solid #203a7c;}
.prd_list > ul > li > a .txtW {display: block; min-height:105px; padding: 15px; border-top:1px solid #ccc; box-sizing: border-box;}
.prd_list > ul > li .txt_t {display: block; font-size: 1.15em; font-weight:500; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; -o-text-overflow: ellipsis; padding-top: 10px;}
.prd_list > ul > li .txt {display: block; font-weight:300; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; -o-text-overflow: ellipsis; padding-bottom: 13px;}
.prd_list > ul > li .date {display: block; font-weight: 300; font-size: 0.9em;}
.prd_list > ul > li .ico {display: block; padding-top:15px; line-height: 100%;}
.prd_list > ul > li > a .over_area {display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.prd_list > ul > li > a .over_area:before {display:block; content: ""; width: 100%; height: 100%; background: #039cf7; opacity: 0.8; position: absolute; left: 0px; top: 0px;}
.prd_list > ul > li > a .over_area .table {display:table; width: 100%; height: 100%; position: relative;}
.prd_list > ul > li > a .over_area .cell {display:table-cell; width: 100%; height: 100%; vertical-align: middle; color: #fff; box-sizing: border-box; padding: 10px;}
.prd_list > ul > li > a .over_area .cell > strong {display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:400; font-size:24px; line-height:32px; height: 64px; position: relative; padding-top:70px; margin-top: 50px; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.prd_list > ul > li > a .over_area .cell > strong:after {display: block; content: ""; width:38px; height:2px; background: #fff; position: absolute; left:50%; top:19px; margin-left: -19px; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.prd_list > ul > li > a .over_area .cell > strong:before {display: block; content: ""; width:38px; height: 2px; background: #fff; position: absolute; left:50%; top:19px; margin-left: -19px; transform: rotate(90deg); -webkit-transform: rotate(90deg);  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.prd_list > ul > li > a:hover .over_area .cell > strong:after {transform: rotate(90deg); -webkit-transform: rotate(90deg);  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out; }
.prd_list > ul > li > a:hover .over_area .cell > strong:before {transform: rotate(180deg); -webkit-transform: rotate(180deg);  transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.prd_list > ul > li > a:hover .over_area .cell > strong {margin-top: 0px; }
.prd_list > ul > li > a:hover .over_area {opacity:1; transition: all 0.3s 0s ease-in-out; -webkit-transition: all 0.3s 0s ease-in-out;}
.prd_list > ul > li.fix > a {color: #fff; border:none; position: relative; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center top; background-size:cover !important}
.prd_list > ul > li.fix > a .txtW {border: none;}
.prd_list > ul > li.fix > a .over_area {opacity: 1 !important; text-align: center}
.prd_list > ul > li.fix > a .over_area img {position: relative;}
.prd_list > ul > li.fix > a .over_area:before {display: none;}
.prd_list > ul > li.fix > a .over_area .txt_t {font-weight: 600; font-size:2.5em; line-height:120%}
.prd_list > ul > li.fix > a .over_area .txt_t:before {display: block; content:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==); margin-bottom: 10px;}
.prd_list > ul > li.fix > a .over_area .txt_t:after {display: block; content: ""; width: 1px; height:60px; background: #fff; margin:10px auto;}
.prd_list > ul.education > li {width: 25%;}
.prd_list > ul.education > li > a .txtW {min-height:95px;}
.prd_list > ul.education > li .txtW .txt_t {white-space: inherit; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:30px; height:60px;}
.prd_list .members > li > a {display: block; padding:5% 8%; position: relative;}
.prd_list .members > li > a:after {display: block; content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ccc; position: absolute; left: 0px; top: 0px;}
.prd_list .members > li > a:hover {box-shadow:1px 3px 3px #ccc; }
.prd_list .members > li > a:hover:after {border:4px solid #203a7c;}
.prd_list .members > li .logos {position: absolute; right:6%; top:8%;}
.prd_list .members > li .txt_t:after {display: block; content: ""; width:40px; height: 1px; background: #203a7c; margin: 15px 0px;}
.prd_list .members > li .txt_s4 {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; font-weight:400; font-size:15px; line-height:23px; height:92px; }
.prd_list .members > li .detail {display: block; padding-top: 10px; text-align: center; border-top:1px solid #ccc; margin-top: 10px;}
.prd_list .members > li .detail > strong {display: inline-block; padding-left: 25px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; font-size: 15px; color: #333333; font-weight: 300;}
table.board-table {margin-top:10px; width:100%; border-bottom:1px solid #d3d3d3;  border-top:1px solid #505050;}
table.board-table thead th {background:#f4f4f4; padding:11px 0 10px; color:#393939; font-size:14px; color:#2d2d2d; border-top:1px solid #505050; border-bottom:1px solid #ececec; border-left:1px solid #d3d3d3;}
table.board-table thead th.purple {background:#81308d; color:#fff; border:1px solid #81308d;}
table.board-table.tc tbody tr:first-child td {*border-top:none;}
table.board-table thead th.purple:last-child {border-right:1px solid #81308d;}
table.board-table thead th.purple:first-child {border-left:1px solid #81308d;}
table.board-table td {border:1px solid #e0e0e0; border-bottom:none; padding:15px 10px 14px 10px; font-size:13px;}
table.board-table td.total_purple {background:#ececec; text-align:right; font-size:18px;  color:#81308d; padding-right:14px;}
table.board-table tbody th {background: #ececec; border-bottom:1px solid #d3d3d3; border-left: none; line-height:160%; color:#2d2d2d; font-size:14px; padding:12px 0 11px 20px; text-align:left;}
table.board-table tbody th.bg_no {background:none;}
table.board-table tbody th.tc {text-align:center; padding:12px 0 11px 0px;}
table.board-table tbody tr:first-child th {border-top:1px solid #505050; *border-top:1px solid #d3d3d3;}
table.board-table tbody tr:first-child td {border-top:1px solid #505050; *border-top:1px solid #d3d3d3;}
table.board-table tbody tr:last-child th {border-bottom:1px solid #d3d3d3;}
table.board-table tbody tr th.brb_c {border-bottom:1px solid #a1a1a1;}
table.board-table tbody td {border-top:1px solid #d3d3d3; border-right:none;  line-height:20px;}
table.no_line tbody td {border-right:none; border-top: 1px solid #e0e0e0; border-left:none;}
table.no_line tbody td.bg {background:#f0f0f0; text-align:center;}
table.board-table td img {vertical-align:middle;}
table.board-table tfoot td {background:#f4f4f4;}
table.board-table tfoot tr:last-child td {border-bottom:1px solid #a1a1a1; background:#f0f0f0;}
.tableW .table_style {border-top:1px solid #505050;}
.tableW .table_style thead tr th {background-color:#e0e0e0; font-size:14px; border:1px solid #e0e0e0; border-top:1px solid #505050; color:#3b3b3b;}
.tableW .table_style tbody tr th {color:#565656;}
.tableW .table_style tbody tr td { text-align:center; padding:10px 0px;}
.tableW .table_style tbody tr:last-child th {border-bottom:1px solid #a1a1a1;}
.tableW .table_style tbody tr:last-child td {border-bottom:1px solid #a1a1a1;}
.table_style {clear: both; width:100%; border-top:2px solid #5f6062;}
.table_style thead tr th {background-color: #686868; font-size:14px; border:1px solid #686868; color: #fff; padding:10px 0 11px;}
.table_style tbody tr th {background-color: #f0f0f0; border:1px solid #dddddd; padding:12px 0 11px; color:#3c3c3c; font-size:14px;}
.table_style tbody tr td {border:1px solid #dddddd; line-height:20px; color:#575757; font-size:13px; padding:10px 0px 10px 13px;}
.layers .table_style tbody tr td {padding:23px 0px 20px 22px;}
#Ne_Popw .layers .table_style tbody tr td {padding:13px 10px 13px 10px; word-break:keep-all; word-wrap:break-word;}
.table_style tbody tr td.subject {padding-left:20px; padding-right: 10px; text-align: left;}
.st_thead thead tr th {background-color:#ececec; color:#3b3b3b; border:1px solid #dddddd;}
.st_thead tbody tr th {background-color:#f4f4f4;}
.table_style1 {clear:both; width:100%; table-layout: fixed}
.table_style1.tl td {text-align: left; padding-left:18px; padding-right:10px; word-break: break-all;}
.table_style1.tl th {text-align: left; padding-left:18px; padding-right:10px; word-break: break-all;}
.table_style1 thead tr th {background-color:#f5f5f5; color: #333333; padding:14px 2px; border:1px solid #d9d9d9; font-weight: 700; word-break:break-all; text-align: center;}
.table_style1 thead tr:first-child th {border-top:none;}
.table_style1 tbody tr th {background-color: #f4f5f8; border-bottom:1px solid #d9d9d9; padding:10px 0 9px;font-weight: 700; }
.table_style1 tr.br_no td {border-left:none; border-right:none; }
.table_style1 tr.br_no th {border-left:none; border-right:none; }
.table_style1 tr.br_no2 td {border-left:none; background: #666666; color: #fff; border-right:none; }
.table_style1 tr.br_no2 th {border-left:none; background: #666666; color: #fff; border-right:none; }
.table_style1 tbody tr td {	border:1px solid #d9d9d9; line-height:20px; padding:10px 5px; text-align: center; font-weight: 300;  word-wrap: break-word; color: #5c5c5c}
.table_style1 tbody tr th {border:1px solid #d9d9d9;}
.table_style1 tbody tr th.tl {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.table_style1 tbody tr td.subject {padding-left:18px; padding-right:10px; text-align:left; word-break:break-all;}
.table_style1 tbody tr .left_line {border-left:1px solid #d5d5d5 !important;}
.table_style1 .input {min-height: 40px; line-height: 40px; width: 100%;}
.word_keep td {word-break: keep-all !important}
.word_keep th {word-break: keep-all !important}
.word_break td {word-break:break-all !important}
.word_break th {word-break:break-all !important}
.bg_no {background:none;}
.table_style2W {border: 1px solid #dddddd; clear:both; padding: 10px; box-sizing: border-box; }
.table_style2 {clear:both; width:100%; box-sizing: border-box; }
.table_style2 tbody tr th {text-align:left; padding:7px 10px 7px 10px;}
.table_style2 tbody tr td {line-height:20px; padding:5px; font-size: 0.95em; text-align:left;}
.table_style2 tbody tr td .btnNormalB span {height: 34px; line-height: 34px;}
.table_style3 {clear:both; width:100%;}
.table_style3 thead tr th {background-color:#cbcbcb; border-left:1px solid #e1e1e1; color:#565656; font-size:14px; padding:10px 0 11px;}
.table_style3 thead tr th:first-child {border-left:1px solid #cbcbcb;}
.table_style3 thead tr th.gray {background:#9f9f9f; color:#fff;}
.table_style3 thead tr th.red {background:#ee5340; color:#fff;}
.table_style3 tbody tr th {background:none; text-align:left; vertical-align: top; padding:12px 0;}
.table_style3 tbody tr td {vertical-align: top; text-align: left; padding:12px 0px 12px 13px;}
.table_style3 tbody tr td.subject {padding-left:20px; padding-right:10px; text-align:left; word-break:break-all;}
.table_style3 tbody tr td.red {color:#ee5340;}
.table_style4 {clear:both; width:100%;}
.table_style4 tr th {background-color:#edeff4; border:1px solid #cccccc; border-bottom: none; height:54px; padding: 10px; font-size: 1.15em;}
.table_style4 tr td {border:1px solid #cccccc; padding:15px 10px; height: 100px; text-align: center; border-top:none;  font-size: 1.1em;}
.table_style5 {clear:both; width:100%;}
.table_style5 thead tr th {background-color:#ececec; border:1px solid #c4c4c4;  font-size:14px; color:#575757; padding:10px 0 11px;}
.table_style5 tbody tr td {border:1px solid #c4c4c4; background:#fff; line-height:20px; padding:10px 10px 10px 10px;}
.table_style5 tbody tr td.tc {border:1px solid #c4c4c4; background:#fff; line-height:20px; padding:10px 0px;}
.file_nameW {border:1px solid #d5d5d5; margin-top:5px; height:35px;}
.file_name {padding:0px 30px 0px 13px; position:relative; line-height: 33px;}
.file_name a {position:absolute; right:10px; top:0%; height:33px; line-height:33px;}
.file_name img {vertical-align: middle; }
.file_name span {display: inline-block; vertical-align: middle; line-height: 20px; color: #646464;}
.file_input2 {margin-top:5px; position:relative;}
.file_input2 .bt {display:block; text-align:center; background:#333333}
.file_input2 .bt span {display:inline-block; padding-left:30px; height:43px; line-height:43px; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; background-size:24px auto; color:#fff; font-size:14px;}
input.fileup {position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 140px; opacity: 0;}
.photo_listW {width:100%;}
.photo_listW > ul {overflow: hidden; margin:-15px -8px;}
.photo_listW > ul > li {float: left; width:25%; box-sizing: border-box; padding:15px 8px;}
.photo_listW > ul > li .box {display: block; color: #333333; position: relative;}
.photo_listW > ul > li .pic {display: block; box-sizing: border-box; width:100%; padding-bottom:64.5%; position: relative; overflow: hidden;}
.photo_listW > ul > li .pic .ico {display: block; position: absolute; right: 0px; top: 0px; background: #67b84c; color: #fff; font-size: 16px; font-weight: 500; line-height: 120%; text-align: center; box-sizing: border-box; padding: 10px;}
.photo_listW > ul > li .pic .ico2 {background: #22338b;}
.photo_listW > ul > li .pic img {max-width:100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.photo_listW > ul > li .pic iframe {width:100% !important; height: 100% !important; position: absolute; left:0%; top:0%;}
.photo_listW > ul > li .pic .type {max-width:26px; max-height:26px; position: absolute; left:100%; top:100%; transform:none; -webkit-transform:none; margin: -40px 0px 0px -40px;}
.photo_listW > ul > li .txtW {display: block; min-height:90px; padding:5%; background:#f3f4f8; box-sizing: border-box;}
.photo_listW > ul > li .txt_t {display: block; font-size: 1.15em; font-weight:500; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; -o-text-overflow: ellipsis; padding-bottom: 10px; color: #000;}
.photo_listW > ul > li .s_txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:16px; text-align: left;}
.photo_listW > ul > li .tit {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-weight:500; color:#000; height:20px; line-height:20px; padding-bottom:10px; font-size:17px; text-align: left;}
.photo_listW > ul > li .txt_s {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-align: left; line-height:26px; height:52px; color: #333;}
.photo_listW > ul > li .date {display: inline-block; color: #7c7b7b; font-weight: 100; margin-top: 15px; padding-right: 10px; font-size: 0.95em;}
.photo_listW > ul > li .box {display: block; color: #333333; border: 1px solid #cccccc; position: relative; box-shadow:1px 2px 4px #ccc;}
.photo_listW > ul > li .box:hover {border: 1px solid #143e88 !important; }
.photo_listW > ul > li .box.bor_no:hover {border: 1px solid #cccccc !important; }
.photo_listW > ul.three > li {width: 33.33333%}
.photo_listW > ul.gallery_list {margin:0px -10px;}
.photo_listW > ul.gallery_list > li {width:25%; padding:10px;}
.photo_listW > ul.gallery_list > li .pic {padding-bottom:75.75%;}
.photo_listW > ul.gallery_list > li .pic img {width: 100%; height: 100%;}
.photo_listW > ul.gallery_list > li .box {border-color:#dddddd; border: none !important;}
.photo_listW > ul.gallery_list > li .box .pic {padding-bottom:100%;}
.photo_listW > ul.gallery_list > li .txtW {background: none; text-align: left; padding: 10px 0px;}
.photo_listW > ul.gallery_list > li .txt_t {font-size:1.05em; text-align: left; font-weight:400;}
.photo_listW > ul.gallery_list > li .txt_s {font-size:1em; text-align: left; font-weight:100; color: #272830;}
.photo_listW > ul.gallery_list > li .date {display:block; color: #666; font-weight:400; margin: 0px; padding:0px 0px 10px 0px; text-align: center;}
.photo_listW .company_list {margin:-10px; margin-top:0px;}
.photo_listW .company_list > li {padding:10px !important; box-sizing: border-box; width: 25%;}
.company_list > li > a {display: block; min-height:189px; position: relative; background: #f3f4f8; padding: 20px; box-shadow:3px 3px 11px #d2d2d2;;}
.company_list > li > a:hover:before {display: block; content: ""; z-index: 9; width:calc(100% + 2px); width:-webkit-calc(100% + 2px); height:calc(100% + 2px); height:-webkit-calc(100% + 2px); box-sizing: border-box; border: 1px solid #142e7b; position: absolute; left: -1px; top:-1px;}
.company_list > li > a:hover {box-shadow:none;}
.company_list > li > a .pic {display: block; width: auto; height:160px; background: #fff; padding: 0px !important; text-align: center; position: relative; overflow: hidden; }
.company_list > li > a .pic img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width:90% !important; max-height: 100%; width: auto !important}
.company_list > li > a .tit {text-align: center; margin-top: 15px; font-weight: 400; color:#333333; font-size:22px; height: auto; line-height: 140%;}
.company_list > li > a .tit_s {min-height:25px; text-align: center; display: block; font-size: 18px; text-align: center; font-weight:300; color:#3084d8; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.company_list > li .star {display: block; width: 15px; height: 15px; position: absolute; right: 10px; top: 10px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center top;}
.company_list > li .star.on {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center top;}
.company_list > li .typeW {position: absolute; font-size: 0px; left:0px; top:0px; display:block; color:#fff}
.company_list > li .bt {cursor: pointer; display: block; border: 1px solid #414b57; color: #fff; background: #414b57; line-height: 43px; margin-top: 10px; text-align: center;}
.company_list > li .typeW02 {position: absolute; font-size: 0px; left:0px; top:0px; display:block; color:#fff; display:table;}
.company_list > li .typeW02 > span{width:63px; height:63px; display:table-cell; vertical-align:middle;}
.company_list > li .typeW02 .type{border-radius:100%; background-color:#3bacf5;}
.company_list > li .typeW > span {display: block; color: #fff; background-color:#2d5bf2; box-sizing: border-box; text-align: center; font-size:15px; border-radius:28px; padding:3px 20px; margin:5px;}
.company_list > li .txt_area {display: block; background: #f3f4f8; box-sizing: border-box; min-height:62px; margin-top:15px; text-align: left;}
.company_list > li .txt_area .txt_a {display: block; min-height:28px; position:relative; padding-left:95px; line-height: 25px; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color: #000000; font-size:15px;}
.company_list > li .txt_area .txt_a:first-child {margin-top:0px;}
.company_list > li .txt_area .txt_a > strong {position: absolute; left: 0px; top: 0px; width:85px; height:26px; line-height: 24px; box-sizing: border-box; background: #fff; font-size:15px; color: #333333; font-weight:300; border: 1px solid #ccc; text-align: center; border-radius: 60px;}
.photo_listW > ul.movie_list {position: relative; margin: -6px;}
.photo_listW > ul.movie_list > li {width: 25%; padding: 6px;}	
.photo_listW > ul.col-3 > li {width: 33.33% !important; padding: 6px;} 
.photo_listW > ul.movie_list > li > a {border: none;}
.photo_listW > ul.movie_list > li .box {display: block; font-size: 16px; overflow: hidden; position: relative; padding:18px 14px; border: 1px solid #ccc; box-shadow:5px 5px 10px 0 #e4e4e4; background: #fff;}
.photo_listW > ul.movie_list > li .pic {display: block; padding-bottom: 67%; border: 1px solid #ccc; box-sizing: border-box; overflow: hidden; position: relative;}
.photo_listW > ul.movie_list > li .pic img {position: absolute; max-width: 100%; max-height: 100%; left:50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
  .photo_listW > ul.movie_list > li .txt_t {
	display: block;
    overflow: hidden;
    font-size: 1em;
    word-break: break-all;
    white-space: normal;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	padding: 10px 0px;
	text-align: center;
	line-height:150%;
}
.photo_listW > ul.movie_list > li .txt_t.no_he{height:15px !important;}
.photo_listW > ul.movie_list > li .bt {cursor: pointer; display: block; border: 1px solid #414b57; color: #fff; background: #414b57; line-height: 43px; text-align: center;}
.photo_listW > ul.movie_list > li .txt_area {
    display: block;
    background: #f0f1f5;
    padding: 10px 10px;
    margin-bottom: 10px;
    text-align: left;
}
.photo_listW > ul.movie_list > li .txt_area .txt_a {
    display: block;
    font-weight: normal;
    position: relative;
    padding-left: 90px;
    line-height: 28px;
    font-size: 1em;
    word-break: break-all;
    white-space: normal;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 30px;
}
.photo_listW > ul.movie_list > li .txt_area .txt_b {
display: block;
    font-weight: normal;
    position: relative;
    padding-left: 0px;
	text-align:center;
    line-height: 28px;
    font-size: 1em;
    word-break: break-all;
    white-space: normal;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 30px;
}
.photo_listW > ul.movie_list > li .txt_area .txt_a > strong {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 30px;
    line-height: 29px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #333;
    text-align: center;
    border-radius: 60px;
	font-weight:700;
}
.list_photo {clear:both; width:100%; overflow: hidden; border-top:2px solid #000;}
.list_photo ul {overflow:hidden;}
.list_photo li { border-bottom: 1px solid #e9e9e9; padding: 20px 0px;}
.list_photo li > a {display: block; position: relative; padding-left:235px; min-height:200px;}
.list_photo li .pic {display:block; width:200px; box-sizing: border-box; border: 1px solid #c2c3c9; text-align: center; height:200px; position: absolute; left: 0px; top: 0px; background-size: cover !important}
.list_photo li .pic img {width:100%; height: 100%; max-width:100%;  max-height:100%; margin: 0 auto;}
.list_photo li .pic img.no_img {width: auto !important; height: auto !important;}
.list_photo li .txt_t {display: block; font-size:22px; color:#0c91dd; font-weight:300; line-height: 150%; margin:10px 0px 25px 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.list_photo li .txt {display:block; color:#000; line-height: 140%; margin-top: 5px; position: relative; padding-left:80px;}
.list_photo li .txt > strong {position: absolute; left: 0px; top: 0px; color: #666666}
.list_photo li .name {display: inline-block; line-height:20px; font-weight: 500; color: #0c91dd; border:1px solid #0c91dd; border-radius:15px; text-align: center; padding:4px 13px;}
.sch_topW {box-sizing:border-box; text-align:center; background: #f2f2f2; padding: 0px 30px;}
.sch_topW .in_box {display:block; box-sizing:border-box; min-width:246px; position: relative; padding:15px 30px;}
.sch_topW .in_box .prev {position:absolute; left:0; top:50%; margin-top:-12px; }
.sch_topW .in_box .prev img {max-width:100%;}
.sch_topW .in_box .next {position:absolute; right:0; top:50%; margin-top:-12px;}
.sch_topW .in_box .next img {max-width:100%;}
.sch_topW .in_box .date {box-sizing:border-box; font-size:26px; line-height:150%; color:#333333;font-weight: 700;}
.event_tbW {box-sizing:border-box; padding:20px 0px 20px 0px;}
.ev_tb {width:100%; box-sizing:border-box; table-layout: fixed}
.ev_tb thead tr th {padding:5px 5px; text-align:center; font-size:14px; color:#333; font-weight:500; background: #f8f8f8; border-top:1px solid #dadada;}
.ev_tb thead tr th.sun {color:#d43134;}
.ev_tb thead tr th.sat {color:#458acf;}
.ev_tb tbody tr td {padding:5px 6px; vertical-align:top; height:120px; border:1px solid #e6e6e6; font-size:14px; line-height:22px; color:#000;}
.ev_tb tbody tr td.sun {color:#d43134;}
.ev_tb tbody tr td.sat {color:#1e71c6;}
.ev_tb tbody tr td.today .date{background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right top;}
.ev_tb tbody tr td.event .date {color: #fff; background: #004497}
.ev_tb tbody tr td .date {display: inline-block; width:23px; height: 23px; line-height: 22px; text-align: center; border-radius:100%; overflow: hidden; vertical-align: middle;}
.ev_tb tbody tr td .eve_txt a {display:block; line-height:18px; font-size:1.05em; color:#fff; padding:7px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.ev_tb tbody tr td .eve_txt a .txt_t {display:block; line-height:18px; color: #0c91dd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ev_tb tbody tr td .eve_txt a .txt {display:block; line-height:18px; font-weight: 300; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.kwum .ev_tb tbody tr td .eve_txt a {white-space: inherit; text-overflow: inherit; word-break:break-all }
.ev_tb tbody tr td .eve_txt a.on {text-overflow:inherit; white-space:inherit; text-align: left;}
.ev_tb tbody tr td .eve_txt.color0 a {color:#000; padding:0px; padding-top:5px;  font-weight:normal;}
.ev_tb tbody tr td .eve_txt.color0 a {color:#000;}
.ev_tb tbody tr td .eve_txt.color1 a {background:#a22d44}
.ev_tb tbody tr td .eve_txt.color2 a {background:#8b73b9}
.ev_tb tbody tr td .eve_txt.color3 a {background:#40ae5f}
.ev_tb tbody tr td .eve_txt.color4 a {background:#9b733e}
.eve_txt a {display:block; box-sizing:border-box; color:#000; overflow:hidden; }
.program_table {clear:both; width:100%; box-sizing: border-box; font-size:0.95em;}
.program_table thead tr th {color:#000000; background:#f3f4f8; height:45px; padding:5px; border:1px solid #e3e3e3; border-top:1px solid #000000}
.program_table tbody tr th {text-align:center; border:1px solid #e3e3e3; line-height:130%; color: #fff; word-break:keep-all; background: #2d313d; padding:7px 10px 7px 10px; height:65px; box-sizing: border-box; font-weight:400;}
.program_table tbody tr td {line-height:20px; height:40px; color:#012c43; text-align:center; padding:5px; border: 1px solid #e3e3e3; font-weight:400; word-break:keep-all;}
.program_table tbody tr td strong {font-weight:700;}
.faq_list {border-top: 1px solid #e2e2e2; margin-top: -1px;}
.faq_list > li {border:1px solid #e2e2e2; border-top:none; }
.faq_list > li .title {padding:26px 45px 27px 75px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center;line-height:140%; color: #323232; position: relative; font-size:17px; font-weight:300; color: #666666; cursor: pointer;}
.faq_list > li .title.on {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center; color: #000000;}
.faq_list > li .title .q {position: absolute; width:40px; height: 40px; line-height:33px; border-radius:100%; border: 1px solid #cccccc; left:20px; top:50%; margin-top: -18px; color: #fff; background: #cccccc; text-align: center; font-weight:700; font-size: 22px;}
.faq_list > li .title.on .q { border-color:#004593; background:#004593  }
.faq_list > li .answer_wrap {padding:19px 19px 19px 19px; display:none; background: #fbfbfb; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-bottom: -1px; }
.faq_list > li .answer {min-height: 22px; padding:8px 0px 8px 55px; line-height:140%; color: #333333; word-break:keep-all; word-wrap:break-word; position: relative; font-size:17px; font-weight:300;}
.faq_list > li .answer .a {position: absolute; width:40px; height: 40px; line-height:38px; border-radius:100%; border: 1px solid #004593; left:0px; top:0px; color: #fff; text-align: center; font-weight:700; font-size: 22px; background: #004593;}
.faq_list2 {margin-top: 40px;}
.faq_list2 > li .title .q {width: 76px; height:34px; line-height: 33px; border-radius:6px; border:none; margin-top:-17px; background: #004593; font-weight:300; font-size: 16px;}
.faq_list2 > li .title {padding-left: 110px;}
.faq_list2 > li .answer {padding-left: 0px !important;}
.faq_list > li  .tit_btn{ position:absolute; right:4%; top:22px;}
.pw_box {text-align: center; max-width: 350px; margin: 0 auto;}
.pw_box h3 {font-size:23px; text-align:center; color:#000; font-weight: 500; line-height:30px; padding-bottom:30px;}
.pw_box .txt {font-size:1.15em; color:#000; font-weight: 500; line-height: 140%; padding: 30px 0px 10px 0px;}
.pw_box .txt strong {color:#de2b2f;}
.pw_box form {text-align:center;}
.pw_box form .input {width:100%; height: 44px; line-height: 44px;}
.pw_box .bt {padding: 20px 0px; margin-top: 20px; border-top:1px solid #000; }
.pw_box .bt > a {display: block; background: #000; line-height: 68px; color: #fff; font-weight: 100; font-size: 1.15em; border-radius: 50px;}
.view_bg3 {padding:20px 0px 10px 0px; word-break: break-all}
.view_bg3 .name {display:block !important;	padding:8px 0px !important; position:relative; border:1px solid #cfcfcf; border-right:none; border-left:none; margin-bottom:10px; color:#a29c99; min-height: 27px;}
.view_bg3 .name strong {padding-right:10px;	color:#333333;}
.commont_wrap {margin-top:40px;} 
.commont_wrap .commenttit {font-family:nGothicB; color:#565656; padding-bottom:5px;}
.commont_wrap .userinput {background:#f4f4f4; padding:25px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3;}
.commont_wrap .userinput .textareaW {overflow:hidden;}
.commont_wrap .userinput .textareaW .area {width:590px; float:left;}
.commont_wrap .userinput .textareaW .btn {text-align:center; float:right;}
.commont_wrap .userinput .textareaW .btn a { display:block; width:80px; height:70px; line-height:68px; color:#fff; font-family:nGothicB; background:#84308e;}
.comment_list li.list {padding:20px 0px; border-top:1px dotted #d3d3d3;}
.comment_list li:first-child.list {padding-top:0px; border-top:none;}
.comment_list li.list .comment {position:relative;}
.comment_list li.list .comment .name {font-family:nGothicB; color:#4c87ab; line-height:20px; padding-bottom:3px;}
.comment_list li.list .comment .comment-txt { line-height:150%;}
.comment_list li.list a.del {position:absolute; display:block; right:0px; top:0px;}
.xans-board-commentwrite {margin:20px 0 0; padding:5px 20px 10px; border:1px solid #e9e9e9; background-color:#fbfafa; color:#353535; font-size:12px;}
.xans-board-commentwrite .view {position:relative; margin:10px 0 0; padding:0 95px 0 0;}
.xans-board-commentwrite textarea {width:100%; height:52px; margin:0 5px 0 0;}
.xans-board-commentwrite .submit {position:absolute; top:0; right:0;}
.xans-board-commentwrite strong {display:block; font-size:13px; margin:5px 0 15px 0;}
.xans-board-commentform {margin:10px 0px 20px 0px; padding:5px 20px 20px; border:1px solid #e9e9e9; background-color:#fbfafa; color: #353535; display:none; font-size:0.95em;}
.xans-board-commentform p {margin:10px 0 0;}
.xans-board-commentform .view {position:relative; margin:10px 0 0; padding:0 184px 0 0;}
.xans-board-commentform .submit {position:absolute; top:0; right:0;}
.xans-board-commentform textarea {width:100%; height:54px; margin:0 5px 0 0;}
.next_list {border:1px solid #c6c6c6; margin:15px 0px; position: relative;}
.next_list:after {display: block; content: ""; clear: both;}
.next_list dl {width: 50%; box-sizing: border-box; position:relative; height:65px; line-height:65px;}
.next_list dl.next {float: left; padding-left:140px; padding-right:90px;}
.next_list dl.prev {float: right; padding-left:90px; padding-right:140px;}
.next_list dl.prev dt {left: auto; right:30px; padding-left: 0px; padding-right:30px; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center;}
.next_list dl.prev dd {text-align: right; padding-right:20px; padding-left: 10px;}
.next_list dl dt {position:absolute; left:30px; top:0px; color:#333; text-align:left; display: inline-block; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; padding-left:30px;}
.next_list dl dd {padding-left:20px; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; color:#000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding-right:10px; height:65px;}
.next_list dl dd a {color:#000000;  display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.next_list dl dd.date {position: absolute; padding-left: 0px; background:none; padding-right:25px; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.next_list_wrap {position: relative; margin-top: 30px;}
.next_list_wrap .btn_list {position: absolute; left: 50%; top:0px; z-index: 9; margin-left: -91px;}
.next_list_wrap .btn_list {width: 182px;}
.next_list_wrap .btnStrong {min-width: auto; border: 1px solid #313747; display: block; background: #313747;}
.next_list_wrap .btnStrong span { padding-left: 30px; padding-right: 0px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; line-height: 65px; height:65px; color: #fff;}
table.comment-list {margin-top:10px; width:100%;}
table.comment-list td {border-bottom:1px solid #d9d9d9; padding:11px 0 9px; text-align: center;}
table.comment-list td.subject {text-align:left; padding-left:10px;}
table.comment-list td.subject a {line-height:14px; padding-right:10px;}
table.comment-list td img {vertical-align:middle;}
.file_upload {  position:relative;}
.file_upload label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height: 40px; line-height: 39px; background:#757a85; color: #fff;}
.file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_upload > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;}
.file_area {margin-top: 10px; width: 100%;}
.file_area > li {overflow:hidden; padding: 5px 35px 5px 5px; background:#f9f9f9; border-bottom:1px solid #ddd; position: relative;}
.file_area > li:first-child {border-top:1px solid #ddd;}
.file_area > li > span {display:block; vertical-align: middle; word-break: break-all;  width: 50%; float: left; box-sizing: border-box; padding: 0px 5px;}
.file_area > li > span.name {color:#337ab7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.file_area > li .del {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 1px solid #ccc; border-radius:3px; background: #fff; height: 20px; line-height: 18px; min-width: 30px; text-align: center; color: #000;}
.file_area.img > li {display:inline-block; padding:5px; border:none;}
.file_area.img > li .pic {display:block; border:1px solid #ccc; padding:3px;}
.file_area.img > li > span {display:block; max-width:100px; float:none; width:100%;}
.file_area.img > li .del {position:relative; display:block; right:auto; top:auto; margin-top:5px; transform:none; -webkit-transform:none;}
.file_W {position:relative;}
.file_input {  position:relative;}
.file_input label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height:47px; line-height:46px; background:#757a85; color: #fff;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_input > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height: 47px; line-height:45px;}
.file_input1 label { position:relative; right:auto; top:0px;}
.add_file {position:absolute; right:0; top:0px;}
.add_plus {display: inline-block; vertical-align: middle; white-space: nowrap; zoom: 1;}
.add_plus span { padding: 0 10px; text-align: center; display: inline-block; vertical-align: middle; border: 1px solid #a33ab0; background: #fff; height:47px; line-height:45px; font-weight: 400; min-width:76px; color: #a33ab0; font-size:18px; box-sizing: border-box;}
.add_plus span.red {color: #e20e20;}
.input_del { position: absolute;   right: 0; top: 7px;}
.input_del > a {display: block;}
.input_del span { padding: 0 10px; text-align: center; display: inline-block; vertical-align: middle; border: 1px solid #333; background: #333; height:41px; line-height:39px; font-weight: 400; min-width:76px; color: #fff; font-size:14px; box-sizing: border-box;}
#file_add li.pt5, #option_add li.pt5, #file_add_img li.pt5 {position: relative;}
.file_area {margin-top: 10px; width: 100%;}
.file_area > li {overflow:hidden; padding: 5px 35px 5px 5px; background:#f9f9f9; border-bottom:1px solid #ddd; position: relative;}
.file_area > li:first-child {border-top:1px solid #ddd;}
.file_area > li > span {display:block; vertical-align: middle; word-break: break-all;  width: 50%; float: left; box-sizing: border-box; padding: 0px 5px;}
.file_area > li > span.name {color:#337ab7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.file_area > li .del {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 1px solid #ccc; border-radius:3px; background: #fff; height: 20px; line-height: 18px; min-width: 30px; text-align: center; color: #000;}
.file_area.img > li {display:inline-block; padding:5px; border:none;}
.file_area.img > li .pic {display:block; border:1px solid #ccc; padding:3px; width: 100px; height: 100px;}
.file_area.img > li > span {display:block; max-width:100px; float:none; width:100%;}
.file_area.img > li .del {position:relative; display:block; right:auto; top:auto; margin-top:5px; transform:none; -webkit-transform:none;}
#file_add li.pt5, #option_add li.pt5, #file_add_img li.pt5 {position: relative;}
@media screen and (max-width:980px) {
    .photo_listW > ul > li {width:33.33% !important;}
	.photo_listW > ul.gallery_list > li {width:33.333% !important}
    .prd_list > ul {overflow: hidden; margin:-15px -20px}
    .prd_list > ul > li {padding:15px 20px;}
	.blog_list li .txt_ss {font-size:16px;}
	.faq_list > li  .tit_btn{display:block; max-width:135px; margin:0 auto; margin-top:10px;  position:relative; right:auto; top:auto;}
}
@media screen and (max-width:767px) {
    .photo_listW > ul > li {width:50%;}
    .photo_listW li .txt {font-size:13px;}
	.photo_listW .company_list > li {width:50% !important;}
    .photo_listW > ul.gallery_list > li {width:50% !important}
    .list_photo li > a {padding-left:190px; min-height:170px;}
    .list_photo li .pic {width:170px; height: 170px;}
    .list_photo li .txt_t {margin-bottom: 20px;}
    .photo_listW .photo_data li {width:33.33%;}
	.photo_listW > ul.movie_list {position: relative; margin: -6px;}
	.photo_listW > ul.movie_list > li {width: 100%; padding: 6px;}	
	.photo_listW > ul.col-3 > li {width: 100% !important; padding: 6px;} 
    .bbs_search_in.two_col .two_cell {float: none; clear: both; width:100% !important; padding-left:100px; padding-right: 0px !important}
    .bbs_search_in.two_col .cell01 {margin-bottom: 5px;}
    .bbs_search .two_col .btn_search {height:84px;}
    .ev_tb tbody tr td {height:75px;}
    .faq_list > li .title {padding:20px 40px 21px 64px; font-size:15px}
    .faq_list > li .title .q {position: absolute; width:32px; height: 32px; line-height:29px; left:15px; margin-top: -16px; font-size: 20px;}
    .faq_list > li .answer_wrap {padding:16px 14px 16px 14px; }
    .faq_list > li .answer {min-height: 22px; padding:6px 0px 6px 50px; font-size:15px}
    .faq_list > li .answer .a {position: absolute; width:32px; height: 32px; line-height:29px;}
    .faq_list2 > li .title .q {width:60px;font-size:14px;}
    .faq_list2 > li .title {padding-left:82px;}
    .faq_list2 > li .answer {padding-left: 0px;}
    .prd_list > ul > li {width:50%;}
    .prd_list > ul.education > li {width:50%;}
	.blog_list ul {margin:0px -20px;}
    .blog_list {max-width:580px; margin:0 auto;}
    .blog_list li {float:none; width:100%;}
    .next_list dl {float: none; width: 100%; padding: 0px 0px 0px 130px !important; height: 55px; line-height: 55px; }
    .next_list dl dd {text-align: left; border-right: none !important; height: 55px; line-height: 55px;padding: 0px 10px !important}
    .next_list dl.prev {border-top:1px solid #ccc }
    .next_list dl.prev dt {left: 30px; right: auto; padding-left:30px; padding-right:0px; background-position:left center}
    .next_list dl.prev dd {text-align: left}
    .next_list_wrap .btn_list {position: relative; display: block; left: auto; top: auto; margin: 0px auto; width: auto; max-width:180px; }
    .view_date > ul li {float: none !important;}
	.view_date > ul li .txt_t {padding-left:30px;}
}
@media screen and (max-width:599px) {
    table.board-list {font-size:13px}
    .board-write {font-size:13px;}
    .paging {margin:26px 0px 10px 0px; width:100%;}
    .paging a {font-size:13px; margin: 0px 2px; padding:0px;}
    .paging a.first, .paging a.last {width:28px; height: 28px;}
    .paging a.next {width: 28px; height:28px; margin-left:0px;}
    .paging a.prev {width: 28px; height:28px; margin-right:0px;}
    .table_view_list {margin-left: -15px;}
    .table_view_list > li.fr {float: left !important} 
    .table_view_list > li {margin-right: 15px; padding-left: 15px;}
    .photo_listW > ul > li {width:50% !important;}
}
@media screen and (max-width:479px) {
    table th {word-break: break-all;}
	.photo_listW > ul.gallery_list > li {width: 100% !important; float: none;}
	.photo_listW .company_list > li {width: 100% !important; float: none;}
    .photo_listW .movie_list > li {width: 100% !important; float: none;}
	.photo_listW > ul {margin: 0px;}
    .photo_listW > ul > li > div {margin-left:0px;}
    .board-write th {padding-left: 10px !important;}   
    .board-write td {padding:8px 5px; height: auto;}
    #inner_wrap table tbody tr td {font-size:1em !important; padding: 5px}
    #inner_wrap table tbody tr th {font-size:1em !important; padding: 5px}
    #inner_wrap table thead tr th {font-size:1em !important; padding: 5px}
    #inner_wrap table thead tr th.td_tit  {font-size:14px !important; padding:10px}
    #inner_wrap table tbody tr td .btnSmall span {padding: 3px 6px 3px 6px; font-size:12px;}
    .board-write .input {min-height:36px !important; line-height: 36px !important; padding-left: 5px;}
    .board-write .btnNormalB span {padding: 0px 22px; height:36px; line-height:35px;}
    .board-write .btnNormalB.cancel span {padding: 0px 20px; height:34px; line-height:33px;}
    .file_input > input {min-height:36px; line-height:34px; padding-left: 5px;}
    .file_input label {padding: 0px 22px; height: 36px; line-height:36px;}
    .select_ds select {padding: 0px 0px 0px 5px; height:36px;}
    .select {height:36px;}
    table.board-list td .ico {line-height: 18px; height: 20px; min-width: 44px;}
    .next_list dl {padding-left:70px; height: 45px; line-height: 45px; padding-left: 90px !important;}
    .next_list dl dt {font-size: 13px; padding-left:20px; left: 10px; background-position:13px left !important}
    .next_list dl dd {font-size:13px; height: 45px; line-height: 45px; padding-left: 15px}
    .next_list dl dd.date {padding-right: 15px}
    .next_list dl.prev dt {left:10px; padding-left:20px;}
    .bbs_search {padding:10px;}
    .bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
    .bbs_search .two_col .btn_search {height:40px;}
    .bbs_search_in.two_col .two_cell {padding-left: 80px; margin-bottom: 0px;}
    .bbs_search_in.two_col .two_cell .pa {font-size: 13px; }
    .list_photo li {padding:15px 0px;}
    .list_photo li > a {padding-left:130px; min-height:120px;}
    .list_photo li .pic {width:120px; height: 120px;}
    .list_photo li .name {padding:2px 13px;}
    .list_photo li .txt_t {font-size:15px; margin:5px 0px;}
    .list_photo li .txt {font-size:12px; line-height:18px; margin-top:2px; padding-left: 60px;}
    .xans-board-commentwrite span.ib {display:block !important; width:100%;}
    .xans-board-commentwrite span.ib label {display: inline-block; vertical-align: middle; min-width:70px;}
	table .w_cell { display:none;}
    .xans-board-commentform {padding: 5px 10px 10px;}
    .xans-board-commentform .view {padding-right:103px;}
    .xans-board-commentform .submit .btnSubmit span {padding:0px 10px; }
    .xans-board-commentwrite {padding: 5px 10px 10px;}
    .xans-board-commentwrite .view {padding: 0 53px 0 0;}
    .xans-board-commentwrite .submit span {padding:0px 10px; }
    .input {min-height: 36px !important; line-height: 36px !important; padding-left: 5px;}
    .select_ds select {padding: 0px 0px 0px 5px; height: 36px;}
    .sch_topW {padding: 0px 10px;}
    .sch_topW .in_box .date {font-size:23px; }
    .ev_tb tbody tr td {height:40px;}
    .ev_tb tbody tr td .date {margin-left: -2px;}
    .faq_list > li .title {padding:15px 45px 16px 60px; font-size: 13px; background-position:right center !important; background-size:  20px auto !important;}
    .faq_list > li .title .q {width:30px; height: 30px; line-height:27px; left:10px; margin-top: -15px; font-size:18px;}
    .faq_list > li .answer_wrap {padding:13px 10px 13px 10px; }
    .faq_list > li .answer {min-height: 22px; padding:4px 0px 4px 48px; font-size: 13px; }
    .faq_list > li .answer .a {width:30px; height: 30px; line-height:27px; font-size:18px;}
    .faq_list2 {margin-top: 30px;}
    .faq_list2 > li .title .q {width: 52px; height: 26px; line-height: 25px; margin-top: -13px; font-size: 13px;}
    .faq_list2 > li .title {padding-left: 72px;}
    .prd_list > ul.education > li {width:100%;}
    .prd_list > ul.education > li > a .txtW {min-height: auto;}
    .prd_list > ul {margin: -15px -10px}
    .prd_list > ul > li {padding: 15px 10px;}
    .view_tit .go_back {left: 10px; top: 0px; top:-40px; transform: none; -webkit-transform:none}
    .view_tit .v_list > li {font-size: 14px !important;}
    .view_date {background-size:auto 10px; padding-bottom: 20px; padding-top: 0px; }
	.view_date > ul li .txt_t {padding-left: 18px;}
	.view_date > ul li.file .txt_t {padding-left: 18px;background-size: 13px auto; background-position:left 4px; }
    .view_tit {padding: 10px; margin-bottom: 10px; margin-top: 50px}
    .view_tit .v_tit {font-size: 1.6em;}
    .view_sns li a {width:24px;}
    .view_con {padding:10px 0px;}
	.blog_list li .txt_ss {font-size: 13px; padding-left:75px;}
	.blog_list li .txt_t {font-size:22px;}
	.blog_list li .txt_s {font-size:17px;}
	.blog_list li > a {PADDING:15px;}
	.photo_listW > ul > li .box .pic .ico{font-size: 12px; padding: 7px;}
	.company_list > li .type {font-size: 13px; padding: 3px 10px;}
    .table_style3 tbody tr {display: block; padding-top: 10px;}
    .table_style3 tbody tr:first {padding-top:0px;}
    .table_style3 tbody tr th {display: block; padding-bottom: 0px !important; font-size: }
    .table_style3 tbody tr td {display: block; }
    .list_count_wrap {font-size: 14px;}
    .photo_listW > ul.gallery_list > li .txtW {min-height: auto;}
}
@media screen and (max-width:329px) {
    .photo_listW li {width:100%; float: none;}
}
@charset "utf-8";
.btnNormal, .btnNormal span, .btnBBig, .btnBBig span, .btnTiny, .btnTiny span, .btnTinys, .btnTinys span,  .btnBig, .btnBig span, .btnCtrl, .btnCtrl span, .btnDate, .btnDate span, .btnGeneral, .btnGeneral span, .btnStrong, .btnStrong span, .btnNormalB, .btnNormalB span, .btnNormalS, .btnNormalS span, .btnSubmit, .btnSubmit span, .btnEm, .btnEm span, .btnSearch, .btnSearch span, .btnSmall, .btnSmall span {
    display: inline-block;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
	color:#fff;
	zoom:1;
	*display:inline;
	cursor:pointer;
}
.btnNormal span, .btnCtrl span, .btnDate span, .btnGeneral span, .btnStrong span, .btnSubmit span, .btnEm span, .btnSearch span {
    cursor:pointer;
    vertical-align:top;
}
a.radius {border-radius:60px; }
a em {display:inline-block; height:11px; vertical-align:middle; line-height:0; padding:0; zoom:1; *display:inline;}
a.btnStrong, a.btnSubmit {color:#fff; font-size:17px; }
button {padding: 0px; border: none; cursor: pointer;}
button {background: none; font-family: Noto Sans;}
.btn_zone {padding:38px;}
.btnSubmit {background:#a0a0a0; text-align:center; font-size:13px;}
.btnSubmit span {padding:0px 30px 0px 30px; color:#fff; border:1px solid #7f7f7f; height:50px; line-height:50px; font-size:14px;}
.btnSubmit.purple span {background:#84308e; color:#fff; border:1px solid #84308e;}
.btnSubmit.cancel span {background:#fff; color:#000; border:1px solid #c3c3c3;}
.btnSubmit em.icoArrow {background:url(/img/common/arrow.png) no-repeat left center; vertical-align:top; *vertical-align:middle; margin:0 -20px 0 29px; width:6px; height:58px;}
.btnSubmit.red {background:#e20e20;}
.btnSubmit.red span {background:#e20e20; color:#fff; border:1px solid #e20e20;}
.btnSubmit.purple span {background:#84308e; color:#fff; border:1px solid #84308e;}
.btnSubmit.gray span {background:#5f6062; color:#fff; border:1px solid #5f6062;}
.btnSmall {background:#666666;}
.btnSmall span {padding:3px 17px 3px 17px; min-height:22px; vertical-align:top; line-height:20px; font-size: 14px; white-space:normal;}
.btnSmall.line {background:#fff; border:1px solid #ccc;}
.btnSmall.line span {color:#333333; min-height:20px; line-height:18px; }
.btnSmall.p_line {background:#fff; border:1px solid #000; line-height:18px;}
.btnSmall.p_line span {color:#333; min-height:20px;  line-height:18px;}
.btnSmall span.two_row {padding:11px 20px; height:36px; line-height:18px;}
.btnSmall.black {background: #242424}
.btnSmall.red {background: #ed2129}
.btnSmall.blue {background: #0c91dd}
.btnSmall.gray {background: #757a85}
.btnSmall .bg_down {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 90% center; padding-right:40px;}
.btnSmall .bg_down4 {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 90% center; padding-right:40px;}
.btnSmall .plusw {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 80% center; padding-right:40px;}
.btnSmall .canclew {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 80% center; padding-right:40px;}
.btnTinys {background:#ececec; font-size:12px;}
.btnTinys span {padding:0px 17px ; height:25px; line-height:24px; border: 1px solid #d0d0d0; color:#646464;}
.btnTinys.gray {background:#5f6062;}
.btnTinys.line {background:#fff;}
.btnTinys.p_line {background:#fff; }
.btnTinys.p_line span {color:#8264b3; border:1px solid #8264b3;}
.btnTiny {background:#fff; border-bottom:1px solid #e9e9e9; font-size:13px;}
.btnTiny span {padding:0px 10px 0px 10px; text-align:center; border:1px solid #cccccc; color:#333; height: 24px; line-height: 24px;}
.btnTiny span.red {color:#e20e20;}
.btnTiny em.icoArrow {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; vertical-align:top; margin:0 0 0 10px; width:4px; height:21px;}
.btnTiny em.down {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny em.down4 {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; vertical-align:top; margin:1px 10px 0 0px; width:22px; height:21px;}
.btnTiny em.del {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny.gray {background:#777777;}
.btnTiny.gray span {border:1px solid #777777; color:#333; color:#fff;}
.btnNormal {min-width:90px; background:#666666; text-align:center; font-size:14px; }
.btnNormal span {padding:0px 17px; height:34px; line-height:33px;}
.btnNormal.purple {background:#84308e;}
.btnNormal.line {background:#fff; border:1px solid #d0d0d0;}
.btnNormal.line span {color:#242424; height:32px;}
.btnNormal.red {background: #ed2129}
.btnNormal.gray {background:#7d7d7d;}
.btnNormal.black {background: #000}
.btnNormal.blue {background: #0c91dd}
.btnNormal span.link {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center; margin-right: 10px;}
.btnNormalB {background:#333333; text-align:center; font-size:14px; font-weight:600;}
.btnNormalB span {padding:0px 22px; height:40px; line-height:39px;}
.btnNormalB.line {background:#fff; border:1px solid #8062b2;}
.btnNormalB.line span {color:#8062b2; height:34px;}
.btnNormalB.gray {background: #757a85}
.btnNormalB.red {background: #ed2129}
.btnNormalB.cancel {background:#fff;  color:#000000; border:1px solid #000000; box-sizing: border-box;}
.btnNormalB.cancel span {color:#333333; line-height:37px; height: 38px;}
.btnNormalB.bg_print {box-sizing: border-box; padding: 0px 20px;}
.btnNormalB.bg_print span {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; padding: 0px 0px 0px 25px;}
.btnNormalB.bg_ico {box-sizing: border-box; padding: 0px 20px;}
.btnNormalB .bg_down {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; padding: 0px 0px 0px 30px;}
.btnNormalB .bg_go {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center; padding: 0px 30px 0px 0px;}
.btnNormalB .bg_link {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center; padding: 0px 30px 0px 0px;}
.btnStrong {min-width:200px; background:#3d66b8; letter-spacing: -1px; color: #fff; text-align:center; font-size:18px; font-weight:300;}
.btnStrong span {padding:0px 30px; height:59px; line-height:58px; font-size:20px;}
.btnStrong.cancel {background:#fff; border:1px solid #042f67; color:#042f67;}
.btnStrong.cancel span {color:#042f67; height:57px; line-height:56px; }
.btnStrong.red.cancel {border:1px solid #0c91dd; color:#0c91dd;}
.btnStrong.red.cancel span {color:#0c91dd; height:57px; line-height:56px; }
.btnStrong.blue.cancel {border:1px solid #0c91dd; background:#fff; color:#0c91dd;}
.btnStrong.blue.cancel span {color:#0c91dd; height:57px; line-height:56px; }
.btnStrong.blue {background:#004497 }
.btnStrong.green {background:#91c034 }
.btnStrong .bg_down {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; padding: 0px 0px 0px 30px;}
.btnStrong.gray {background:#333 }
.btnEm {background:#ececec;}
.btnEm span {padding:0px 15px 0px 15px; height:32px; line-height:29px; font-size: 14px; font-family: nGothicB;}
.btnEm.line {border:1px solid #d0d0d0;}
.btnEm.line span {color:#646464; height:30px;}
.btnGeneral {min-width:270px; box-sizing: border-box; background:#3084d8; letter-spacing: -1px; color: #fff; text-align:center; font-size:22px; font-weight:300;}
.btnGeneral span {padding:0px 25px; height:70px; line-height:68px;}
.btnGeneral.cancel {background:#fff; border:1px solid #042f67; color:#042f67;}
.btnGeneral.cancel span {color:#042f67; height:68px; line-height:66px; }
.btnGeneral.red.cancel {border:1px solid #0c91dd; color:#0c91dd;}
.btnGeneral.red.cancel span {color:#0c91dd; height:68px; line-height:66px; }
.btnGeneral.gray{background:#313747; border:1px solid #313747; color:#fff;}
.btnGeneral.gray span {color:#fff; height:68px; line-height:66px; }
.btnGeneral.next span {padding:0px 65px 0px 45px;}
.btnGeneral.next:before {display: block; content: ""; width:40px; height: 40px; background: #fff; border-radius:100%; position: absolute; right:10px; top: 50%; margin-top: -20px;}
.btnGeneral.next:after {display: block; content: ""; color: #000; width:40px; height: 40px; line-height: 40px; position: absolute; right:10px; top: 50%; margin-top: -20px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center;}
.btnBig span {vertical-align: top; font-weight:500;}
.btnBig {min-width:240px; background:#042f67; color:#fff; text-align:center; font-size:24px; line-height:95px; padding:0px 33px;}
.btnBig.arrow:after {display: block; content: ""; width:33px; height: 8px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; position: absolute; left:80%; top: 50%; margin-top: -4px;}
.btnBBig {min-width:400px; background:#0570be; color:#fff; text-align:center; font-size:32px; line-height:100px; padding:0px;}
.btnBBig.arrow:after {display: block; content: ""; width:33px; height: 8px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; position: absolute; left:80%; top: 50%; margin-top: -4px;}
a.btnBBig, a.btnBig {color:#fff;}
.btnBig .bg_down {padding-right:50px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center;}
@media screen and (max-width:767px) {
    .btnBig {font-size:20px; line-height:62px; height: 64px; padding:0px 20px;}
    .btnBBig {font-size:24px; min-width: auto; line-height:70px;}
}
@media screen and (max-width:499px) {
    .btnNormal {font-size:13px;}
    .btnNormal span {padding:0px 12px; height:30px; line-height:29px;}
    .btnNormalB {font-size: 13px;}
    .btnStrong span {height:52px !important; line-height:50px !important; font-size:17px;}
    .btnStrong.cancel span {height:50px !important; line-height:48px !important;}
    .btnBig {font-size:18px; line-height:62px; height: 64px; padding:0px 20px;}
    .btnBBig {font-size:22px; min-width: auto; line-height:70px;}
    .btnGeneral {font-size:18px;}
    .btnGeneral span {height:60px !important; line-height:58px !important;}
    .btnGeneral.cancel span {height:58px !important; line-height:56px !important; }
}
@charset "utf-8";
body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:65px; top:26px;}
img {max-width: 100%}
.main_b {text-align:center;}
.main_b p {border:1px solid #ccc; display:inline-block;}
.main_b .web_dis {display:block;}
.main_b .mb_dis {display:none;}
.quick_wrap {transition: all 0.3s 0s ease-in-out; z-index:999; position:fixed; right:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%);}
.quick_wrap > ul {transition: all 0.3s 0s ease-in-out;}
.quick_wrap > ul > li {padding:2px;}
.quick_wrap .m_bt {padding:2px 2px 3px 2px; transition: all 0.3s 0s ease-in-out; transform: translateX(100px); -wbkit-transform: translateX(100px); }
.quick_wrap .m_bt > button {display:block; width:55px; height:55px; outline:none; background:url(/img/main/q_open.png) no-repeat left top;}
.quick_wrap .m_bt > button.on {background:url(/img/main/q_close.png) no-repeat left top;}
.quick_wrap > ul.on  {transform: translateX(0px); -wbkit-transform: translateX(0px);}
.chatting_q {transition: all 0.3s 0s ease-in-out; z-index:999; position:fixed; right:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%);}
.chatting_q > p {transition: all 0.3s 0s ease-in-out;  border-radius:100%; overflow: hidden; box-shadow: 1px 2px 3px #ccc;}
.chatting_q a {display: block; width: 76px; height: 76px; background: #3084d8}
@media screen and (min-width:980px) {
	.quick_wrap > ul {transform: translateX(0px); -wbkit-transform: translateX(0px);}
    .chatting_q > p {transform: translateX(0px); -wbkit-transform: translateX(0px);}
}
@media screen and (max-width:979px) {
	.quick_wrap > ul {transform: translateX(100px); -wbkit-transform: translateX(100px);}
    .chatting_q > p {transform: translateX(100px); -wbkit-transform: translateX(100px);}
	.quick_wrap .m_bt {transform: translateX(0px); -wbkit-transform: translateX(0px); }
}
@media screen and (max-width:479px) {
	.quick_wrap > ul > li img {width:40px;}
	.quick_wrap .m_bt > button {width:40px; height:40px; background-size:cover !important}
}
#header {width:100%; position:fixed; background: #fff; left:0px; top:0px; z-index:9999; box-sizing: border-box; transition: all 0.3s 0s ease-in-out; border-bottom:4px solid #2d5bf2}
.in_header {max-width:1100px; width:100%; height:70px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9; color: #fff;}
#header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 }
#header .top_btns {overflow: hidden; position: absolute; right:10px; top:15px; }
#header .top_btns > li {float: left; padding: 0px 0px 0px 15px; margin-left: 15px; position: relative;}
#header .top_btns > li:before {display: block; content: ""; width: 1px; height: 10px; background: #333; position: absolute; left: 0px; top: 50%; margin-top: -5px;}
#header .top_btns > li:first-child {padding-left: 0px; margin-left: 0px;}
#header .top_btns > li:first-child:before {display: none;}
#header .top_btns > li .ico {display: inline-block; line-height: 100%; padding:1px; border: 1px solid #fff; background: #fff; border-radius:100%; box-sizing: border-box; overflow: hidden; vertical-align: middle;}
#header .top_btns > li .m_topbtn {line-height: 20px; font-weight: 300; color: #000000; font-size:16px;}
#wrap {width:100%; max-width:1920px; padding-top: 74px; overflow:hidden; margin:0 auto;  transition: all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:70px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}
.inner {max-width: 1400px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}
.bg_wrap {background: #f2f2f2}
.m_gnb_on {position:absolute; right:10px; top:50%; margin-top:20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; display: block; }
.m_gnb_on .menu_btn {margin: 0 auto;}
.w_gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb {margin: 0 auto; box-sizing: border-box; padding:0px 75px 0px 200px;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: right;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {text-align: center; display: inline-block; padding: 0px 6%; vertical-align: top; position:relative;}
.w_gnb .gnb > ul > li > a {display:block; color:#fff;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; box-sizing: border-box; font-size:20px; font-weight:400; line-height:70px; height:70px; color:#000000;  font-family: 'GmarketSans'; transition: all 0.2s 0s ease-in-out; position: relative;}
.w_gnb .gnb > ul > li.on > a > span {color:#3084d8;}
.w_gnb .gnb > ul > li:hover > a > span {color:#3084d8;}
.w_gnb .gnb > ul > li:hover > a:after {display: block; content: ""; width: 8px; height:8px; border-left: 1px solid #333; border-top: 1px solid #333; position: absolute; left: 50%; top:100%; margin: -4px 0px 0px -4px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:99}
.gnb > ul > li.gnb08 {display: none !important;}
.gnb > ul > li.gnb09 {display: none !important;}
.w_gnb .sub_menu  {position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:194px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding:0px 0px; border:1px solid #333; background: #fff; padding: 10px 0px;}
.w_gnb .sub_menu > li {padding:3px 3px 3px 3px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:14px; text-align:center; font-weight:500; color:#333333; padding:3px 0px; line-height:20px;}
.w_gnb .sub_menu > li > a:hover {color:#3084d8;}
.w_gnb .three_depth { display:none;}
.w_gnb .three_depth { display:none;}
.gnb08 {display: none !important;}
.gnb09 {display: none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background: #2d3749}
.m_gnb_on {right:0px; display:flex; flex-wrap:wrap; align-items: center; cursor: pointer; justify-content: center; margin-top:0px; background:#2d5bf2; width:68px; height:100%;}
#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; height: 200px; background: url(/img/common/png_80.png) repeat left top; z-index: 8}
.slide_menu_wrap {width:80%; max-width: 500px; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_inner .top_menu {background: none; display: block;}
.slide_menu_inner .top_btns {overflow: hidden; padding: 0px 0px 20px 0px; margin: -5px; float: none; background: none;}
.slide_menu_inner .top_btns > li {float: left; width: 50%; box-sizing: border-box; padding: 5px;}
.slide_menu_inner .top_btns > li > a {display: block; line-height: 140%; font-weight: 100; padding: 10px; border: 1px solid #fff; color: #fff;  font-size: 15px; text-align: center}
.slide_menu_inner .top_btns > li > a .ico {display: none;}
.slide_menu_inner .top_btns > li a:before {display: none;}
.slide_menu_wrap .m_gnb_on {display:none !important}
.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none;  padding: 0px; margin: 0px; }
.all_close .menu_btn {height: 20px !important; width: 30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; padding: 10px 10px 10px 25px; background: url(/img/common/g_plus.png) no-repeat right center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(/img/common/g_minus.png) no-repeat right center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 15px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}
.main_visual {width: 100%; overflow: hidden; position: relative; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center top; box-sizing: border-box;}
.main_visual_wrap {max-width: 1400px; padding: 0px 10px; box-sizing: border-box; margin: 0 auto; overflow: hidden;}
.main_visual_wrap .video {float: left; width: 50%; max-width: 700px; margin-top:30px; box-sizing: border-box; }
.main_visual_wrap .txt {padding-top:50px;}
.visual_inner {position: relative; width: 100%; min-height:500px; box-sizing: border-box; max-width: 1400px; margin: 0 auto; padding-right: 50%; background: url(/img/main/visual_img.png) no-repeat right bottom}
.visual_login {width: 280px; position: absolute; right: 0px; top: 50%; box-shadow: 1px 4px 7px #4a79a9; margin-top: -135px; background: #fff; box-sizing: border-box; padding: 20px; padding-bottom: 15px;}
.visual_login .bt > li {padding-top: 5px;}
.visual_login .bt > li > a {display: block; line-height:44px; border-radius:6px; border: 1px solid #ccc; background: #fff; color: #333; font-size:18px; text-align: center; font-weight: 100;}
.visual_login .bt > li:nth-child(1) > a {border: 1px solid #004685; background: #004685; color: #fff;}
.visual_login .bt2 {overflow: hidden; padding-top:15px;}
.visual_login .bt2 > li {float: left; width: 50%; text-align: center; box-sizing: border-box; border-left: 1px solid #ccc;}
.visual_login .bt2 > li:first-child {border: none;}
.visual_login .bt2 > li > a { color: #666666; font-weight: 300; font-size: 15px; line-height:20px;}
.video_wrap {position: relative; padding-bottom:56%;}
.video_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}
.mont {font-family: 'Montserrat', sans-serif;} 
.mont strong {font-family: 'Montserrat', sans-serif;} 
.section {padding:70px 0px; font-size: 18px; line-height: 140%; word-break: keep-all;}
#section2 {background:#f3f4f8; overflow: hidden; position: relative;}
.main_introduce {overflow: hidden; padding: 20px 0px;}
.main_introduce .main_video {float: left; width: 50%; box-sizing: border-box; padding: 0px 10px 10px 0px; background: url(/img/main/video_bg.jpg) no-repeat right bottom; background-size: cover;}
.main_introduce .video_info {float: left; width: 50%; box-sizing: border-box; padding: 0px 0px 0px 50px;}
.main_introduce .video_info > h4 {color: #000000; font-size:2em; font-weight: 600; line-height: 140%;}
.main_introduce .video_info > h4:after {display: block; content: ""; width: 40px; height: 1px; margin: 20px 0px; background: #004593;}
.main_introduce .video_info .txt {font-weight: 100; color: #666666; line-height: 150%; font-size: 1.05em; padding-bottom:40px;}
.main_introduce .video_info .video_btn_t {font-size: 18px; color: #000000; padding-left: 25px; background: url(/img/main/note.png) no-repeat left 1px; font-weight: 300;}
.main_introduce .video_btn {margin:-3px; margin-top:10px}
.main_introduce .video_btn:after {display: block; content: ""; clear: both;}
.main_introduce .video_btn > li {float: left; width:25%; padding:3px; box-sizing: border-box; position:relative; }
.main_introduce .video_btn > li.on > a {background: #2d5bf2; border-color:#2d5bf2; color: #fff;} 
.main_introduce .video_btn > li.on > a > p > span {color: #fff;}
.main_introduce .video_btn > li.on > a > p > span.ico {background: url(/img/main/play2.png) no-repeat left top;}
.main_introduce .video_btn > li > a {display: block;  background: #f3f4f8; border: 1px solid #cccccc; border-radius:6px; width:100%; letter-spacing: -0.5px; box-sizing: border-box;} 
.main_introduce .video_btn > li > a > p {min-height:60px; box-sizing: border-box; padding-left:40px; position:relative; display:table;}
.main_introduce .video_btn > li > a > p > span {display:inline-block; line-height: 30px; color: #999999; font-weight:400; text-align: left;}
.main_introduce .video_btn > li > a > p > span.ico {position:absolute; left:5px; top:50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.main_introduce .video_btn > li > a > p > span.video_txt{line-height: 150%; font-size:0.85em; display:table-cell; vertical-align:middle;}
.program_schedule:after {display: block; content: ""; clear: both;}
.program_schedule {padding-top:20px;}
.program_schedule > li {box-shadow: 0px 3px 10px #9292924a; box-sizing: border-box; margin-top: 13px; position: relative;}
.program_schedule > li > a {display: block; color: #333333; padding-left:360px;}
.program_schedule > li:nth-child(1) > a > h4 {background: url(/img/main/s3_img01.jpg) no-repeat left top;}
.program_schedule > li:nth-child(2) > a > h4 {background: url(/img/main/s3_img02.jpg) no-repeat left top;}
.program_schedule > li:nth-child(3) > a > h4 {background: url(/img/main/s3_img03.jpg) no-repeat left top;}
.program_schedule > li:nth-child(4) > a > h4 {background: url(/img/main/s3_img04.jpg) no-repeat left top;}
.program_schedule > li > a > h4 {display:table; width:360px; height: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; background-size:cover !important}
.program_schedule > li > a > h4 > span {display: table-cell; width: 100%; height: 100%; vertical-align:middle; text-align: center; color: #fff; font-size:26px; font-weight: 600;}
.program_schedule > li .box {min-height:150px; overflow: hidden; box-sizing: border-box; padding:15px 40px 10px 30px; border: 1px solid #ccc; border-left:none; background: url(/img/main/arrow5.png)no-repeat calc(100% - 20px) center;}
.program_schedule > li .box dt {font-weight: 400; font-size: 1.1em; line-height: 140%; padding-bottom:10px;}
.program_schedule > li .box dd > ul > li {position: relative; font-size: 15px; font-weight: 300; line-height: 30px; padding-left:112px; margin-top: 3px; min-height:30px; }
.program_schedule > li .box dd > ul > li .txt_t {position: absolute; left: 0px; top: 0px; min-width:94px; border-radius:60px; background: #004593; line-height: 30px; color: #fff; font-size:13px; text-align: center; font-weight: 100;}
#section3 {}
#section4 {background: #f3f4f8}
#section4 .ico_note {font-weight:300;}
.method_group {padding-bottom: 50px;}
.method_group:after {display: block; content: ""; clear: both;}
.method_group {margin-left: -80px;}
.method_group > li {float: left; text-align: center; width:20%; box-sizing: border-box; padding-left:80px; position: relative;}
.method_group > li:before {display: block; content: ""; width:66px; height: 66px; position: absolute; left:10px; top: 50%; margin-top: -43px; background: url(/img/main/arrow2.png) no-repeat left center;}
.method_group > li:first-child:before {display: none;}
.method_group > li .txt {display: block; padding-top: 10px;}
.method_group > li:nth-child(4) .txt:after {display: inline-block; content: ""; vertical-align: top; margin:4px 0px 0px 5px; width: 8px; height: 8px; border-radius:100%; background: #e40e21;}
.method_group > li.dot_no:nth-child(4) .txt:after{display: none;}
#section5 .btnGeneral {display: block; max-width:285px; margin: 0 auto; background: url(/img/main/arrow4.png) no-repeat 95% center;}
#section5 .btnGeneral span {height:78px; line-height:78px;}
.main_banner {padding:50px 0px 0px 0px;}
.main_companiesW {position: relative;}
.main_companiesW .bx_bt {position: absolute; top:40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute;}
.main_companiesW .bx_bt > a {display: block; line-height: 100%; box-shadow: 0px 5px 6px #e2e2e2; width: 16px; height: 16px; border-radius:100%; background: #fff; padding:25px; text-align: center}
.main_companiesW .bx_bt > a img {vertical-align:top;}
.main_companiesW #board_l1 {left:-80px;}
.main_companiesW #board_r1 {right:-80px;}
.main_companiesW #board_l6 {left:-80px;}
.main_companiesW #board_r6 {right:-80px;}
.main_companies > li a {display: block; min-height: 189px; position: relative; background: #f3f4f8; padding: 20px; box-shadow: 3px 3px 11px #d2d2d2;}
.main_companies > li .box {padding: 0px 10px; padding-bottom: 20px;}
.main_companies > li .pic {display: block; width: auto; height: 160px; background: #fff; padding: 0px !important; text-align: center; position: relative; overflow: hidden; box-sizing: border-box;}
.main_companies > li .pic img {position: absolute; max-width:90%; max-height: 100%; left:50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.main_companies > li .txt_t {display:block; text-align: center; padding: 20px 0px; font-weight: 400; line-height: 140%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; color: #333333;}
.main_companies > li a .tit {text-align: center; margin-top: 15px; font-weight: 400; color: #333333; font-size: 22px; height: auto; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 10px;}
.main_companies > li a .tit_s {text-align: center; display: block; font-size: 18px; text-align: center; font-weight:300; color:#3084d8; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main_companies > li .typeW {position: absolute; font-size: 0px; left:0px; top:0px; display:block; color:#fff}
.main_companies > li .typeW > span {display: block; color: #fff; background-color:#2d5bf2; box-sizing: border-box; text-align: center; font-size:10px; border-radius:28px; padding:0px 10px; margin:5px; font-weight:300;}
.main_companies > li .typeW02 {position: absolute; font-size: 0px; left:0px; top:0px; display:block; color:#fff; display:table;}
.main_companies > li .typeW02 > span{width:63px; height:63px; display:table-cell; vertical-align:middle;}
.main_companies > li .typeW02 .type{border-radius:100%; background-color:#3bacf5;}
.main_companies > li .txt_area {display: block; background: #f3f4f8; box-sizing: border-box; min-height:62px; margin-top:15px; text-align: left;}
.main_companies > li .txt_area .txt_a {display: block; min-height:28px; position:relative; padding-left:95px; line-height: 25px; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color: #000000; font-size:15px;}
.main_companies > li .txt_area .txt_a:first-child {margin-top:0px;}
.main_companies > li .txt_area .txt_a > strong {position: absolute; left: 0px; top: 0px; width:85px; height:26px; line-height: 24px; box-sizing: border-box; background: #fff; font-size:15px; color: #333333; font-weight:300; border: 1px solid #ccc; text-align: center; border-radius: 60px;}
.main_companies > li .bt {
    cursor: pointer;
    display: block;
    border: 1px solid #414b57;
    color: #fff;
    background: #414b57;
    line-height: 43px;
    margin-top: 10px;
    text-align: center;
}
.main_program {overflow: hidden; padding-top: 30px; margin: 0px -7px}
.main_program > li {float: left; width: 33.3333%; box-sizing: border-box; padding: 10px 7px;}
.main_program > li .box {display: block; background-color:#fff !important; box-sizing: border-box; min-height:210px; padding:35px 190px 10px 40px; transition: all 0.2s 0s ease-in-out;box-shadow: 0px 4px 10px #e3e3e3; border-radius:6px; }
.main_program > li .box > h4 {font-size:1.5em; font-weight: 600; color: #000; min-height:85px; line-height: 140%; padding-bottom: 10px;}
.main_program > li .box .txt {min-height:120px; font-weight: 100; line-height: 130%;}
.main_program > li .box .bt {font-weight: 100; line-height: 130%;}
.main_program > li .box .bt > span {display:inline-block; border-radius:60px; line-height:50px; color: #333333; background-image: url(/img/main/arrow3.png); background-repeat: no-repeat; background-position: right center; font-weight: 400; padding-right:50px; position: relative;}
.main_program > li .box .bt > span:before {display: block; content: ""; width: 48px; height: 48px; position: absolute; right: -20px; top: 0px; border: 1px solid #000; border-radius:100%;}
.main_program > li:nth-child(1) .box {background: url(/img/main/s6_ico01.gif) no-repeat 90% 20px;}
.main_program > li:nth-child(2) .box {background: url(/img/main/s6_ico02.gif) no-repeat 90% 20px;}
.main_program > li:nth-child(3) .box {background: url(/img/main/s6_ico03.gif) no-repeat 90% 20px;}
#section6 {background: #f2f5ff}
.main_banner_wrap {margin:0px -30px; overflow: hidden;}
.main_banner_wrap .main_banner {float: left; width: 50%; padding:0px 30px; box-sizing: border-box; overflow: hidden;}
.board_wrap {position: relative;}
.board_wrap > h3 {font-size:26px; font-weight: 600; line-height: 140%; padding-bottom: 20px;}
.board_wrap .board_in {border: 1px solid #ccc; border-radius:10px; padding:25px; padding-bottom: 10px; box-sizing: border-box; min-height: 300px;}
.board_wrap .first_new {padding:10px 0 25px 120px; border-bottom:1px dashed #ccc; position:relative; box-sizing: border-box; min-height:100px; margin-bottom:25px;}
.board_wrap .first_new .day { position: absolute; left:0; top: 0px; width:95px; height:75px; text-align: center; font-size:16px; font-weight: 100; border: 1px solid #0067c3; box-sizing: border-box; padding-top:8px; color: #0067c3;}
.board_wrap .first_new .day strong { display: block; font-size:24px; line-height: 140%; font-weight:700; color: #0067c3;}
.board_wrap .first_new a {display: block; position: relative;}
.board_wrap .first_new a .tit {display: block; overflow: hidden; white-space: nowrap; color: #333333; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size:19px; margin-bottom:10px;}
.board_wrap .first_new a .txt {display:block; color: #333333; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:400; font-size: 19px; line-height:26px; height:52px;}
.board_wrap .link {color:#000;}
.board_wrap .news_list ul li {position:relative; padding:0px 100px 0px 13px; line-height:20px; height:20px; position: relative; margin-top:13px; font-weight: 100; color: #333333; font-size:17px;}
.board_wrap .news_list ul li:before {display: block; content: ""; width:4px; height:4px; border-radius:100%;  background:#0067c3; position:absolute; left: 0px; top:8px;}
.board_wrap .news_list ul li:first-child {margin-top:0px;}
.board_wrap .news_list ul li a {display:inline-block; max-width:100%; vertical-align: middle; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; vertical-align: top; color: #333333; font-weight: 300;}
.board_wrap .news_list ul li .date {position: absolute; line-height: 20px; right: 0px; top: 0px; font-weight: 400; color: #999999;}
.board_wrap .news_list ul li img {margin-left:5px; vertical-align: middle;}
.board_wrap .more {right:0px; top:0px;}
.board_wrap .more > a {display: block; width:26px; height:26px; box-sizing: border-box; border:1px solid #000; background: #000; border-radius:6px; padding: 0px; font-size: 0px;}
.board_wrap .more > a:after {display: block; content: ""; width:11px; height:1px; background: #fff; position: absolute; left:50%; top:50%; margin-left: -5px; margin-top: -1px; transition:  all 0.5s;}
.board_wrap .more > a:before {display: block; content: ""; width:1px; height:11px; background: #fff; position: absolute; left:50%; top:50%; margin-top: -6px; transition:  all 0.5s;}
.board_wrap .more > a:hover:after {transform: rotate(90deg);}
.board_wrap .more > a:hover:before {transform: rotate(90deg);}
.rnd_slide_wrap {}
.rnd_slide > li > a {display: block; position: relative; padding-left:355px; min-height: 250px;}
.rnd_slide > li > a .pic {display: block; width: 330px; height: 250px; position: relative; position: absolute; left: 0px; top: 0px;}
.rnd_slide > li > a .pic img {position: absolute; left:0%; top:0%; width: 100%; height: 100%;}
.rnd_slide > li > a .txt_t {display: block; word-break:keep-all; color: #333333; font-weight:400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:19px; line-height:26px; height:52px; margin-bottom: 20px;}
.rnd_slide > li > a .line {display: block; content: ""; width:37px; height: 1px; background: #3890c3; margin:30px 0px;}
.rnd_slide > li > a .date {display: block; padding-left: 35px; background: url(/img/main/date.png) no-repeat left top; font-size: 15px; color: #666; font-weight: 300;}
.rnd_slide > li > a .date > strong {display: block; color: #333333; font-size: 1.3em; line-height: 140%;}
.rnd_slide_wrap .v_bt {position: absolute; z-index: 98; left:385px; bottom:25px;}
.rnd_slide_wrap .v_bt > a {display: block; height:28px; width:27px; line-height: 20px;}
.rnd_slide_wrap #vnext {margin-left: 26px}
.chatw{padding-left:190px; position:relative; margin-top:30px;}
.chat_tit{color:#3084d8; position:absolute; left:0px; top:0px; padding:10px 15px; border:1px solid #3084d8; border-radius:30px; box-sizing:border-box; text-align:center;}
.chat_txt{display:block; margin-bottom:20px;}
.chat_tit02{display:block; margin-bottom:20px; width:170px; color:#3084d8;  padding:10px 15px; border:1px solid #3084d8; border-radius:30px; box-sizing:border-box; text-align:center; font-weight:300;}
@media (hover: none) {
    .hover:hover .ico_circle {background: #007dc6;}
}
.more {position: absolute; right:0px; top:10px;}
.mb_tit {text-align: center; font-size: 32px; color: #000; padding:50px 0px 25px 0px; line-height:150%; position: relative; font-weight: 700; border-bottom: 1px solid #e5e5e5}
.mb_tit:after {display: block; content: ""; width:64px; height: 7px; position: absolute; left: 50%; bottom: 0px; margin-left: -32px; background: #313747}
.m_tit {padding:0px 0px 10px 0px; color:#000000; text-align: center; font-size:36px; line-height:130%; font-weight:bold; }
.m_tit_txt {margin:0px 0px 30px 0px; word-break: keep-all; color:#666666; font-weight: 300; font-size:20px; text-align:center; line-height:150%; display:block;}
.m_tit img {vertical-align: baseline;}
.line_tit {text-align: center; margin-top:40px; font-size: 2em; color: #000; border-bottom: 1px solid #e5e5e5; line-height: 140%;}
.line_tit:after {display: block; content: ""; width:64px; height: 7px; margin: 0 auto; margin-top: 10px; background: #313747}
#footerW {clear:both; background:#313747; padding:0px 0px 0px 0px; box-sizing: border-box; margin:0 auto; position:relative;}
#footerW.z_over {z-index:101; position:relative;}
#footer_navi {overflow:hidden; max-width: 1400px; margin:0 auto; border-bottom: 1px solid #6f737c}
#footer_navi > ul {font-size: 0px; text-align: left; float: left; width: 50%; box-sizing: border-box;padding:30px 0px;}
#footer_navi > ul li {display: inline-block; position: relative; vertical-align: top; padding-left:16px; margin-left:15px;}
#footer_navi > ul li:first-child {padding-left:0px; margin-left: 0px;}
#footer_navi > ul li:after {display: block; content: ""; width: 1px; height: 14px; background: #6f737f; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
#footer_navi > ul li:first-child:after {display: none;}
#footer_navi > ul li a {display:block; font-size:16px; color:#fff; font-weight:300; line-height: 28px; }
#footer { position: relative; }
#footer .addressW {max-width: 1400px; margin: 0 auto; padding:25px 0px 35px 320px; box-sizing: border-box; position: relative; font-size:16px; color:#fff; line-height:24px; font-weight:100; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left 20px;}
#footer .addressW .copy {padding-top: 20px;}
#footer .addressW a {color: #fff}
#footer .addressW address {margin-left: -10px; line-height: 150%;}
#footer .addressW address span {display: inline-block; vertical-align: middle; padding:2px 12px;}
#footer .addressW address .line {width: 1px; height:16px; background: #6f737f; padding: 0px;}
#footer .go_top {position: absolute; right:10px; top:30px; z-index: 99}
#footer .go_top > a {display: block; color: #fff; text-align: center; padding:17px; background: #252b2b}
#footer .go_top > a > span {display: none; font-weight: 100; font-size:14px; color: #fff}
#footer .bt_member {position: absolute; right: 0px; top: 30px;}
#footer .bt_member > a {display: block; border: 2px solid #fff; border-radius: 60px; width:170px; text-align: center; font-size:20px; font-weight: 100; line-height:55px; text-indent:-15px;  color: #fff; background: url(/img/common/ico_pop.png) no-repeat 85% center; }
#footerW .copy {color: #adadad; font-size: 15px; font-weight: 100;}
#footerW .familySite {position:absolute; right:0px; top:-70px; z-index: 9}
#footerW .familySite ul.show {display:block;}
#footerW .familySite ul {position:absolute; right:0px; bottom:100%; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;}
#footerW .familySite ul li {min-height:43px; border:1px solid #6c6f78; border-top:none; line-height:43px; font-size:13px; }
#footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; }
#footerW .familySite ul li a {display:block; color:#c0c2c5; padding-left:17px; font-weight: 300;}
#footerW .familySite ul li a:hover {color:#c0c2c5; background: #272727}
#footerW .familySite p.on {width:150px; text-align: left; border:1px solid #999999; color:#fff; cursor:pointer; font-size:15px; line-height:38px; background:url(/img/common/familySite_bg.png) no-repeat right center; padding:5px 32px 5px 17px; text-transform: uppercase; font-weight: 100;}
#content {width:100%; max-width:1400px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}
.sub_visual {width: 100%; box-sizing: border-box; overflow: hidden; position: relative; display: table; background-size:cover !important}
.sub_visual .sub_txt {display: table-cell; height:145px; box-sizing: border-box; vertical-align: middle; color: #333; font-size: 26px; line-height: 130%;} 
.sub_visual .sub_txt > h2 {padding-bottom:10px; padding-top:0px;} 
.sub_visual .sub_txt .txt1 {font-size:32px; line-height: 140%; font-weight: 100; padding-bottom: 5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom: 5px;}
.sub_visual .sub_txt .txt_s {max-width: 1400px; margin: 0 auto; font-size:24px; line-height: 140%; font-weight:300; font-family: 'locus_sangsang';}
.sub_wrap .bt_quick {display: none}
#sub_tit {font-size:38px; color: #333; font-weight:700; max-width: 1400px; margin: 0 auto; line-height:130%; padding-left:100px;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}
#m_lnb {display:none;}
#lnb_wrap {position:relative; z-index:99; height:60px; border-bottom: 1px solid #dddddd; word-break: keep-all; margin:0 auto; min-height: 10px; background:#f7f7f7; box-shadow: none; box-sizing: border-box;}
#lnb_wrap .lnb > div:after {display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; right: 0px; top: 50%; margin-top: -5px;}
#lnb_wrap .lnb > p:after {display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; right: 0px; top: 50%; margin-top: -5px;}
#lnb_wrap .lnbs1 {display: block;}
#lnb_wrap .lnb { position:relative; z-index:9; max-width: 1400px; margin: 0 auto;}
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:290px; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:100%; box-sizing: border-box; width:100%; border:1px solid #ccc; display:none; background: #fff; box-shadow: 1px 2px 2px #cccccc4d; border-top:none }
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}
#lnb_wrap .lnbs3 {display: none;}
#lnb_wrap .lnb .lnbs2 {margin-left: -1px; }
#lnb_wrap .ico_home {float:left; display: block; position: relative;}
#lnb_wrap .ico_home a {display:block; width:60px; height:60px; color: #000; line-height: 60px; background:url(/img/common/ico_home.gif) no-repeat center center; font-size:17px; font-weight: 100;}
.lnb ul li {color:#666666; display: block; padding: 0px; margin-top: 0px;}
.lnb .three_depth {padding: 10px;}
.lnb ul li a {display:block; line-height:20px; min-height:20px; padding:15px 0px 15px 25px; border-top:1px solid #ccc; box-sizing:border-box; text-align: left; font-size: 15px; color: #333; font-weight:300;}
.lnb ul li:first-child a { border-top:none;}
.lnb ul li a:hover {background: #333; color:#fff;}
.lnb .three_depth {border: none;}
.lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;}
.lnbs2 > ul > li:first-child > a  { border-top:none;}
.lnbs2 > ul > li.drop > a {background: none !important;}
#lnb_tit {font-size:16px; box-sizing:border-box; padding-right:45px; padding-left:25px; color:#000; font-weight:300; line-height:60px; height:60px; background:url(/img/common/down.gif) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {display: block; font-size:16px; box-sizing:border-box; padding-left:25px; padding-right:45px; line-height:60px; height:60px; background:url(/img/common/down.gif) no-repeat 90% center; cursor:pointer; font-weight:500; color: #000;}
#lnb_tit.on {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 90% center;}
#lnb_tit2.on {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 90% center;}
.title_bar {max-width: 1400px; margin:0px auto 50px auto; padding-top:50px; position: relative;}
.title_bar h2 {font-size:36px; text-align: center; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}
.title_bar .s_txt {font-size:20px; text-align: center; color:#333333; padding-top: 10px; line-height: 140%; font-weight:300; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}
.location {position: relative; text-align: right; margin: 0 auto; margin-top:20px; line-height:40px; height:40px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:20px; margin-left:14px; background:url(/img/common/location.png) no-repeat left center; color:#666666; font-weight:100;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:400; color: #333333}
.location #location_3 {font-weight:400;}
.location img {vertical-align:middle; margin-top: -4px;}
.sub_con { max-width: 1400px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}
.s_tit {font-size:22px; color: #333333; line-height:110%; padding:0px 0px 20px 20px;  position: relative; margin-top:60px; font-weight:700;}
.s_tit > span {display: inline-block; position: relative; z-index: 1}
.s_tit:before {display:block; content: ""; z-index: 0; width:7px; height:23px; background: #3084d8; position: absolute; left: 0px; top:2px;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit.tc:after {display: none;}
.s_tit.tc:before {display: none;}
.ss_tit {font-size:19px; position: relative; color: #3084d8; line-height: 140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top: 45px; font-weight: 700;}
.ss_tit .small{font-size:0.8em;}
.fnt_sm{font-weight:600; font-size:1em;}
.s_titW {max-width: 1400px; margin:0 auto; padding: 50px 0px 5px 0px;}
.sss_tit {font-size:1.1em; color:#000; padding:0px 0px 0px 20px; margin:40px 0px 10px 0px; line-height:140%; position: relative;}
.sss_tit:before {display: block; content: ""; width:10px; height:10px; background:#144085; border-radius:100%; position: absolute; left: 0px; top:10px;}
.b_txt {font-size:22px; color: #333333; font-weight:400; padding:40px 0px 10px 0px; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:20px; margin-bottom:50px;}
.div_line {border-top:1px solid #aab7cc; margin-top: 50px; padding: 50px 0px; display: block}
.box_txt {border: 1px solid #d0d0d0; text-align: center; background: #f4f6f7; font-size: 22px; line-height: 140%; color:#004497; padding:30px 0px;}
.first_txt {font-size: 2em !important; line-height: 140%; color: #000;}
.sub_m_tit{padding: 0px 0px 10px 0px; color: #333; text-align: center; font-size: 36px; line-height: 130%; font-weight: bold;}
.gray_wrap {background: #f9f9fb; padding: 50px 10px; margin: 0px -10px; margin-bottom: 50px;}
.img_txt_wrap {padding-bottom:90px}
.img_txt_wrap > li {padding-top:75px;}
.img_txt_wrap > li > div {overflow: hidden; position: relative;}
.img_txt_wrap > li > div .img {width: 50%;}
.img_txt_wrap > li > div > dl {width: 60%; font-size: 1.25em; line-height: 150%; position:absolute; left:40%; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding:5%; box-sizing: border-box;}
.img_txt_wrap > li > div > dl > dt {font-size: 1.1em; padding-bottom:10px; font-weight: 600; line-height: 140%;}
.img_txt_wrap > li > div > dl > dt:after {display: inline-block; content: ""; width:36px; height: 1px; background: #3d66b8; vertical-align: top; margin:7px 0px 0px 10px; line-height: 1px;}
.img_txt_wrap > li:nth-child(even) > div .img {float: right;}
.img_txt_wrap > li:nth-child(even) > div > dl {left: auto; right: 40%; text-align: right}
.img_txt_wrap > li:nth-child(even) > div > dl dt {font-size: 1.1em; padding-bottom:10px; font-weight: 600; line-height: 140%;}
.img_txt_wrap > li:nth-child(even) > div > dl > dt:after {display: none;}
.img_txt_wrap > li:nth-child(even) > div > dl > dt:before {display: inline-block; content: ""; width:36px; height: 1px; background: #3d66b8; vertical-align: top; margin:7px 10px 0px 0px; line-height: 1px;}
.main_business {overflow: hidden; margin: -15px;}
.main_business > li {float: left; width: 33.3333%; box-sizing: border-box; padding:15px;}
.main_business > li > dl {position: relative;}
.main_business > li > dl > dt {padding: 20px 20px 10px 20px; background: #f9f9fb; font-size: 1.3em; line-height: 140%; max-width: 80%; margin-top: -90px; min-height: 90px; box-sizing: border-box;}
.main_business > li > dl > dd {padding: 20px;}
.main_business > li > dl > dd > .bul01 > li {margin-top: 10px;}
.logos_list {overflow: hidden; margin: -15px -20px;}
.logos_list > li {float: left; width: 25%; box-sizing: border-box; padding: 15px 20px;}
.logos_list > li .box {border: 1px solid #e5e5e5; text-align: center; padding: 5px 0px;}
.ico_step {overflow: hidden; margin: 0 auto; }
.ico_step.wd900 {max-width:900px;}
.ico_step > li {float: left; width: 25%; box-sizing: border-box; text-align: center; padding: 0px 10px; position: relative;}
.ico_step > li:before {display: block; content: ""; width:21px; height:34px; position: absolute; left: 0px; top: 50%; margin: -17px 0px 0px -10px; background: url(/img/introduce/arrow3.png) no-repeat left center;}
.ico_step > li:first-child:before {display: none;}
.ico_step > li .ico {display: block;}
.ico_step > li .txt {display: block; padding-top: 10px; line-height: 140%;}
.ico_step.three > li {width: 33.333%;}
.ico_step.six > li {width: 16.66666%;}
.ico_step.two > li {width: 50%;}
.sub_wrap .main_experience {margin: 0px -10px;}
.main_experience {overflow: hidden;}
.main_experience > li {float: left; width:20%; box-sizing: border-box; padding: 10px 10px;}
.main_experience > li .box {display: block; border-radius:30px; background-color:#fff; box-sizing: border-box; min-height:320px; box-shadow: 0px 4px 10px #dcdcdcad; padding: 35px 35px 10px 35px; text-align: center; transition: all 0.2s 0s ease-in-out;}
.main_experience > li .box .pic {display: block;}
.main_experience > li .box .txt {display: block; min-height:100px; font-size: 1.25em; text-align: center; padding-top: 20px; line-height: 140%; color: #000;}
.main_experience > li .box .bt {display: inline-block; color: #666; font-weight:300; font-size: 15px; line-height:28px; padding-right:31px; background: url(/img/main/arrow4.png) no-repeat right center;}
.main_experience.on > li .box {background: #f2f5ff}
.main_experience.five > li {width:20%}
.main_experience.five > li .box {padding:35px 25px 10px 25px;}
.main_experience > li .box:hover {box-shadow:none; background:#3084d8 !important}
.main_experience > li .box:hover .txt {color: #fff;}
.main_experience > li .box:hover .bt {color: #c4d5eb;}
.time_date {margin: 0 auto; max-width: 660px; overflow: hidden; padding-top: 30px;}
.time_date > li {float: left; width: 50%; box-sizing: border-box; padding:0px 10px;}
.time_date > li .box {padding: 10px; border-radius:60px; background-color:#f2f5ff !important; text-align: center; color: #3084d8; font-weight:400; line-height: 120%; font-size:32px; padding-left:60px;}
.time_date > li:nth-child(1) .box {background: url(/img/briefing/ico_day.png) no-repeat 10px center;}
.time_date > li:nth-child(2) .box {background: url(/img/briefing/ico_time.png) no-repeat 10px center;}
.time_date.one {max-width: 630px;} 
.time_date.one > li {float: none; width: 100%;} 
.live_bg {background: url(/img/briefing/live_bg.jpg) no-repeat center top; background-size:cover; padding: 50px 10px; margin: 0px -10px;}
.ico_live {display: inline-block; padding: 3px 10px; border-radius:10px; background: #c73c35; color: #fff; line-height: 130%; font-weight: 400; font-size: 1.4em;}
.profile_box {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right bottom #f2f5ff; padding: 20px 120px 20px 20px; overflow: hidden;}
.profile_box .pic {float: left; border: 1px solid #ccc; border-radius:10px; overflow: hidden;}
.profile_box .txt {float: right; box-sizing: border-box; width:calc(100% - 270px); width:-webkit-calc(100% - 270px); padding-left: 20px;}
.profile_box .name {font-size: 1.45em; line-height: 140%; padding: 10px 0px;}
.profile_box .name > strong {font-weight: 600;}
.profile_box .bul01 > li {margin-top:7px;}
.video_ico {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left center; min-height:20px; margin-top: 20px; padding: 20px 0px 20px 70px; box-sizing: border-box; font-size: 1.1em;}
.video_ico > ul > li {margin-top: 5px; line-height: 140%; color: #fff; font-weight: 100; font-size: 1.1em;}
.video_ico > ul > li:first-child {margin-top: 0px;}
.video_ico > ul > li > strong {color: #ffff00;}
.cover_letter {overflow: hidden; margin: 0px -35px; }
.cover_letter > li {float: left; width: 25%; box-sizing: border-box; padding: 0px 35px; position: relative;}
.cover_letter.three > li{width:33.33333%;}
.cover_letter.three > li .box {min-height:180px;}
.cover_letter > li .box {border: 1px solid #ccc; position: relative; padding: 20px;}
.cover_letter > li .box .ico {display: block; position: absolute; right: 15px; top: 15px;}
.cover_letter > li .box .step {color: #333; font-size: 1.1em; font-weight: 300; min-height:40px; line-height: 140%; position:relative; padding-bottom:20px;}
.cover_letter > li .box .step:after{display: block; content: ""; width:30px; height: 1px; position: absolute; left: 0px; bottom: 0px; background-color:#3084d8;}
.cover_letter > li .box .step > strong { font-weight: 500; font-size:1.8em; line-height: 140%; color:#3084d8;}
.cover_letter > li .box .txt_t {font-size: 1.6em; font-weight: 700; color: #333333; line-height: 130%; padding-top:20px;}
.cover_letter > li:before {display: block; content: ""; width:58px; height: 58px; position: absolute; left: 0px; top: 50%; margin: -29px 0px 0px -29px; background: url(/img/introduce/arrow2.png) no-repeat left center;}
.cover_letter > li:first-child:before {display: none;}
.consultant_wrap > ul:after {display: block; content: ""; clear: both;}
.consultant_wrap > ul {margin:30px -2px 0px 1px;}
.consultant_wrap > ul > li {float: left; width: 50%; box-sizing: border-box; border: 1px solid #ccc; margin: -1px 0px 0px -1px;}
.consultant_wrap > ul > li .box {padding: 20px 15px 20px 20px; overflow: hidden; min-height:340px;}
.consultant_wrap > ul > li .box.boxmh{min-height:280px;}
.consultant_wrap > ul > li .box .pic {float: left; border: 1px solid #ccc; border-radius:10px; overflow: hidden;}
.consultant_wrap > ul > li .box .txt {float: right; box-sizing: border-box; width:calc(100% - 220px); width:-webkit-calc(100% - 220px);}
.consultant_wrap > ul > li .box .name {font-size: 1.45em; line-height: 140%; padding-bottom:10px;}
.consultant_wrap > ul > li .box .name > strong {font-weight: 600;}
.consultant_wrap > ul > li .box .bul01 {min-height:170px;}
.consultant_wrap > ul > li .box .bul01 > li {margin-top: 7px;}
.buyer_search_wrap {background: #f5f7fd; padding:15px 20px; margin-bottom: 50px;}
.buyer_search {overflow: hidden; clear: both; padding:10px 0px;}
.buyer_search.ib {width: 50%; clear: none; float: left; box-sizing: border-box}
.buyer_search dt {float: left; padding-top:8px; width:110px; font-size: 1.15em; color:#000; overflow: hidden;}
.buyer_search dd {float: left; width:calc(100% - 110px); width:-webkit-calc(100% - 110px);}
.buyer_search .radio_group {padding-top: 0px; margin-top: 0px;}
.buyer_search .bbs_search_in {margin: 0px; padding-left: 65px;  padding-right:105px; position: relative;}
.buyer_search .bbs_search_in .input {min-height: 48px; line-height: 48px;  outline: none;}
.buyer_search .bbs_search_in .btn_search {display: block; width:100px; height: 100%; position: absolute; right: 0px; top: 0px;  text-align: center; outline: none; border: none; cursor: pointer; font-size:14px; background-color:#3084d8; color:#fff;}
.buyer_search .bbs_search_in .btn_search02{display: block; width:100px; height: 100%; position: absolute; right: 0px; top: 0px; text-align: center; outline: none; border: 1px solid #3084d8; cursor: pointer; font-size:14px; background-color:#fff; color:#3084d8;}
.buyer_search.by_searchW{position:absolute; left:50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} 
.buyer_search.by_searchW .bbs_search{margin-bottom:0px;}
.buyer_search.by_searchW .bbs_search_in .input{border:1px solid #ccc; border-radius:25px; font-size:0.7em;}
.buyer_search.by_searchW  .bbs_search .bbs_search_in .btn_search{border-radius:25px; background-color:#f45143;}
.buyer_bt {font-size: 0px; text-align: right;}
.buyer_bt > li {display: inline-block; vertical-align: top; padding: 2px;}
.buyer_bt > li > a {display: block; border-radius:60px; text-align: center; font-size:16px; color: #fff; line-height:48px; padding: 0px 20px; background: #2d3f8c}
.buyer_bt > li > a.bt2 {background: #e4007f}
.product_area .s_tit {border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
.two_box_wrap {overflow: hidden; margin: 0px -25px;}
.two_box_wrap .two_box {float: left; width: 50%; box-sizing: border-box; padding:25px;}
.two_box_wrap .bg_boxW {background: #f3f4f8; min-height: 290px; box-sizing: border-box; padding: 20px;}
.two_box_wrap .bg_boxW.bg_p {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 95% bottom #f3f4f8; min-height: 290px; box-sizing: border-box; padding: 20px;}
.two_box_wrap .bg_box {overflow: hidden; margin: 0 auto; max-width:573px; padding-top:20px;}
.two_box_wrap .bg_box > li {display: table; width: 100%; max-width:300px; box-sizing: border-box; padding: 5px;}
.two_box_wrap .bg_box > li .box {height:60px; border-radius:6px; text-align: center; font-size: 1.1em; vertical-align: middle; display: table-cell; background: #fff; border: 3px solid #3084d8; color: #3084d8;; font-weight: 600;}
.company_graph {overflow: hidden; max-width:460px; margin: 0 auto; }
.company_graph > li {float: left; width: 50%; box-sizing: border-box; padding: 10px 15px; position: relative;}
.company_graph > li:nth-child(even):before {display: block; content: ""; width: 1px; height: 32px; background: #ccc; position: absolute; left: 0px; bottom:12px;}
.company_graph > li .txt_t {font-size: 16px; line-height: 130%; padding-bottom:5px; display: block; font-weight:300; }
.company_graph > li:nth-child(even) .txt_t {text-align: right}
.company_graph > li:nth-child(even) > ul > li {float: left;}
.company_graph > li > ul {overflow: hidden; margin: -2px;}
.company_graph > li > ul > li {float: right; width: 20%; box-sizing: border-box; padding:2px;}
.company_graph > li > ul > li .box {background: #fff; border:1px solid #ccc; border-radius:3px; height: 33px;}
.company_graph > li > ul > li .box.on {background: #3084d8;}
.company_feature {overflow: hidden; margin: 0px -10px;}
.company_feature > li {float: left; padding: 5px 10px; text-align: center}
.company_feature > li .ico {display: block; padding-bottom:10px;}
.company_feature > li .txt {display: block; color: #004593;}
.history_box .line2 {display: block; width:46px; background: #cccccc; height:11px; position: absolute; left:0px; top: 0px;  border-radius:30px }
.history_box {position: relative; overflow: hidden; padding:0px 10px 30px 10px;}
.history_box .img {position: absolute; left: 0px; top: 0px; width:45%; max-width:520px; }
.history_box > h4 {position: absolute; left: 50%; top:35px; background: #fff; width: 210px; line-height: 64px; border: 1px solid #003876; border-radius:40px; font-size: 18px; text-align: center; color: #000; transform: translateX(-50%); z-index: 9}
.history_box > ul {position: relative; padding-bottom:0px; padding-top:50px;}
.history_box > ul:before {display: block; content: ""; width:1px; height: 100%; position: absolute; left:10px; margin-top:0px; bottom: 0px; background: #cccccc; border-radius: 30px;}
.history_box > ul > li {box-sizing: border-box; position: relative; padding-top:30px;}
.history_box > ul > li:first-child {padding-top:0px; margin-top: -6px;}
.history_box .history_txt {padding-left:20px; position: relative;}
.history_box .history_txt:before {display: block; content: ""; width:6px; height: 6px; border-radius:100%; background: #e30059; position: absolute; left:5px; top:3px; margin:3px; z-index: 9;}
.history_box .history_txt:after {display: block; content: ""; width:16px; height:16px; border-radius:100%; background: #fff; position: absolute; left:-2px; top:-4px; padding:4px; border: 1px solid #cccccc;}
.history_box .history_txt .year_s {font-size:36px; display: block; font-weight:700; color: #333333; line-height:100%; padding-bottom:15px;}
.history_box .history_txt .year_s:after {display: block; content: ""; width:70px; height:1px; background: #d1d2d4; position: absolute; left:-7px; top:13px;}
.history_box .history_txt ul { position: relative; padding-left:80px}
.history_box .history_txt ul:before {display: block; content: ""; width:68px; height: 1px; background: #ccc; position: absolute; left: 0px; top:10px;}
.history_box .history_txt ul > li { line-height:150%; color:#333; font-weight:300; position: relative; padding-left:110px; min-height:24px; margin-top:10px;}
.history_box .history_txt ul > li:first-child {margin-top:0px;}
.history_box .history_txt ul > li .month {position: absolute; left: 0px; top: 0px; color:#333; font-weight:500;}
.organization_chart {position: relative;}
.organization_chart > ul > li {position: relative; padding-bottom:55px; }
.organization_chart .one {max-width:280px; margin: 0 auto; position: relative; text-align: center; color: #fff; font-size: 1.3em; line-height:75px; background: #3d66b8; font-weight: 400;}
.organization_chart .one {max-width:280px; margin: 0 auto; position: relative;}
.organization_chart .line_b {display: block; width: 1px; height: 55px; background: #ccc; position: absolute; left: 50%; bottom:0%;}
.organization_chart .one_box {background: #f9f9fb; border: 1px solid #cccc; padding: 60px 10px 30px 10px; margin-top: -38px;}
.organization_chart .two {max-width:280px; margin: 0 auto; position: relative; text-align: center; color: #3d66b8; border: 1px solid #3d66b8; box-sizing: border-box; font-size: 1.3em; line-height:75px; background: #fff; font-weight: 500;}
.organization_chart .two_box {background: #fff; border: 1px solid #cccc; padding: 60px 10px 30px 10px; margin-top: -38px;}
.logo_list {overflow: hidden;}
.logo_list > li {float: left; text-align: center; font-size: 1.05em; width: 25%; box-sizing: border-box; padding: 10px 3px;}
.logo_list > li .logo {display: block; border: 1px solid #ccc; background: #fff; position: relative; padding-bottom: 34%; overflow: hidden; margin-bottom:5px;}
.logo_list > li .logo img {max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.map_wrap {width: 100%; height:500px; overflow: hidden; box-sizing: border-box; border: 1px solid #ccc; }
.map_wrap iframe {width: 100% !important; height: 100% !important;}
.map_wrap > div {width: 100% !important; height: 100% !important;}
.map_txt {font-size: 0px; border: 1px solid #ccc; }
.map_txt > li {position: relative; padding:20px 20px 20px 90px; min-height: 60px; box-sizing: border-box; font-size: 17px; color: #000; display: inline-block; width: 50%;}
.map_txt > li.one {width: 100%; border-top:1px solid #ccc; }
.map_txt > li:first-child {border: none !important; }
.map_txt > li .ico {position: absolute; left:20px; top:20px;}
.map_txt > li .ico img {vertical-align: baseline;}
.map_txt > li > strong {display: block; font-size:1.05em; line-height: 160%;}
.map_txt > li > strong .ib {vertical-align: top}
.map_txt > li a {color: #000}
.ico_txt {display: inline-block; padding-left: 23px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left 6px;}
.cooperation_wrap {overflow: hidden; margin: -5px; padding-top:20px;}
.cooperation_wrap .cooperation {float: left; width: 33.333%; box-sizing: border-box; padding: 5px;}
.member_benefit {overflow: hidden; margin:-25px -75px;}
.member_benefit > li {float: left; width:50%; box-sizing: border-box; padding:25px 75px; font-size: 1.05em;}
.member_benefit > li > dl {position: relative;}
.member_benefit > li > dl > dt {padding: 20px 20px 10px 20px; background: #fff; font-size: 1.4em; line-height: 140%; max-width: 80%; margin-top: -90px; min-height: 90px; box-sizing: border-box;}
.member_benefit > li > dl > dd {padding: 20px;}
.member_benefit > li > dl > dd > .bul01 > li {margin-top: 10px;}
.atab.rnd_tab li {width:11.11111111%;}
.atab.rnd_tab li a {font-size:16px; background: #fff; word-break: break-all; line-height: 130%;}
.atab.rnd_tab_five li {width:20%;}
.atab.rnd_tab_five li a {font-size:16px; background: #fff; word-break: break-all; line-height: 130%;}
.atab.rnd_tab_two li {width:50%;}
.atab.rnd_tab_two li a {font-size:16px; background: #fff; word-break: break-all; line-height: 130%;}
.atab.rnd_tab_three li {width:33.3%;}
.atab.rnd_tab_three li a {font-size:16px; background: #fff; word-break: break-all; line-height: 130%;}
.rnd_view_wrap {position: relative; overflow: hidden; margin:15px 0px 40px 0px;  }
.rnd_view_wrap .pic {float: left; width:50%; box-sizing: border-box; }
.rnd_view_wrap .pic img {width: 100%; height: 100%;}
.rnd_view_wrap .info {float: left; width: 50%; box-sizing: border-box; padding-left: 40px;}
.rnd_view_wrap .info .txt_t {font-size: 2.2em; font-weight: 600; line-height: 140%; padding: 10px 0px;}
.rnd_view_wrap .info .txt_s { padding: 15px 0px;}
.rnd_view_wrap .info .bt {padding-top: 10px;}
.rnd_view_wrap .info .bt > a {display: inline-block; border: 1px solid #ccc; border-radius:60px; padding: 0px 25px;}
.rnd_view_wrap .info .bt > a > span {display: block; color: #000; font-size:16px; font-weight: 400; line-height: 130%; padding:15px 30px 15px 0px; background: url(/img/common/bt_arrow3.png) no-repeat right center;}
.rnd_view_wrap .time {padding: 5px 0px 5px 45px; min-height: 37px; box-sizing: border-box; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; color: #004593; font-weight: 600;}
.rnd_view_wrap .time .txt_t {color: #333; padding-right:15px;}
.technology_wrap {position: relative; padding-right: 50%; color: #666666;}
.technology_wrap .img {position: absolute; right: 0px; top: 0px; width: 50%; box-sizing: border-box;}
.technology_wrap .first_txt {font-weight: 100; font-size: 2.5em; color: #333333;}
.technology_wrap .first_txt:after {display: block; content: ""; width:50px; height: 1px; background: #3d66b8; margin: 20px 0px;}
.technology_wrap .second_txt {font-size: 1.5em; line-height: 140%; color: #333333;}
.technology_wrap .bt > a {display: block; text-align: center; max-width:455px; padding: 0px 10px; background: #3d66b8}
.technology_wrap .bt > a > span {text-align: center; display: inline-block; color: #fff; font-size: 1.3em; line-height: 130%; padding:15px 50px; background: url(/img/main/arrow_r.png) no-repeat right center; font-weight: 100;}
.product_top_wrap {background: #f3f4f8;}
.product_top {position: relative; padding:20px 540px 20px 20px; min-height:320px; box-sizing: border-box;}
.product_top .logo {width: 230px;height:130px; margin-right:10px; background: #fff; position: relative; display: inline-block; vertical-align: middle;}
.product_top .logo img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90% !important; max-height: 100%; width: auto !important;}
.product_top .name {display: inline-block; padding: 5px 0px; vertical-align: middle; font-size:36px; line-height: 130%; font-weight:600;}
.product_top .txt {padding-top: 30px;} 
.product_top .video_wrapW {position: absolute; right: 20px; top: 20px; width: 500px;} 
.list_more {padding-top: 30px;}
.list_more > a {display:block; margin: 0 auto; text-align: center; max-width:260px; border-radius:60px; box-sizing: border-box; padding: 0px 20px; border: 1px solid #ccc;}
.list_more > a > span {text-align: center; font-size:18px; font-weight: 300; padding:20px 20px 20px 0px; display: block; color: #004593; position: relative; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center;}
.good {display: inline-block;}
.good > a {display: block; overflow: hidden; border-radius:100%;  box-sizing: border-box; width:52px; height: 52px;  border: 1px solid #ccc; background: url(/img/common/good.png) no-repeat center center #fff }
.good > a.on {background: url(/img/common/good_on.png) no-repeat center center #01529b; border-color:#01529b }
.recruit_info {position: relative; background: #f3f4f8}
.recruit_info > h3 {text-align: center; font-size: 1.6em; font-weight:500; line-height: 140%; padding:30px 70px;}
.recruit_info .go_back { position: absolute; left:20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.recruit_info .go_list {display: block; font-size: 1.15em; font-weight:500; color: #000000; word-break: break-all; }
.recruit_info .go_list > span {display: block; line-height: 26px; padding-left:35px; background: url(/img/common/left.png) no-repeat left center;}
.counsel_info {border: 1px solid #ccc; background: #f3f4f8; border-top:2px solid #143e88; }
.counsel_info > dl {border-top:1px solid #ccc; padding: 20px; overflow: hidden;}
.counsel_info > dl:first-child {border-top:none;}
.counsel_info > dl > dt {float: left; padding:5px 0px 0px 125px; position: relative; box-sizing: border-box; min-height:84px; font-weight: 100; }
.counsel_info > dl > dt > strong {display: block; font-size:24px; color: #004998; font-weight: 600; line-height: 140%; padding-bottom: 5px;}
.counsel_info > dl > dt .ico {position: absolute; left: 0px; top: 0px;}
.counsel_info > dl > dd {float: right; padding-top:15px;}
.counsel_info > dl > dd > ul {overflow: hidden;}
.counsel_info > dl > dd > ul > li {display: inline-block; vertical-align: middle; padding:0px 13px; box-sizing: border-box;}
.counsel_info > dl > dd > ul > li .type {display: inline-block; vertical-align: middle; width:14px; height: 14px; background: #999999; border-radius:100%; margin-right: 10px; }
.counsel_info > dl > dd > ul > li .type1 {background: #0ea580;}
.counsel_info > dl > dd > ul > li .line {display: inline-block; vertical-align: middle; width:1px; height: 14px; background: #999999; margin: 0px 3px;}
.counsel_info > dl > dd > ul > li.bt > a {display:block; min-width: 170px; border: 1px solid #cccccc; line-height: 50px; text-align: center; border-radius: 6px; background: #fff; color: #cccccc;}
.counsel_info > dl > dd > ul > li.bt > a.on { background: #01529b; color: #fff;}
.counsel_info > dl > dd > ul > li.bt > a.off {cursor:default}
.company_box {background: url(/img/common/ico_c.png) no-repeat 30px center; border: 1px solid #cccccc; padding: 20px 20px 20px 90px;}
.company_bt {padding: 20px 0px 0px 0px;}
.company_bt .btnGeneral span {padding-right:80px; padding-left: 50px; background: url(/img/main/arrow_r.png) no-repeat 90% center;}
.method_wrap {border: 1px solid #ccc;}
.method_wrap > ul {overflow: hidden; padding:2%;}
.method_wrap > ul > li {float: left; width: 25%; text-align: center; box-sizing: border-box; padding: 0px 30px;}
.method_wrap > ul > li > div > h4 {font-size:1.2em; line-height: 140%; text-align: center; padding-bottom: 5px;}
.method_wrap > ul > li > div > .ico {display: block; position: relative;}
.method_wrap > ul > li > div > .ico:before {display: block; content: ""; width:50px; height: 50px; background: url(/img/common/arrow.png) no-repeat left top; position: absolute; left:0px; top: 50%; margin: -25px 0px 0px -55px}
.method_wrap > ul > li:first-child > div > .ico:before {display: none;}
.method_wrap > ul > li > div > .txt {text-align: center; font-size: 1.1em; line-height: 140%; padding-top: 10px;}
.method_wrap > ul > li > div > .bt {display: inline-block; margin-top: 3px;}
.method_wrap > ul > li > div > .bt > a {display: block; border: 1px solid #01529b; border-radius:6px;  font-size: 0.95em;  font-weight: 500; background: #fff; color: #01529b; line-height: 140%; padding: 5px 10px; }
.method_wrap > ul > li > div > .bt.bg > a {color: #fff; background: #01529b;}
.method_step:after {display: block; content: ""; clear: both;}
.method_step {margin:40px -4px 0px 1px;}
.method_step > li {float: left; box-sizing: border-box; min-height:190px; width: 25%; border: 1px solid #ccc; margin-left: -1px;}
.method_step > li > h4 {text-align: center; padding: 15px 10px; background: #f3f4f8; font-size: 1.3em; line-height: 140%;}
.method_step > li > h4 .num {display: inline-block; width:40px; height: 40px; line-height: 40px; text-align: center; margin-right: 10px; font-size:18px; font-weight: 300; border-radius:100%; background: #fff; color: #115dab}
.method_step > li .date {text-align: center; color:#01529b; padding-top:15px; font-size: 1.1em; font-weight: 500;}
.method_step > li .bul01 {padding: 10px 10px 10px 20px;}
.method_step > li .txt {padding: 10px 20px 0px 20px;}
.com_select {position: relative; padding-left:80px; margin-bottom:15px; }
.com_select .select {width: 100%; max-width:300px;}
.com_select label {position: absolute; left: 0px; top: 50%; line-height: 140%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-weight: 500;}
.qr_wrap {position: relative; padding-bottom:90px}
.qr_wrap .qr {position: absolute; font-weight: 500; right:10px; bottom:0%; text-align: center; color: #142e7b}
.qr_wrap .qr img {display: block; }
.line_bg {padding-bottom: 40px; display: block; background: url(/img/common/line.gif) no-repeat left bottom;}
.ico_block:after {display: block; content: ""; clear: both;}
.ico_block {margin: 0px -2px 30px 1px;}
.ico_block > li {float: left; position: relative; width: 50%; min-height:138px; box-sizing: border-box; border: 1px solid #ccc; margin-left: -1px; padding: 20px 20px 20px 112px;}
.ico_block > li .ico {display: block; position: absolute; left: 20px; top: 50%; margin-top: -36px}
.ico_block > li > dl > dt {font-size: 1.15em; line-height: 150%; padding-bottom: 5px;}
.ico_block.one {margin-left:0px; margin-right: 0px;}
.ico_block.one > li {float: none; width:100%; margin-top: -1px; min-height:120px; margin-left:0px;}
.first-box {background: #1b5eaa; color: #fff; padding: 4% 3%; text-align: center; font-size:1.8em; font-weight: 100; line-height: 140%;}
.first-box .fb {font-weight: 600; line-height: 150%; font-size:1.1em;}
.job_step > ul { margin:40px -4px 40px -1px;}
.job_step > ul:after {display: block; content: ""; clear: both;}
.job_step > ul > li {float: left; width: 25%; box-sizing: border-box; border: 1px solid #1b5eaa; margin-left: -1px; position: relative; padding: 0px 10px;}
.job_step > ul > li:before {display: block; content: ""; width:43px; height: 43px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; position: absolute; left: 0px; top: 50%; margin: -22px 0px 0px -22px;}
.job_step > ul > li:first-child:before {display: none;}
.job_step > ul > li .table {display: table; width: 100%;}
.job_step > ul > li .table .table_cell {display: table-cell; height: 60px; padding: 10px; line-height: 140%; vertical-align: middle; color: #1b5eaa; font-weight:300; text-align: center;}
.job_step > ul > li.on {background: #1b5eaa;}
.job_step > ul > li.on .table .table_cell {color: #fff;}
.img_group {margin:30px -2px 0px 1px;}
.img_group:after {display: block; content: ""; clear: both;}
.img_group > li {float: left; width: 50%; box-sizing: border-box; margin: -1px 0px 0px -1px; text-align: center}
.img_group > li .txt {padding-top: 10px; font-size: 1.1em; font-weight: 500;}
.img_group > li > span {display: block; border: 1px solid #ccc; text-align: center}
.bg_h:after {display: block; content: ""; width: 20px; height:calc(100% + 32px); position: absolute; left:-20px; top:32px; background: #fff; z-index: 999;}
.org_info .pic { padding: 20px 0px; position: relative; border-bottom: 2px solid #032352; text-align: center; background:#eee}
.org_info .pic img {max-width:200px; margin: 0 auto; border: 1px solid #ccc; border-radius:6px;}
.org_info .pic:after {display: block; content: ""; width: 50%; position: absolute; right: 0px; bottom:-2px; border-bottom: 2px solid #3563b9}
.org_info .pic .job {display: block; text-align: center; padding-bottom: 10px; font-size:1.1em;}
.description {padding: 20px 0px;}
.description .scroll {max-height: 320px; overflow-y: auto;}
.description .scroll > dl {position: relative; padding-left: 80px; margin-top:5px;}
.description .scroll > dl > dt {position: absolute; left: 0px; top: 0px; padding-left: 15px;}
.description .scroll > dl > dt {font-weight: 600; color: #000; padding-left: 15px;}
.description .scroll > dl > dt:before {display: block; content: ""; width:10px; height: 3px; background: #324c8b; position: absolute; left: 0px; top: 7px; border-radius: 3px;}
.hall_info {border: 1px solid #ccc; margin-bottom: 40px; text-align: center; padding: 10px;}
.list_count {overflow: hidden; padding-bottom: 10px;}
.list_count > p {float: left; }
.list_count .line {display: inline-block; width: 1px; height:12px; background: #ccc; margin: 0px 10px;}
.list_count .select {float: right; height: 34px; line-height: 32px;}
.sch_check {text-align: center; border: 1px solid #ccc; border-top:none; padding: 20px; background: #f7f7f7}
.sch_check .txt_t {font-size: 1.1em; line-height: 140%;}
.sch_check .txt_t > strong {font-size: 1.3em; display: inline-block; padding:16px 0px 16px 65px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; line-height: 140%; color: #0570c0; margin-bottom: 10px;}
.sch_check .btn-tc {border: none; margin-top: 0px;}
.sch_check .btnStrong {border-radius:60px; }
.sch_two_table {overflow: hidden; margin: -10px;}
.sch_two_table .cell {float: left; width: 50%; box-sizing: border-box; padding: 10px;}
.contest_view {overflow: hidden; padding-left:225px; position: relative; min-height:270px;}
.contest_view .pic {position: absolute; left: 0px; top: 0px; text-align: center; width:200px; height: 265px; border: 1px solid #ccc; overflow: hidden;}
.contest_view .pic img {width: 100% !important; height: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.contest_view .table_line {border-top:1px solid #000; }
.contest_view .table_line .board-view td {padding: 9px 10px 9px 20px;}
.contest_view .table_line .board-view th {padding: 9px 5px 9px 20px;}
.com_info {position: relative; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; padding:0px 0px 0px 200px; margin-top: -1px;}
.com_info > dt {position: absolute; left:20px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height:22px;}
.com_info > dt .ico {display: inline-block; vertical-align: top; margin-top: 2px;}
.com_info > dd {min-height:25px;  border-left:1px solid #e5e5e5; padding: 10px 10px 10px 40px;}
.pr_movie_wrap {padding-bottom:56%; position: relative; }
.pr_movie_wrap iframe {position: absolute; left: 0px; top: 0px; width: 100% !important; height: 100% !important;}
.guide_box {background: #144085; padding:30px 10px 30px 25%; color: #fff; position: relative; overflow: hidden; font-size: 1.05em;}
.guide_box:after {display: block; content: ""; width:36px; height: 36px; background: #00c1ff; position: absolute; left:40px; top: 20px; border-radius:100%; opacity: 0.8  }
.guide_box:before {display: block; content: ""; width:36px; height: 36px; background: #009acb; position: absolute; left:20px; top:30px; border-radius:100%; opacity: 0.5 }
.guide_box > h3 {position: absolute; left: 0px; top: 0px; width:25%; display: table; height: 100%; font-size:1.7em;}
.guide_box > h3 > span {display: table-cell; vertical-align: middle; height: 100%; text-align: center; line-height: 140%;}
.guide_box > ul { box-sizing: border-box; padding:10px 0px 10px 4%; width: 75%; float: left; border-left: 1px solid #375c97}
.guide_box > ul > li {padding-left:14px; position: relative; line-height:140%; margin:3px 0px; font-size: 1em; min-height:20px; font-weight: 100;}
.guide_box > ul > li:after {display: block; content: ""; width:4px; height:4px; border-radius:100%; position: absolute; left: 0px; top: 8px; background: #fff}
.step_gudie:after {display: block; content: ""; clear: both;}
.step_gudie {margin: 1px -3px 0px 1px;}
.step_gudie > li {float: left; display: table; position: relative; width: 25%; box-sizing: border-box; border: 1px solid #ccc; margin: -1px 0px 0px -1px;}
.step_gudie > li .box {display: table-cell; vertical-align: middle; height:300px; text-align: center;}
.step_gudie > li .box .ico {display: block; padding-bottom: 5px;}
.step_gudie > li .txt_t {display: block; font-size: 1.1em;}
.step_gudie > li > ul > li {display: table; box-sizing: border-box; width: 100%;}
.step_gudie > li > ul > li:first-child {border-bottom:1px solid #ccc;}
.step_gudie > li > ul > li > .box {height:150px;}
.step_gudie > li .btnSmall {display: block; max-width:175px; margin:5px auto; background: #0f7bc6}
.step_gudie > li:before {display: block; content: ""; width:38px; height: 38px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; position: absolute; left: 0px; top: 50%; margin: -19px 0px 0px -19px;}
.step_gudie > li:first-child:before {display:none;}
.guide_name {padding:30px 20px 30px 170px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 30px center #f1f2f6;}
.data_table {overflow: hidden;}
.data_table > li {float: left; width: 50%; box-sizing: border-box; display: table; border-bottom: 1px solid #ccc;}
.data_table > li .txt_t {display: table-cell; width:120px; height: 100%; background: #f4f5f8; box-sizing: border-box; padding: 10px 10px 10px 15px}
.data_table > li .cell {display: table-cell; box-sizing: border-box; padding: 10px 10px 10px 15px}
.data_table > li.one {width: 100%; float: none;}
.guide_list:after {display: block; content: ""; clear: both;}
.guide_list {margin:20px -3px 0px 1px;}
.guide_list > li {float: left; width: 50%; box-sizing: border-box; border: 1px solid #ccc; margin: -1px 0px 0px -1px; padding: 10px;}
.guide_list > li > a {display: block; position: relative; padding-left:150px; min-height:172px;}
.guide_list > li > a {display: block; position: relative; padding-left:150px; min-height:172px;}
.guide_list > li > a .pic {position: absolute; left: 0px; top: 0px; width:130px; height: 172px; border: 1px solid #ccc; overflow: hidden; box-sizing: border-box;}
.guide_list > li > a .pic img {width: 100% !important; height: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.guide_list > li > a .txt_t {display: inline-block; vertical-align: top; font-size:22px; line-height: 140%; color: #000000; }
.guide_list > li > a .txt_t:after {display: block; content: ""; width: 47px; height: 1px; background: #0f7bc6; margin: 15px 0px;}
.guide_list > li > a .type {display: inline-block; content: ""; min-width:62px; box-sizing: border-box; padding:0px 5px; line-height: 26px; vertical-align: top; margin-top:3px; background: #0f7bc6; text-align: center; border-radius:30px; vertical-align: middle; color: #fff; font-size:0.95em;}
.guide_list > li > a .type2 {background: #91c034;}
.guide_list > li > a .txt1 {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.guide_list > li > a .txt2 {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding-top: 20px;}
.bul_list {position: relative; padding-left: 75px !important; text-indent:0px !important; margin-top: 10px;}
.bul_list .txt_t {display: block; position: absolute; left: 0px; top: 0px; text-align: center; border-radius:60px; line-height:26px; color: #fff; background: #0f7bc6; color: #fff; font-size:15px; padding: 0px 5px; min-width:62px; box-sizing: border-box; }
.tab_area {font-size: 1.1em;}
.tab_area .bul_num > li {margin-top:15px;}
.tab_area .bul_num > li:first-child {margin-top:0px;}
.tab_area table.board-list {font-size: 0.9em;}
.arrow_wrap {display: inline-block; padding-left: 50px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left 6px; margin-left: 10px;}
.b_check_box {border: 1px solid #ccc; background: #f4f5f8; padding: 20px;}
.b_check_box .board-write {border: none; max-width:580px; margin: 0 auto;}
.b_check_box .board-write th {border: none; font-size: 1.15em !important; font-weight:300;}
.b_check_box .board-write td {border: none;}
.use_step {background: #f9f9f9; padding: 2%;}
.use_step > ul {overflow: hidden;}
.use_step > ul > li {float: left; width:14.28%; line-height: 140%; text-align: center; box-sizing: border-box; padding:10px 28px; position: relative;}
.use_step > ul > li:before {display: block; content: ""; width: 43px; height: 43px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; position: absolute; left: 0px; top:40px; margin-left: -20px;}
.use_step > ul > li:first-child:before {display: none;}
.use_step > ul > li .ico {display: block; padding-bottom: 10px;}
.method_step.three > li {width: 33.333%; min-height:430px;}
.ico_block2 > li {margin-top: -1px; min-height: 150px;}
.ico_block2 > li .num {position: absolute; left: 0px; top: 0px; background: #1b5eaa; width: 56px; line-height: 27px; color: #fff; text-align: center; font-weight:400;}
.complete_box {padding: 30px 10px; background: #f2f5ff; margin: 0 auto; max-width: 850px; text-align: center;}
.complete_box .txt1 {font-size:2em; line-height: 140%; font-weight: 100; padding-bottom: 20px;}
.complete_box .txt2 {font-size:1.3em; line-height: 140%; font-weight: 100;}
.go_bt {background:#0c91dd; display: inline-block; border-radius:30px; color: #fff; padding:7px 15px; }
.go_bt > span {display: block; color: #fff; line-height: 110%; padding-right:15px; background:url(/img/common/bt_arrow2.png) no-repeat right center;}
.point_box {padding: 20px; background: #f3f4f8}
.check_txt {font-size: 18px; color: #494949}
.event_wrap {overflow: hidden; margin: -15px;}
.event_wrap > li {float: left; text-align: center; width: 25%; box-sizing: border-box; padding: 15px;}
.event_wrap > li .img {display: block;}
.event_wrap > li .txt_t {display: block; text-align: center; font-size: 1.35em; color: #00357e; line-height: 140%; padding: 20px 0px 15px 0px;}
.event_wrap > li .txt_t:after {display: block; content: ""; width:40px; height: 2px; background: #0c91dd; margin: 0 auto; margin-top:15px;}
.outline_wrap {position: relative; padding-left:43%; margin-top:30px; padding-bottom: 50px; min-height:780px }
.outline_wrap .poster {position: absolute; width:40%; left: 0px; top: 0px;}
.outline_wrap .poster img {box-shadow: 1px 2px 5px #bfbfbf;}
.outline_wrap .ss_tit {margin-top: 0px; font-size: 1.9em; line-height: 100%;}
.outline_wrap .table_line {padding-top:5px; background: url(/img/introduce/line.gif) repeat-x left top; border: none;}
.outline_wrap .table_style1 tbody tr td {height:63px; border: 1px solid #cccccc;}
.outline > li {padding:6px 0px 8px 165px; margin-top:5px; position: relative;}
.outline > li:first-child {margin-top:0px;}
.outline > li .txt_t {width:140px; border-radius:30px; background: #34394c; height: 40px; line-height: 40px; color: #fff; font-size: 17px; font-weight: 500; position: absolute; left: 0px; top: 0px; text-align: center;}
.outline_wrap .radio_group img {max-height:45px;}
.outline_wrap .table_style1 {font-size: 20px;}
.outline_wrap .table_style1 tbody tr th {background-color: #fff; border: 1px solid #dddddd; border-right:none; color: #142e7b; text-align: left; border-top: none; padding: 5px 0 5px 15px; font-weight:500;}
.outline_wrap .table_style1 tbody tr th .ico {display: inline-block; vertical-align: middle; padding-right: 10px;}
.outline_wrap .table_style1 tbody tr td {padding-top:15px; padding-bottom: 15px; border: 1px solid #dddddd; border-left: none;}
.outline_wrap .table_style1 tbody tr th > strong {display: block; font-weight: 400;}
.outline_wrap .table_style1 tbody tr:first-child td {border-top:0px; }
.outline_wrap .cc {overflow: hidden; margin:-1px -1px 0px 0px;}
.outline_wrap .cc > li {float: left; width: 50%; box-sizing: border-box; border: 1px solid #cccccc; background: #f3f4f8; text-align: center; padding: 20px 10px; min-height:170px; box-sizing: border-box; font-size: 1.2em;}
.outline_wrap .cc > li .ico {display: block; padding-bottom: 10px; }
.outline_wrap .cc > li:nth-child(2) {margin-left: -1px;}
.outline_wrap .cc > li > strong {font-size: 1.3em;}
.outline_wrap .b_txt {background: url(/img/introduce/line.gif) repeat-x left bottom;}
.outline_wrap .list {padding-top:10px; font-size: 1.05em;}
.outline_wrap .list > li {position: relative; padding-left:80px; margin-top:10px;}
.outline_wrap .list > li > strong {position: absolute; color: #142e7b; left: 0px; top: 0px; display: block; padding-left:13px;}
.outline_wrap .list > li > strong:before {display: block; content: ""; width: 4px; height: 4px; background: #2d4489; position: absolute; left: 0px; top: 50%; margin-top: -2px; border-radius:100%; }
.outline_wrap .first {font-size:1.3em; line-height: 140%; padding-bottom: 30px; color: #000;}
.outline_wrap .first:before {display: block; content: ""; clear: both; height:60px; background: url(/img/introduce/01_ico01.jpg) no-repeat left top;}
.program_step {overflow: hidden; margin: 0px -35px; padding-top: 30px;}
.program_step > li {float: left; width: 25%; box-sizing: border-box; padding: 0px 35px; position: relative;}
.program_step > li > dl {border: 1px solid #ccc; overflow: hidden; border-radius:20px;}
.program_step > li > dl > dt {text-align: center; background: #01529b; color: #fff; font-size: 1.3em; line-height: 140%; padding: 15px 5px;}
.program_step > li > dl > dd {padding:10px 20px; min-height: 230px;}
.program_step > li > dl > dd .bul01 > li {margin-top: 20px;}
.program_step > li:before {display: block; content: ""; width:58px; height: 58px; position: absolute; left: 0px; top: 50%; margin: -29px 0px 0px -29px; background: url(/img/introduce/arrow2.png) no-repeat left center;}
.program_step > li:first-child:before {display: none;}
.program_step.tab5 {margin: 0px -20px;}
.program_step.tab5 > li {width: 20%; padding: 0px 20px;}
.program_step .ico {display: block; text-align: center; padding: 20px 0px;}
.program_step .txt {text-align: center; margin: 0px -10px;}
.program_step > li > dl > dt { font-size: 1.1em;}
.program_step > li > dl > dd {min-height:180px;}
.introduce_box {border:1px solid #ccc; font-size: 1.1em; background: url(/img/introduce/02_ico09.png) no-repeat 30px center #f3f4f8; padding: 30px 30px 30px 345px;}
.introduce_box .first {line-height: 150%; font-size: 1.35em;}
.introduce_box .first .big {line-height: 150%; font-size: 1.5em; padding-bottom: 5px; font-weight: 600; display: block;}
#add_date {position: relative; padding-right:115px; }
#add_date .bt {position: absolute; right: 0px; top: 0px;}
.tooltip {color: #ff751a; border: 1px solid #ff751a; border-radius:6px; text-align: center; line-height:38px; width:38px; height: 40px; box-sizing: border-box; font-size: 1.5em; vertical-align: middle;}
.br_box {border: 1px solid #dce1eb; padding: 20px 20px 20px 20px;}
.t_box {background: #757a85; color: #fff; padding: 5px 5%; display: inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}
.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}
.radio_group {padding:7px 0px 0px 0px; margin:-7px 0px 0px -15px;}
.radio_group > li {display: inline-block; padding:7px 0px 0px 15px;}
.radio_group > li.etc_li {width: 100%; max-width:560px;}
.radio_group > li.etc_li .input {width: calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}
.radio_group .input {width: auto !important;}
.input_group {padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display: inline-block; padding: 5px 0px 0px 15px;}
.input_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}
.btn-tc {text-align: center; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.bt_close {width:18px; height: 18px; display: inline-block; vertical-align: middle; background: url(/img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent: -9999px; background-size: 10px auto;}
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:65px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #dfdfdf; font-size:1.1em; font-weight: 400;}
.atab li.on a {background: #004593; color: #fff; border:1px solid #004593 !important; }
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}
.btab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; padding:2px 2px; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-width:115px; padding:10px 0px; text-align:center; color:#666666; box-sizing:border-box; border: 1px solid #00357e; border-radius:30px; font-size:16px; }
.btab li a .ico {display:block; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; margin-bottom:10px;}
.btab li.on a {color: #fff; background: #00357e; border-color:#00357e;}
.btab li.on a .ico img {margin-top: -100%;}
.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border: 1px solid #ccc; padding: 0px 5px; font-size: 15px;}
.btab.line li.on a {border: 1px solid #ed2129;}
.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(/img/common/png_70.png) repeat left top; zoom: 1;}
.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #0c91dd; position: relative;}
.pop_wrap .pop_head .title {font-size:30px; line-height:150%;  color: #fff; padding:15px 50px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}
.pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;}
.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align: center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; }
.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}
.main_layer_pop {position: absolute; left:5%;  top:100px; z-index: 9999}
.main_pop_bottom {background: #fff; font-weight: 300; color: #000; padding:10px; position: relative; font-size: 14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position: absolute; right: 10px; top: 10px; padding-right: 30px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center; }
.main_layer_pop_inner {width: 100%; height: 100%; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.main_layer_pop_inner .cell {display: table-cell; vertical-align: middle; position: relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin: 0 auto;}
.main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;}
.main_pop_content > img{max-width:100%;}
.login_type {overflow: hidden;}
.login_type .login_wrap  {float: left; width:50%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px ;  text-align: center; margin-top: 10px;}
.login_type .login_wrap:first-child {border-left: 1px solid #cccccc;}
.login_wrap {margin:0 auto; background: #fff; padding:0px 0px; box-sizing: border-box;}
.login_wrap .login_bt .btn {background-color: #3d66b8; border: 1px solid #3d66b8; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; cursor: pointer; border-radius:60px; box-sizing: border-box; -moz-box-size: border-box;}
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;}
.signup {padding:20px 0px 15px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(/img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.signup li { margin-bottom:5px;}
.signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#fff; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; border-radius:60px; text-indent: 20px; }
.join_go {padding: 18px 0px 0px 0px; text-align: center;}
.join_go > a {background-color: #31323b; color: #fff; padding: 12px; line-height: 40px; display: block; font-size:22px; text-align: center; font-weight:300; width: 100%; border: 1px solid #31323b; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box; border-radius:60px; }
.find_idpw {text-align: right; padding:0px 0px 20px 0px;}
.find_idpw > li {display: inline-block; vertical-align: top; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(/img/common/top_line2.gif) no-repeat left center;}
.find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;}
.find_idpw > li a {color:#666666; font-weight:400;}
.find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center top; }
.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left 5px; display:inline-block;}
.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}
.join_type {overflow: hidden;}
.join_type.one > dl {float: none; width: 100%; max-width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.join_type.two > dl {width: 50%;}
.join_type > dl {float: left; width:25%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px 10px 30px 10px;  text-align: center; margin-top: 10px;}
.join_type > dl:first-child {border-left: 1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height: 140%; padding-bottom: 5px;}
.join_type > dl > dt .ico {display: block; text-align: center; padding: 0px 10px 10px 10px;}
.join_type > dl > dt strong {display: block; min-height:55px; font-weight: 700; line-height: 140%;}
.join_type > dl > dt .f_s {display: block; font-size:0.8em;  line-height: 130%;}
.join_type > dl > dd {font-size:15px; line-height: 140%; font-weight: 300; min-height: 100px;}
.join_type > dl > dd.txt {padding: 10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height: 40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height: auto;}
.join_type > dl > dd.bt a {display: inline-block; font-size:15px; font-weight: 300; line-height: 20px; padding: 10px 0px; text-align: center; background:#0c91dd; color: #fff; min-width: 120px;}
.join_type > dl > dd.bt.two a {min-width: 110px;}
.join_box{overflow:hidden;}
.join_box.pa_rl{padding:0px 17%;}
.agency_join {float:left; width:33.33333%; margin:0 auto;	text-align:center; box-sizing:border-box; padding:30px 40px;}
.agency_join.two{width:50%;}
.agency_join.btnsbg01{background-color:#071c5f;}
.agency_join.btnsbg02{background-color:#f2773d;}
.agency_join.btnsbg03{background-color:#386fd3;}
.agency_join > h3{font-weight: 600; font-size: 2.1em; color: #fff; padding: 20px 0px 60px 0px; line-height: 120%;}
.join_btn{display: block; width: 100%; height: 60px; background-color: #fff; border: 0px; margin: 60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight: 600; font-size: 1.1em; color: #333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left: 5px; margin-left: 5px;}
.etc_btns > li > a{text-align: right; font-weight: 300; font-size: 0.85em; color: #fff; }
.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}
.interest{box-sizing: border-box; text-align: center; display: block; background: #386fd3; padding: 3px;}
.join_step > ol {overflow: hidden; max-width:440px; margin: 0 auto; }
.join_step > ol > li {float: left; text-align: center; width: 33.333%; box-sizing: border-box; padding: 0px 20px; position: relative;}
.join_step > ol > li:first-child:before {display: none;}
.join_step > ol > li:before {display: block; content: ""; width:28px; height:30px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left top; position: absolute ; left:-10px; top:25px;}
.join_step > ol > li .ico {display:inline-block; position: relative; overflow: hidden;}
.join_step > ol > li .ico .on {position: absolute; left: 0px; top: 0px; opacity: 0;}
.join_step > ol > li .txt {display: block; font-size:1.05em; color: #999999; font-weight: 400; line-height: 140%;}
.join_step > ol > li.on .txt {color: #000;}
.join_step > ol > li.on .ico img {opacity: 0;}
.join_step > ol > li.on .ico img.on {opacity:1;}
.certify {text-align: center; padding-top: 50px;}
.certify:before {display: block; content: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);}
.certify dt {font-size: 22px; line-height: 140%; padding-bottom: 10px;}
.mentor_box {font-size: 15px; font-weight: 300;}
.all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5}
.print_wrap #header {display: none !important}
.print_wrap .sub_visual {display: none !important}
.print_wrap #lnb_wrap {display: none !important}
.print_wrap .title_bar {display: none !important}
.print_wrap .page_tab {display: none !important}
.print_wrap #footerW {display: none !important}
.print_wrap .print_bt {display: none !important}
.print_wrap .p_none {display: none !important}
#wrap.print_wrap {padding:0px !important}
.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }
.ico_note {position: relative; padding-left:25px; line-height: 140%;}
.ico_note:before {display: block; content: ""; width:20px; height: 20px; border-radius:100%; background: #3084d8; position: absolute; left: 0px; top:2px;}
.ico_note:after {display: block; content: "!"; width:20px; height: 20px; color: #fff; font-size: 16px; font-weight: 600; text-align: center; line-height: 19px; position: absolute; left: 0px; top:2px;}
.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}
.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}
.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; color: #000; background: url(/img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
.view_tit {padding:20px 10px; text-align: center; background: #f3f4f8; border-bottom:1px solid #cccccc; border-top:2px solid #333; font-weight: 500; }
.view_tit .v_tit {font-size: 1.5em; font-weight:600; line-height: 130%; word-break: break-all;}
.view_tit .v_tit .ico {display: inline-block; border: 1px solid #0c91dd; background: #fff; color: #0c91dd; font-size:1rem; padding: 0px 5px; min-width: 46px; vertical-align: top; margin-right: 4px; text-align: center; height: 24px; line-height: 22px;}
.view_tit .v_list {padding-top:0px;}
.view_tit .v_list > li {display: inline-block; color: #000; vertical-align: top; font-weight: 100; font-size:1.05em; padding:5px 10px; position: relative;}
.view_tit .v_list > li:before {display: block; content: ""; width: 1px; height:14px; background: #666; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}
.click_count {text-align: right; padding: 10px 0px; font-size:1.05em; color: #666666}
.view_photo {padding: 20px 0px 0px 0px; text-align: center;}
.td_btns {font-size: 0px; text-align: center; padding: 0px 5px; max-width:260px; margin: 0 auto;}
.td_btns > li {display: inline-block; min-width:50%; box-sizing: border-box; padding: 2px;}
.td_btns > li > a {display: block; min-width:100%}
.td_btns > li > .btnNormal span {padding:10px 5px; min-height:16px; height: auto; line-height:16px; white-space:normal;}
.dl_table > dl {padding:20px 0px 0px 0px;}
.dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;}
.dl_table > dl > dd .input {line-height:46px; height:46px; padding-left: 10px; border:1px solid #cccccc}
.dl_table > dl > dd .select_ds select {line-height:46px; height:46px; border:1px solid #cccccc}
.dl_table > dl .pa_minus {line-height:46px;}
.dl_table > dl .btnNormalS span {height:46px; line-height: 46px; overflow: hidden;}
.member_ok {font-size:1.5em; text-align: center; line-height: 140%; padding:30px 0px 190px 0px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center bottom; }
.btnNormal.m_block span {min-width:60px;}
.find_type {font-size:20px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top: 10px; }
.find_type > button {display: block; font-size:20px; color: #333333; line-height: 140%; padding-left:25px; font-weight: 500; background: url(/img/common/radio.png) no-repeat left 7px; outline: none; text-align: left;}
.find_type.on > button {background-position:left -69px;}
.find_box .btn-tc {margin-top: 0px; border: none;}
.find_cell {box-sizing: border-box; position: relative;}
.find_cell:after {clear: both; content: ""; display: block;}
.find_cell .cell {float: left; width: 50%; box-sizing: border-box;}
.find_cell .cell select {width: 100%}
.find_cell .bt {position: absolute; right: 0px; top: 0px;}
.find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center top; }
.find_pop {font-size: 15px; line-height: 150%; padding-bottom: 40px !important; position: relative;}
.bb_tit {font-size: 1.5em; line-height: 150%; color: #000000; font-weight: 500; padding: 40px 0px 15px 0px;}
.list_tab {width:100%; margin-bottom:30px; font-size:0px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:0px; box-sizing:border-box; }
.list_tab li { width:20%; min-width:130px; display:inline-block; zoom:1; *display:inline; text-align:center; min-height:50px; line-height:50px; letter-spacing:-1px; font-size:14px; box-sizing:border-box; border-top:3px solid #fff;}
.list_tab li span {display:block; background:url(/img/common/gnb_line.gif) no-repeat left center;}
.list_tab li:first-child span {display:block; background:none;}
.list_tab li span a {display:block;  font-size:13px; color:#000; }
.list_tab li:hover {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li:hover a {color:#37589b; }
.list_tab li.on {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li.on a {color:#37589b;}
.list_tab li.line {background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat right center;}
.scrollbox1 {background: #f1f1f1; height: 100px; overflow-x: hidden; overflow-y: auto; padding: 12px;}
.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }
.leave {padding:170px 0px 0px 0px; margin-top: 40px; background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center top;} 
.gray_box {border: 1px solid #e9e9e9; padding:28px 20px; background: #fafafa}
.gray_box.gray_box_s {padding: 10px;}
.et_profile {overflow: hidden; margin-left: -3px;}
.et_profile > li {float: left; margin-left: 3px;}
.et_profile > li select {min-width:140px;}
.et_profile > li.bt {float: right;}
.bt_ib > li {display: inline-block; padding-top: 5px;}
.txt_pa > li {position: relative; padding-left:60px; font-weight: 300; color: #000; line-height: 140%;  margin-bottom: 10px; font-size: 1.05em;}
.txt_pa > li > strong {position: absolute; left: 0px; top: 0px; color:#666666}
.error_wrap {text-align: center;}
.error_wrap .error_msg {font-size:36px; color:#333333; line-height: 150%; font-weight:700; padding: 50px 0px 30px 0px; background: url(/img/common/tit_line.gif) no-repeat center bottom; margin-bottom:30px;}
.error_wrap .error_msg2 {font-size:16px; color:#333333; line-height: 150%; }
.error_wrap .error_msg2 .mail {display: inline-block; padding-left: 20px; color:#ed1b23; background: url(/img/common/ico_mail.gif) no-repeat left center; margin-left: 3px;}
.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}
.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}
.search_result .search_tit {padding:15px 20px; background: #f8fafb; margin-top:30px; color: #333; position: relative;}
.search_result .search_tit .s_tit {margin: 0px; padding-bottom: 0px; display: inline-block; vertical-align: middle;}
.search_result .search_tit .ib {padding-left: 5px; font-weight: 400; vertical-align: middle;}
.search_result .box {padding:20px 0px 0px 55px; position: relative;}
.search_result .more {position: absolute; right:10px; top:20px;}
.search_result .txt_t {font-size:1.1em; font-weight: 500; color: #333333; padding-bottom: 5px;}
.search_list > li {padding-left: 15px; position: relative; margin-top: 5px;}
.search_list > li:first-child {margin-top:0px;}
.search_list > li:before {display: block; content: ""; width:4px; height:4px; border:2px solid #333; position: absolute; left: 0px; top:10px; border-radius:100%; }
.search_list > li img {vertical-align: middle;}
.search_result .faq_list {border: none;}
.search_result .faq_list > li {border: none; margin-top: 5px; position: relative;}
.search_result .faq_list > li:before {display: block; content: ""; width:4px; height:4px; border:2px solid #039cf7; position: absolute; left: 0px; top:10px; border-radius:100%; }
.search_result .faq_list > li:first-child {margin-top:0px;}
.search_result .faq_list > li .title {padding:2px 50px 2px 15px; font-weight:300; color: #333; position: relative;}
.search_result .faq_list > li .title .q {display: none;;}
.search_result .faq_list > li .answer_wrap {padding: 8px 19px 8px 19px;}
.search_result .faq_list2 {border: none;}
.search_result .faq_list2 > li {border: none; margin-top: 5px; position: relative;}
.search_result .faq_list2 > li:before {display: block; content: ""; width:4px; height:4px; border:2px solid #039cf7; position: absolute; left: 0px; top:10px; border-radius:100%; }
.search_result .faq_list2 > li:first-child {margin-top:0px;}
.search_result .faq_list2 > li .title {padding:2px 50px 2px 15px; font-weight:300; color: #333; position: relative;}
.search_result .faq_list2 > li .title .q {display: none;;}
.search_result .faq_list2 > li .answer_wrap {padding: 8px 19px 8px 19px;}
.photo_upload {width:180px; height:280px; position: relative; border-radius:100%; margin: 0 auto; }
.photo_upload .file_upload {width:100%; height:46px; position: absolute; left:0px; bottom:0px;}
.photo_upload .file_upload label {width:100%; height: 46px; padding: 0px; line-height: 46px; text-align: center; color: #fff; font-size: 18px; background: #333333; border-radius:6px; overflow: hidden;}
.photo_upload .file_upload .del  {text-transform:lowercase; display:block; width:100; height: 46px; padding: 0px; line-height: 46px; text-align: center; color: #fff; font-size:18px; background: #333333; border-radius:6px; overflow: hidden;}
.photo_upload .pic_area {width:180px; height: 220px; background: url(/img/common/user.png) no-repeat center center #f5f7f8; overflow: hidden; position: relative;}
.photo_upload .pic_area .picW {width: 180px; height: 180px; background: #f5f7f8;}
.photo_upload .pic_area .del {display: block; width: 55px; height: 55px; padding: 0px; line-height: 55px; text-align: center; color: #000; font-size: 40px; background: #fdce00; border-radius: 100%; overflow: hidden; position: absolute; right:-5px; bottom:-5px;}
.photo_upload .pic_area .pic { display: block; width: 100%; height:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)}
.photo_upload .pic_area .pic img {max-width:100%; max-height:100%; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)}
.file_upload {  position:relative;}
.file_upload label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height: 40px; line-height: 39px; background:#757a85; color: #fff;}
.file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_upload > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;}
.file_upload.small {display: inline-block; vertical-align: top;}
.file_upload.small label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height:23px; line-height:23px; background:#fff; color: #000; border: 1px solid #000; font-size: 14px;}
.file_upload_on {border:1px solid #ccc; padding:12px 30px 12px 10px; position:relative;}
.file_upload_on > p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.file_upload_on .close {position:absolute; right:0px; top:0px; height:100%; display:block;}
.file_upload_on .close img {max-height:100%;}
.file_upload_wrap .file_view {display: inline-block; line-height: 25px; color: #333333; padding: 0px 5px; vertical-align: top; font-size: 15px;}
.file_upload_wrap .file_view .del {border: 1px solid #000; background: #fff; height: 25px; line-height: 18px; min-width:25px; text-align: center; color: #000; display:inline-block; vertical-align:top; margin-left: 3px;}
.field_list {padding: 20px; border-top:1px solid #ccc; margin:10px -20px -20px -20px; background: #eff1f6}
.file_add > li {padding-right:85px; position: relative;}
.input_del { position: absolute; right: 0; top:0px;}
#print_wrap {font-size:13px;}
#print_wrap .board-write th {padding:5px 5px 5px 20px;  font-size:13px;}
#print_wrap .board-write td {padding: 5px 10px 5px 20px; font-size:13px;}
#print_wrap .table_style2 thead tr th {padding: 5px 2px;}
#print_wrap .table_style2 tbody tr td {padding:5px 5px;}
#print_wrap .table_style2 tbody tr th { padding: 5px 0 5px;}
.fome_biz {clear:both; width:100%;}
.fome_biz ul:After {display: block; content: ""; clear: both;}
.fome_biz ul {overflow:hidden; margin: -15px -20px;}
.fome_biz li {float:left; width:25%; box-sizing:border-box; padding: 15px 20px;}
.fome_biz li > a {display: block; position: relative; padding:20px; min-height:175px; border:1px solid #e5e5e5; box-shadow: 3px 3px 11px #d2d2d2;}
.fome_biz li > a:hover:before {display: block; content: ""; z-index: 9; width:calc(100% + 2px); width:-webkit-calc(100% + 2px); height:calc(100% + 2px); height:-webkit-calc(100% + 2px); box-sizing: border-box; border: 1px solid #142e7b; position: absolute; left: -1px; top:-1px;}
.fome_biz li > a:hover {box-shadow:none;}
.fome_biz li .pic {display:block; box-sizing: border-box; overflow: hidden; margin-bottom:10px;}
.fome_biz li .pic:after {display:block; content:""; width:100%; height:100%; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat left bottom; background-size:cover; position:absolute; left:0px; bottom:0px; z-index:2;}
.fome_biz li .pic img {max-width: 100%; max-height: 100%; }
.fome_biz li .pic img.no_img {width: auto !important; height: auto !important;}
.fome_biz li .txt_t {display: block; font-size:22px; color:#000; font-weight:400; line-height: 150%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; position:relative; text-align:center;}
.fome_biz li > a:hover .txt_t{color:#3084d8;}
.fome_biz li > a:hover .txt_t .txt{color:#111;}
.in_print {margin-top:10px;}
.prt_box {width:650px; margin:0 auto; position:relative; color:#000; }
.in_ho {position:absolute; left:57px; top:111px; font-size:20px; line-height:30px; }
.pt_ul {position:absolute; box-sizing:border-box; left:145px; top:261px;}
.pt_ul li, .pt_ul02 li {font-size:20px; line-height:22px; margin-top:14px;}
.pt_ul li:first-child, .pt_ul02 li:first-child {margin-top:0px;}
.pt_ul02 {position:absolute; box-sizing:border-box; left:145px; top:547px; padding-right:20px;}
.ed_date {position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top:640px; font-size:22px; line-height:34px; font-weight:300;}
.host_wrap {font-size: 0px; margin-top:40px;}
.host_wrap ul {font-size: 0px; margin: 0px -10px;}
.host_wrap ul > li {display: inline-block; vertical-align: top; padding: 3px 10px; height:53px;}
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}
.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(/img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
@media screen and (min-width:1220px) {
}
@media screen and (min-width:1024px) {
}
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
}
@media screen and (max-width:1219px) {
    .top_searchW .inner_search {max-width: 100%; min-height: 100%;}
    .w_gnb {display: none;}
    #header .in_header .top_btns {display: none;}
    .top_menu {display: none;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
    .main_banner_wrap .main_banner {float: none; width: 100%; margin-top: 40px;}
    .main_banner_wrap .main_banner:first-child {margin-top:0px;}
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}
    .w_gnb .gnb > ul > li > a > span {font-size:20px;}
    #footer_navi > ul {float: none; text-align: center; width: 100%;}
    #footer .addressW {padding:30px 0px 30px 0px; background:none; text-align: center;}
	#footerW .copy > p {text-align: center;}
    #lnb_wrap .lnb .lnbs {width:230px}
    #lnb_wrap .lnbs3 {display: none;}
    #lnb_wrap .lnb .lnbs2 {display: block; margin-left: -1px;}
	#lnb_tit2 {border-right: 1px solid #ccc;}
	#lnb_wrap .ico_home a {height: 60px; line-height: 60px;}
	#lnb_tit {height: 60px; line-height: 60px;}
    .location {display: none;}
    .consultant_wrap > ul {margin:20px 0px 0px 0px;}
    .consultant_wrap > ul > li {float: none; width: 100%; margin: -1px 0px 0px 0px;}
	.consultant_wrap > ul > li .box{min-height:auto;}
	.outline_wrap {padding: 0px;}
    .outline_wrap .poster {position: relative; margin: 0 auto; width: 100%; text-align:center; margin-bottom: 30px;}
	.outline_wrap .table_style1 {font-size: 18px}
}
@media screen and (max-width:979px) {
    #wrap {padding-top: 74px;}
    .in_header {height:70px;}
    .visual_inner {padding: 0px 0px 320px 0px; background-size:auto 340px; background-position:center bottom  }
    .main_visual {padding:10px 0px 0px 0px; background-size:cover}
    .main_visual_wrap .video {float: none; width: 100%; margin: 0 auto;}
    .main_visual_wrap .txt {float: none; width: 100%; padding-top: 20px; text-align: center;}
    .visual_login {display: none;}
    .section {font-size: 17px;}
    .main_introduce .main_video {float: none; width: 100%; max-width: 700px; margin: 0 auto;}
    .main_introduce .video_info {float: none; width: 100%; padding: 20px 0px 0px 0px;}
    .method_group > li {width: 33.333%; margin-top: 20px;}
    .main_program > li {float: none; width: 100%;}
    .main_experience > li {width: 50%;}
    .m_tit_txt {font-size: 20px;}
    .program_schedule > li > a {padding-left: 210px;}
    .program_schedule > li > a > h4 {width: 210px; }
    .program_schedule > li > a > h4 > span {line-height: 140%;}
    .inner {padding: 0px 10px;}
    #sub_tit {font-size:38px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}
    .title_bar:before {display: none;}
    .ev_tb thead tr th {font-size:13px !important; padding: 5px 0px;}
    .ev_tb tbody tr td {font-size:12px !important; line-height:17px !important; height:90px;}
    .ev_tb tbody tr td .eve_txt a {font-size:13px;}
    .patent_view {padding-left:260px; min-height: 240px;}
    .patent_view .pic {width:240px;}   
    .guide_tab > li {width:20%;}
    .introduce .poster {float: none; width:100%; margin: 0 auto; max-width:500px; padding: 0px;}
    .introduce > ul {float: none; width:100%; padding-left:0px;}
    .introduce_box {padding: 20px; background: #f3f4f8; font-size: 1em;}
    .data_table > li {float: none; width: 100%;}
	.record_wrap > ul > li > dl {font-size: 17px;}
	.tour_info > ul > li.fl {float: none !important; width: 100%;}
	.use_step > ul > li {width:33.333%;}
	.use_step > ul > li:nth-child(4) {float: right;}
	.use_step > ul > li:nth-child(5) {float: right;}
	.use_step > ul > li:nth-child(6) {float: right;}
	.use_step > ul > li:nth-child(4):before {left: 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); display: none;}
	.use_step > ul > li:nth-child(5):before {left: 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
	.use_step > ul > li:nth-child(6):before {left: 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
	.use_step > ul > li:nth-child(7):before {left: 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); display: none;}
	.ico_block > li {float: none; width: 100%; margin:5px 0px 0px 0px; min-height: auto;}
	.ico_block2 > li {min-height: 130px;}
	.ico_block2 > li .ico {margin-top:30px; top: 0px;}
	.ico_block {margin: 0px;}
    .member_benefit {margin:-20px auto; max-width: 585px;}
    .member_benefit > li {float: none; width:100%; padding:20px 0px;}
    .member_benefit > li > dl > dt {padding: 20px 20px 0px 20px; margin: 0px; min-height:auto}
    .rnd_view_wrap {padding-left:0px; min-height: auto;}
    .rnd_view_wrap .pic {position: relative; float: none; max-width: 700px; left: auto; top: auto; width: 100%; height: auto; margin: 0 auto;}
    .rnd_view_wrap .info {padding-top: 20px; padding-left: 0px; float: none; width: 100%; text-align:center}
    .rnd_view_wrap .info .txt_t {text-align: center;}
    .rnd_view_wrap .info .date {text-align: left; padding-top: 10px;}
    .atab.rnd_tab li {width:20%;}
    .technology_wrap {padding-right:0%;}
    .technology_wrap .img {position: relative; right:auto; top:auto; width:100%;  text-align: center; padding-bottom: 30px; }
    .product_top {text-align: center; padding: 20px;}
    .product_top .btn {position: relative; overflow: hidden; right: auto; top: auto; padding-left: 60px; margin: 0 auto; max-width: 500px; width: 100%;}
    .product_top .btn > li {width: 50%; box-sizing: border-box;}
    .product_top .btn > li.good {position: absolute; left: 0px; top: 0px; width: auto;}
    .product_top .name {display: block; padding: 10px 0px 10px 0px;}
    .product_top .btn > li .bt {min-width: auto;}
    .product_top .txt {padding:10px 0px 20px 0px;}
    .product_top .video_wrapW {position: relative; right: auto; top: auto; margin: 0 auto; width: 100%; max-width:600px;}
    .counsel_info > dl {position: relative;}
    .counsel_info > dl > dd {padding-top: 0px;}
    .counsel_info > dl > dd > ul > li {float: none; clear: both; display: block; text-align: center; padding: 5px 0px;}
    .buyer_search.ib {float: none; width: 100%; }
    .two_box_wrap {margin: 0px;}
    .two_box_wrap .two_box {float: none; width: 100%; padding: 0px;}
	.program_step.tab5 {margin: 0px -35px;}
    .program_step > li {width:100% !important; padding: 35px !important;}
    .program_step > li:first-child {padding-top: 0px !important;}
    .program_step > li:before {left:50%; top:0%; transform: rotate(90deg)}
    .program_step > li > dl > dd {min-height: auto; padding-bottom: 20px;}
	.fome_biz ul{margin:-10px;}
	.fome_biz li{width:50%; padding:10px;}
	.fome_biz li .pic {text-align: center;}
}
@media screen and (max-width:767px) {
    #wrap {padding-top:70px;}
	.in_header {height: 70px;}
	#header h1 a {background-size:cover !important}
	#header h1 a img {height:42px;}
    .program_schedule > li {float: none; width: 100%;}
    .program_schedule > li .box {min-height: auto; padding-bottom: 20px;}
    .program_schedule > li .box > ul {padding:10px 20px; overflow: hidden;}
    .program_schedule > li .box > ul > li {float: left; width: 50%; box-sizing: border-box; }
	.section {font-size: 16px}
    #section5 .btnGeneral span {height: 68px; line-height:68px;}
    .m_tit {font-size:32px;}
    #footerW {padding-top: 0px; padding-bottom:0px;}
    #footer .addressW {padding:10px; padding-top: 0px; text-align: center}
    #footer .addressW .copy {padding-top:10px;}
    #footer .go_top > a {padding: 7px;}
    #footer_navi {padding-bottom: 0px;}
    #footer_navi > ul {width: 100%; float: none; padding:15px 0px;}
    #footer_navi > ul li {padding: 0px 13px;}
    #footer_navi > ul li a {font-size: 13px;}
    #footer .addressW {font-size: 13px;padding:15px 10px; background: none;}
    #footerW .familySite p.on {width: 130px; line-height: 28px;}
	#footerW .copy > p {font-size: 12px;}
	#footer .go_top {display: none;}
    #footerW .familySite {top: -50px;}
    #lnb_wrap .ico_home {display: none;}
    #lnb_wrap .lnb .lnbs {width: 50%;}
	#lnb_tit2 {border: none;}
	.sub_con {font-size:15px;}
	.sub_visual .sub_txt {}
    .sub_visual .sub_txt .txt_s {font-size:17px;}
	.sub_visual .sub_txt .txt_s > img{height:21px;}
    #sub_tit {font-size:34px; padding-left:0px;}
    .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:36px;}
	.title_bar .s_txt {font-size:17px;}
	.b_txt {font-size:20px; padding: 30px 0px 15px 0px}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
	.s_tit {font-size:22px; margin-top: 40px;}
    .sch_two_table .cell {float: none; width: 100%;}
    .ico_note {padding-left:20px; background-size:15px auto; }
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}
    .b_table.long > dl > dt {position: relative; padding-bottom: 0px;}
    .atab li a {height:50px;}
    .atab li.on {margin-top: 0px;}
    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}
    .btn-tc > a {margin: 0px;}
    .find_cell {padding-right: 0px !important}
    .find_cell .cell {float: left; width: 50%; box-sizing: border-box;}
    .find_cell .bt {display: block; position: relative; right:auto; top:auto; width: 100%; clear: both; padding-top: 5px;}
    .join_type > dl {width: 50%;}
    .join_type > dl.ico03 {border-left:1px solid #ccc; }
    .join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd br {display: none;}
    .join_type.two > dl > dd.bt {padding-bottom: 0px;}
    .join_type.two > dl > dd.bt a {display: block;}
	.agency_join {float:none; width:100%; min-height:auto;}
	.agency_join.two{width:100%;}
    .member_ok {font-size:22px;}
    .ev_tb tbody tr td {height:75px;}
    .contest_view {padding-left:0px; min-height:auto;}
    .contest_view .pic {width:100%; height: auto; max-width:280px; position: relative; margin: 0 auto; left: auto; top: auto; margin-bottom: 30px;}
    .contest_view .pic img { position: relative; left: auto; top: auto; transform:none; -webkit-transform:none}
    .com_info {padding:10px 10px;}
    .com_info > dt {position: relative; left: auto; top: auto;  transform: none; transform:none;}
    .com_info > dd {border: none; padding:0px 0px 0px 23px;}
    .btab li a {padding:5px 0px; font-size:15px;}
    .mentoring_view .time > li {width:33.33%;}
    .event_wrap > li {width:50%; min-height: 400px;}
    .map_wrap {height:440px;}
    .map_txt > ul > li {float: none; width: 100%; font-size: 15px; border-bottom: 1px solid #ccc}
    .map_txt > ul > li:last-child {border-bottom: none;}
	.record_wrap > ul > li {float: none; width: 100%; border-top:1px solid #ccc; padding-top: 20px; }
	.record_wrap > ul > li:first-child {border-top:none; }
	.record_wrap > h4 {font-size:30px; padding-top:20px;}
	.record_wrap .year {font-size: 22px;}
	.office_info > ul > li {display: block; padding-left:113px; padding-top: 3px;}
	.office_info > ul > li > strong {position: absolute; left: 20px; top:5px; background-size: 23px auto; line-height: 20px; min-height: 23px; padding-left:28px;}
	.office_info > ul > li:before {display:none;}
	.result {float: none; width: 100%;}
	.result .box .bul02 {min-height: auto;}
	.result2 {margin: 0px;}
	.write_guide > li {padding: 4px 0px 1px 44px; min-height: 35px;}
	.write_guide > li > span {width: 34px;height: 34px; line-height: 34px;}
	.tour_info > ul > li {padding-left:135px; }
	.method_wrap > ul > li {float: none; width: 100%; padding:15px 0px;}
	.method_wrap > ul > li > div > .ico:before {display: none;}
	.method_step {margin: 0px;}
	.method_step > li {float: none !important; width: 100% !important; margin:-1px 0px 0px 0px; min-height: auto !important; padding-bottom: 20px;}
	.login_type .login_wrap {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
	.join_step {margin-bottom: 10px;}
    .join_step > ol > li {font-size: 14px;}
	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
    .img_txt_wrap > li > div .img {width: 100%; float: none !important; text-align: center}
    .img_txt_wrap > li > div > dl {width: 100%; position:relative; left: auto; top: auto; transform:none; -webkit-transform:none;}
    .img_txt_wrap > li:nth-child(even) > div > dl {right: auto; text-align:right;}
    .main_business {max-width: 437px; margin: 0 auto;}
    .main_business > li {float: none; width: 100%;}
    .main_business > li > dl > dt {margin-top:0px; padding: 20px 0px 10px 0px; min-height: auto;}
    .main_business > li > dl > dt br {display: none;}
    .main_business > li > dl > dd {padding: 0px;}
    .logo_list > li {width: 33.333%;}
     .ico_note {padding-left:20px; background-size:15px auto; }
    .atab.rnd_tab li a {font-size: 15px;}
    .product_top_img .cell {height: 290px;}
    .buyer_search dt {float: none; padding-bottom: 5px;}
    .buyer_search dd {float: none; width:100%; width:-webkit-calc(100%);}
    .buyer_search .list > li > button {font-size: 14px; line-height: 30px;}
    .profile_box {padding: 20px; background-image: none;}
    .profile_box .pic {float: none; margin: 0px auto; width: 227px;}
    .profile_box .txt {float: none; padding: 0px; width: 100%;}
    .profile_box .name {text-align: center;}
    .cover_letter {margin: 0px -35px;}
    .cover_letter > li {width:100% !important; padding: 35px !important;}
    .cover_letter > li:first-child {padding-top: 0px !important;}
    .cover_letter > li:before {left:50%; top:0%; transform: rotate(90deg)}
    .cover_letter > li:last-child {padding-bottom: 0px !important;}
	.outline_wrap .m_th_b {width:165px !important;}
	.main_layer_pop {-webkit-overflow-scrolling: touch; position:fixed; overflow-y: auto; width: 100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0; z-index: 99999; background: url(/img/common/png_70.png) repeat left top; zoom: 1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	.fome_biz li > a {min-height:auto;}
    .fome_biz li .pic {height: auto;}
    .fome_biz li .txt_t {font-size:1.2em;}
	.buyer_search.by_searchW{position:relative; top:20%;}
	.buyer_search.by_searchW .bbs_search_in{padding-left:0px; padding-right:85px;}
	.host_wrap ul > li img {height:34px;}
}
@media screen and (max-width:599px) {
    .main_visual {min-height: auto;}
    .main_program > li {padding: 10px 0px;}
    .main_experience {margin: -10px;}
    .main_experience > li .box {border-radius: 20px; min-height:277px; padding: 15px 15px 10px 15px;}
    .main_experience > li .box .txt {min-height: 80px;}
    .rnd_slide > li > a {padding-left: 0px; min-height: auto;}
    .rnd_slide > li > a .pic {width: auto; height: auto; position: relative; left:auto; top:auto; padding-bottom:75%; }
    .rnd_slide > li > a .txt_t {height: auto; max-height: 52px; margin-top: 10px;}
    .rnd_slide_wrap .v_bt {left: auto; right: 50px}
    .rnd_slide_wrap #vnext {margin-left: 0px; margin-right: -26px;}
    .rnd_slide > li > a .line {margin: 20px 0px;}
    .program_schedule {padding-top: 0px;}
    .program_schedule > li > a {padding: 0px;}
    .program_schedule > li > a > h4 {width: 100%; position: relative; left: auto; top: auto; bottom: 0px;}
    .program_schedule > li > a > h4 > span {height: 100px;}
    .program_schedule > li .box {padding-left: 15px;}
    #footer_navi > ul li {font-size: 13px;}
    #footer .addressW {text-align: center; font-size: 12px;}
    .pop_wrap .pop_head .title {font-size:18px; color: #fff; padding: 17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
	#w_lnb {display:none;}
	#m_lnb {display:block;}
     .login_wrap {padding:15px;}
    .signup {padding:10px 0px 5px 0px;}
    .signup li input {height: 50px; font-size: 14px;}
    .login_wrap .id_save {font-size:14px;}
    .find_idpw a {font-size: 14px;}
    .login_wrap .login_bt .btn {line-height:30px; font-size:18px;}
    .join_go > a {line-height:30px; font-size:18px;}    
    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}
    .table_line {width: 100%; overflow: auto;}
    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}
    .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .recruit_info .info_r > ul > li {width:100%;float: none; padding-right: 0px;}
    .recruit_box {padding: 10px;}
    .recruit_box .txt_t {font-size:16px; padding:5px 0px 6px 40px;}
    .recruit_box .txt_t .ico {padding: 5px; width: 20px; height:20px; line-height: 18px; font-size:14px;}
    .recruit_box .txt {padding-left: 40px;}
    .recruit_map {height:200px;}
    #add_date {padding-right: 0px; padding-bottom:45px;}
    #add_date .bt {left: 0px; bottom: 0px; top:auto; padding-right: 40px;}
    #add_date .bt a {display: block; }
    #add_date .bt .tooltip {right: 0px; top: 0px; position: absolute;}
    #empty a {display: block;}
    .br_box {padding:15px;}
    .m_box {padding:20px;}
    .more {right:0px; top:10px;}
	.more a {font-size: 14px;}
    .day_day .select_ds {width: 50% !important;}
    .day_day .select_ds:nth-child(2) {padding-right: 0px !important;}
    .day_day .select_ds:last-child {clear: both; width: 100% !important; max-width: 100% !important; margin-top: 5px;}
	.day_time .select_ds {width:100% !important; margin: 5px 0px 0px 0px !important;}
    .procedure > li {float: none; width: 100% !important; padding-top:40px;}
    .procedure > li:first-child {padding-top:0px;}
    .procedure > li:before {background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) no-repeat center center; left: 50%; margin-left:-34px; top:-14px;  margin-top: 0px !important; }
    .procedure2:after {width:calc(100% - 0%); width:-webkit-calc(100% - 0%); height:calc(100% - 345px); height:-webkit-calc(100% - 345px); position: absolute; right:0px; top:auto; bottom:50px;}
    .procedure2:before {bottom:20px; width:calc(100%); width:-webkit-calc(100%);}
    .big .ez-radio {width:20px;height:20px; background-size: 20px auto}
    .big .ez-hide {width:19px;height:19px;}
    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(/img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}
    .guide_name {padding: 20px; background:#f1f2f6;}
    .sss_tit .ib.point_c.fn {display: block; font-size: 0.85em;}
	.ico_dl {padding: 20px;}
	.ico_dl .ico {display: none;}
	.visitw > ul > li {float: none; width: 100% !important; padding-top:40px; min-height: auto; border:none; padding: 30px 0px 15px 0px;}
    .visitw > ul > li:before {background: url(/img/common/arrow_b.png) no-repeat center center; width: 30px; height: 30px; left: 50%; margin-left:-15px; top:-15px;  margin-top: 0px !important; }
	.main_b .web_dis {display:none;}
	.main_b .mb_dis {display:inline-block;}
    #footer_navi > ul {text-align: center;}
    #footerW .familySite {display: none;}
    .consultant_wrap > ul > li .box .pic {width:130px;}
    .consultant_wrap > ul > li .box .txt {width: calc(100% - 150px); width: -webkit-calc(100% - 150px);}
    .consultant_wrap > ul > li .box .bul01 {min-height: auto;}
	.ico_step > li {float: none; width: 100% !important; padding: 25px 10px}
    .ico_step > li:before {left:50%; top:0%; transform: rotate(90deg); width: 22px;}
    .ico_step > li .txt br {display: none;}
	.chatw{padding-left:0px;}
	.chat_tit{display:block; position:relative;}
	.chat_tit02{width:100%;}
	.chat_txt{margin-top:10px;}
	.main_introduce .video_btn > li{width:50%;}
	.main_introduce .video_btn > li > a > p > span.video_txt{font-size:1em;}
	.buyer_search.by_searchW .bbs_search{margin-top:20px;}
	.buyer_search.by_searchW{position:relative; top:20%;}
	.buyer_search.by_searchW .bbs_search_in{padding-right:0px;}
}
@media screen and (max-width:479px) {
    #wrap {transition: all 0.3s 0s ease-in-out; padding-top: 54px}
	#header h1 a img {height:20px;}
    .in_header {height:50px;}
    .menu_btn {height: 18px; width: 24px;}
    .menu_btn .line-middle {top:8px;}
	.m_gnb_on {width:50px;}
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}
    #header .top_search {right:50px;}
    #header .top_search img {height:24px;}
    .main_visual_wrap .video {float: none; width: 100%;}
    .main_visual_wrap .txt {float: none; width: 100%; padding: 10px 0px;}
    .visual_inner {background-size:100% auto; min-height: 400px; padding-bottom:240px }
    .main_companies > li .box {}
    .main_introduce {padding-top: 0px;}
    #section2 {padding-top: 30px;}
    .section {padding:30px 0px;}
    .main_program {padding-top: 0px;}
    .main_program > li .box {min-height: 160px; padding: 25px 150px 10px 40px;}
    .main_program > li .box {background-size:auto 120px !important; }
    .main_program > li .box > h4 {font-size: 1.35em; min-height: 55px;}
    .program_schedule > li .box dd > ul > li .txt_t {min-width: 84px; line-height: 25px; font-size: 12px;}
    .program_schedule > li .box dd > ul > li {font-size: 13px; line-height: 25px; padding-left: 95px; min-height: 25px;}    
    .main_program > li .box .bt > span:before {width: 38px; height: 38px; right: -15px;}
    .main_program > li .box .bt > span {line-height: 40px;}
    .m_tit {font-size:26px}
    .m_tit img {height: 20px;}
    .m_tit_txt {font-size: 15px;}
	.section {font-size: 14px;}
    .main_banner {padding-bottom: 40px;}
    .main_introduce .video_info > h4 {font-size: 1.6em;}
    .main_introduce .video_info .txt {font-size: 1em;}
    .main_introduce .video_info .video_btn_t {font-size: 14px;}
    .main_introduce .video_btn > li > a > p {height: 50px;}
    #section2:before {width: auto; right:0%; line-height: 88%; font-size:40px;}
    .program_schedule > li .box > h4 {padding: 13px 5px;}
    .program_schedule > li .box > ul > li {float: none; width: 100%;}
    .method_group {padding: 0px; margin: 0px;}
    .method_group > li:before {left: 50%; top: 0%; transform: rotate(90deg); margin: -40px 0px 0px -15px; width: 30px; height: 30px; background-size:30px auto }
    .method_group > li {float: none; width: 100%; padding: 0px; text-align: center; padding-bottom: 30px;}
    .method_group > li .txt {font-size: 16px;}
    .method_group > li img {max-width: 140px;}
    .main_program > li .box {padding-left: 20px;}
    .main_experience > li .box {min-height: 237px;}
    .board_wrap > h3 {font-size: 20px;}
    .board_wrap .board_in {padding: 15px; min-height: auto;}
    .board_wrap .news_list ul li {font-size: 14px; margin-top: 8px;}
    .board_wrap .first_new .day {width: 85px; height: 65px; font-size: 15px; padding-top: 5px;}
    .board_wrap .first_new {padding:5px 0 20px 100px; margin-bottom: 20px; min-height: 90px;}
    .board_wrap .first_new a .txt {font-size: 17px; line-height: 23px; height: 46px;}
    .rnd_slide > li > a .txt_t {font-size: 17px; line-height: 23px; max-height: 46px;}
    #footer .go_top {display: none;}
    #footer .addressW address {margin: 0px;}
    #footer .addressW address strong {display: block;}
    #footer .addressW address span {padding: 2px 5px;}
    #footer_navi > ul li a {font-size: 12px;}
    #footer_navi > ul li {margin-left: 0px; padding: 0px 5px}
    #position3 {padding:40px 0px 100px 0px;}
    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }
	.mb_dis {display: block;}
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}
    #sub_tit {font-size:24px;}
    .sub_visual .sub_txt .date {font-size: 20px;}
    .sub_visual .sub_txt .place {font-size: 20px;}
    .sub_visual .sub_txt {height:130px; padding-left: 10px; padding-right: 10px;}
    .sub_visual {background-position:90% bottom; background-color:#fff; background-size:auto 80px !important;  }
    #lnb_wrap {height: auto; background: #333}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .lnb .lnbs:after {display: none;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; padding-right: 0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(/img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px; border: none;}
    #lnb_tit2.on {background:url(/img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
	.lnbs2 > ul > li > a {border-color:#d4d4d4 !important;}
    .ico_box > li {width: 50%;}
    .ico_box > li .ico img {max-width:70px;}
    .map_wrap {height:300px;}
	.map_txt > li {padding:15px 10px 15px 55px; font-size: 13px;}
    .map_txt > li .ico {left:15px;}
    .map_txt > li .ico img {width:30px}
    .ico_note {padding-left:18px; background-size:13px auto; }
    .join_step > ol > li .ico {width:60px;}
	.join_step > ol > li:before {top:19px; background-size:20px auto;}
	.join_step > ol > li .txt {font-size:14px;}
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}
    .s_tit {padding: 0px 0px 10px 15px; font-size:20px; background-position:left 5px; background-size:20px auto; margin-top: 35px; }
	.s_tit img {height: 20px; margin-top: 2px;}
    .s_tit:before {width:5px; height: 20px;}
    .sub_con > .s_tit:first-child {margin-top: 0px}
	.ss_tit {font-size: 18px; margin-top:25px; margin-bottom:10px;}
    .ss_tit:before {width: 6px; height: 19px; top: 4px;}
	.sss_tit {font-size:17px; margin-top:25px; padding-left: 16px;}
    .sss_tit:before {width: 8px; height: 8px; top: 9px;}
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
    .b_txt {font-size: 17px;}
    .txt_in {padding-left:10px;}
	#inner_wrap {padding-bottom: 30px;}
    #inner_wrap.no_visual {padding-top: 30px;}
    .sub_visual .sub_txt .cell .sub_tit_s {font-size: 20px; padding-bottom: 20px;}
    .sub_con {font-size:13px; }
    .layerPop {font-size:0.95em; }
    .title_bar {padding:15px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:1.9em; }
    .title_bar .s_txt {font-size:14px;}
    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}
    .view_tit {padding: 10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    .w_name {width: 70px;}
    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}
    .b_table > dl {font-size: 16px; padding-left:0px;}
    .ul_table > ul > li {font-size: 16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top: 13px;}
    .b_table > dl > dd {min-height:20px; font-size: 13px;}
    .b_table > dl > dt {position: relative; padding-bottom: 0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;}
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}
    .join_type > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type > dl > dd br {display: none;}
    .join_type > dl > dd.bt {padding-bottom: 0px;}
    .join_type > dl > dd.bt a {display: block;}
    .find_box {padding: 0px 0px 10px 0px;}
    .find_cell .bt {overflow: hidden;}
    .find_cell .bt > a {width: 50%; float: left;}
    .find_cell .bt > a > span {display: block; padding: 0px; margin: 0px 2px; }  
    .print_bt {display: none !important}
    .gray_box {padding:5px;}
    .member_ok {font-size:18px; background-size:120px auto; padding-bottom: 140px; }
    .member_ok br {display: none;}
    .mentor_box {font-size:13px;}
    .mentor_step > li {padding: 15px 10px 20px 140px; background-position: 10px center !important}
    .mentor_step > li .txt {font-size:13px;}
    .main_content {padding:0px 0px 10px 0px;}
    .sch_topW .in_box .date {font-size:23px; }
    .ev_tb tbody tr td {height:40px;}
    .ev_tb tbody tr td .date {margin-left: -2px;}
    .good_bt {padding:10px 0px;}
    .good_bt button {padding:3px 0px 3px 30px; background-size:24px auto !important; font-size: 14px; background-position: left center !important}
    .down_file > span {background-size:11px auto; padding-left: 16px; }
    .event_pop > li {font-size:14px;}
    .event_pop > li .txt_t {font-size:16px; }
    .br_box {padding:10px;}
    .guide_tab > li > a {font-size: 12px;}
    .tit_ico {height:19px; line-height:18px;}
    .patent_cell .tit {padding: 15px 5px;}
    .patent_cell .cell {padding:10px 0px;}
    .srl_more {top:20px;}
    .srl_more > span {font-size:13px; line-height:26px; }
    .board_w > ul {padding: 10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    .introduce {font-size: 14px;}
    .introduce .pic {padding:10px 0px 10px 0px;}
    .introduce .first {font-size: 1.55em; padding-bottom:20px;}
    .btab li a {font-size:14px; min-width:90px;}
    .event_wrap > li {width:50%; min-height:350px;}
    .point_box {padding: 10px;}
    .step_gudie > li .box {height: 140px;}
    .guide_name {padding:10px;}
    .data_table > li .txt_t {width: 100px;}
    .bul_list {padding-left: 57px !important}
    .bul_list .txt_t {line-height:20px; font-size: 13px; padding: 0px 5px; min-width: 50px;}
    .b_check_box {padding: 10px;}
    #inner_wrap .b_check_box .board-write th {font-size: 1.05em !important;}
	.record_wrap > h4 {font-size:26px;}
	.record_wrap .year {font-size: 18px;}
	.record_wrap > ul > li > dl {font-size: 15px;}
	.tour_info {padding: 10px;}
	.tour_info > ul > li {padding: 7px 10px 8px 94px;}
	.tour_info > ul > li > strong {top: 5px; line-height: 24px; padding-left: 27px;}
	.tour_info > ul > li > strong .ico {width: 24px; height: 24px;}
	.map_btn .btn > li {width: 50%;}
	.result {float: none; width: 100%;}
	.office_info > ul > li {margin: 0px;}
	.office_info > ul > li {padding-left: 107px;}
	.office_info > ul > li > strong {top: 3px;}
    .recruit_info > h3 {text-align: center; font-size:22px; padding:10px 10px 10px 10px;}
	.recruit_info .go_back {left: 10px; top: 0px; top:-40px; transform: none; -webkit-transform:none}
	.recruit_info .go_list > span {background-size:16px auto; padding-left: 20px; }
	.company_box {padding: 15px 15px 15px 15px; background: none;} 
	.method_wrap > ul > li > div > .ico img {max-width:120px; }
	.line_bg {background-size:auto 10px; padding-bottom: 20px;}
	.qr_wrap {padding-bottom: 120px;}
	.use_step > ul > li {width:100%; float: none; clear: both;}
	.use_step > ul > li br {display: none;}
	.use_step > ul > li {padding-bottom: 50px;}
	.use_step > ul > li:before {left:50% !important; display: block !important; transform: rotate(90deg) !important; -webkit-transform: rotate(90deg) !important; top: 0px; margin-top:-40px;}
	.ico_block > li {padding: 10px 10px 10px 80px;}
	.ico_block > li .ico {width:50px; left: 10px;}
	.ico_block2 > li {min-height: 100px;}
    .gray_wrap {padding-top: 30px; padding-bottom: 30px;}
    .ico_txt {background-size:auto 12px; background-position:0px 4px;  padding-left: 17px; }
    .member_benefit > li > dl > dd {padding-top: 0px;}
    .ico_note {padding-left:18px; background-size:13px auto; }
	.ico_note:before {width:14px; height: 14px; top: 3px;}
	.ico_note:after {width: 14px; height: 14px; font-size:12px; line-height: 14px; top:3px;}
    .search_result .box {padding:15px 0px 0px 15px;}
	.search_list > li:before {top: 5px;}
    .list_more > a > span {font-size: 16px; padding: 15px 20px 15px 0px;}
    .atab.rnd_tab li a {font-size: 13px;}
    .rnd_view_wrap .info .txt_t {font-size: 1.8em;}
    .product_top_img .cell {height: 240px;}
    .first_txt {font-size: 1.6em !important}
    .time_date {margin: 0px -3px;}
    .time_date > li {padding: 0px 3px;}
    .time_date > li .box {font-size:18px; background-size:26px auto !important; padding-left:30px;} 
    .live_bg {padding-top: 20px; padding-bottom: 20px;}
    .logos_list {margin:-5px;} 
    .logos_list > li {padding: 5px;} 
    .consultant_wrap > ul > li .box {padding: 10px;}
    .consultant_wrap > ul > li .box .pic {width: 90px;}
    .consultant_wrap > ul > li .box .txt {width: calc(100% - 110px); width: -webkit-calc(100% - 110px);}
    .consultant_wrap > ul > li .box .name {padding-bottom: 0px;}
    .cover_letter > li:before {width: 38px; height: 38px; margin: -19px 0px 0px -19px; background-size: cover;}
    .cover_letter > li .box .step {min-height: auto; padding-bottom: 5px;}
    .cover_letter > li .box .ico img {width:40px;}
    .buyer_search_wrap {padding: 10px 15px; margin-bottom: 30px;}
    .buyer_search dt {padding-top: 0px;}
    .buyer_search .bbs_search_in {padding-right:45px;}
    .buyer_search .bbs_search_in .btn_search {margin-top: 0px !important; width:40px; background-size:auto 20px }
    .buyer_search .list > li > button {font-size: 13px; min-width: 50px;}
    .buyer_bt > li > a {font-size: 13px; line-height: 40px; padding: 0px 10px;}
    .two_box_wrap .bg_boxW {min-height: auto;}
    .two_box_wrap .bg_box {padding:0px; margin:-5px }
    .two_box_wrap .bg_boxW.bg_p {background-size:100px auto; }
    .company_graph > li > ul > li .box {height: 23px;}
    .company_graph > li:nth-child(even):before {height: 21px;}
    .company_graph {margin:-10px -15px }
    .company_feature > li .ico img {width:40px;}
	.outline_wrap .table_style1 {font-size: 15px;}
	.outline_wrap .table_style1 tbody tr th .ico {width:26px; padding-right: 5px;}
	.outline_wrap .radio_group img {max-height:26px;}
	.outline_wrap .list > li {padding-left: 70px;}
	.program_step {padding-top: 10px;}
    .program_step > li {padding-top: 25px; padding-bottom: 25px;}
    .program_step > li > dl > dd .bul01 > li {margin-top: 10px;}
    .program_step > li:before {width:38px; height:38px; margin: -19px 0px 0px -19px; background-size:cover}
	.ico_step > li .ico img {width:90px;}
    .ico_step > li:before {width:12px; height: 20px;  background-size:cover;margin: -10px 0px 0px -6px; }
    .ico_step > li {padding: 15px 10px;}
	 .fome_biz li {float:none; width:100%;}
	.buyer_search.by_searchW .bbs_search{margin-top:20px;}
	.buyer_search.by_searchW{position:relative; top:30%;}
	.buyer_search.by_searchW .bbs_search_in{padding-right:0px;}
	.buyer_search.by_searchW .bbs_search_in .input{width:100% !important;}
	.buyer_search.by_searchW .bbs_search .bbs_search_in .btn_search{position: relative; display: block; right: 0px; width: 100%; margin-top: 10px !important;}
}
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}
    .bt_application a {padding: 0px 18px;}
    .bt_application a span {text-align: center;}
    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
}
.red {
	color: red !important;
}
#wrap {padding-top:74px;}
#header {border-bottom:4px solid #2d5bf2}
.in_header {max-width:1100px; height:70px;}
.w_gnb .gnb {padding:0px 75px 0px 200px;}
.w_gnb .gnb > ul > li {padding:0px 6%}
.w_gnb .gnb > ul > li > a > span {line-height:70px; height:70px; font-family: 'GmarketSans';}
.m_gnb_on {right:0px; display:flex; flex-wrap:wrap; align-items: center; cursor: pointer; justify-content: center; margin-top:0px; background:#2d5bf2; width:68px; height:100%;}
.main_wrap #footerW {padding-bottom:70px;}
.main_visual {background:#fff}
.main_visual_wrap .txt {padding:0px;}
.visual_inner {position: relative; width: 100%; box-sizing: border-box;  max-width: 1100px; margin: 0 auto; padding-right:0%; background:none;}
.main_login_area {position:fixed; left:0px; bottom:0px; width:100%; z-index:999; background:url(/img/main/bg_login.jpg) no-repeat center center; background-size:cover;}
.main_login_area .visual_login {display:block;}
.visual_login {width: 100%; font-family: 'GmarketSans';  overflow:hidden; max-width:1100px; margin:0 auto; position:relative; right:auto; top:auto; box-shadow:none; margin-top:0px; background:none; padding:21px 0px}
.visual_login > ul {overflow:hidden;}
.visual_login > ul > li {float:left;}
.visual_login .bt > li {padding-top:3px;}
.visual_login .bt > li > a {display: block; padding-left:40px; height:34px; line-height:37px; border-radius:0px; border:none !important; background:none; color: #000000; font-size:26px; text-align: left; font-weight:400;}
.visual_login .bt > li:nth-child(1) > a {background:url(/img/main/l_ico01.png) no-repeat left center; color:#3367ff;} 
.visual_login .bt > li:nth-child(2) > a {background:url(/img/main/l_ico02.png) no-repeat left center; margin-left:30px;} 
.visual_login .bt {float:left;}
.visual_login .bt2 {float:right; padding-top:8px;}
.visual_login .bt2 > li {float: left; width: auto; margin-left:20px; padding-left:20px; box-sizing: border-box; border-left:none; position:relative;}
.visual_login .bt2 > li:before {display:block; content:""; width:2px; opacity:0.7; height:20px; background:#fff; position:absolute; left:0px; top:50%; margin-top:-12px;}
.visual_login .bt2 > li:first-child {border: none; padding:0px; margin:0px;}
.visual_login .bt2 > li:first-child:before {display:none;}
.visual_login .bt2 > li > a { color: #fff; font-weight: 300; font-size: 20px; line-height:22px; }
.inner {max-width: 1100px; margin: 0 auto;}
.m_tit {padding: 0px 0px 10px 0px; color: #000000; text-align: left; font-size:28px; font-weight:400; font-family: 'GmarketSans'; }
.main_companies {overflow:hidden;}
.main_companies > li {float:left; width:20%;}
.main_companies > li .pic {height:105px;}
.main_companies > li .box {padding:2px; }
.main_companies > li .box > a {background:#f3f4f8; border:1px solid #cccccc}
.main_companies > li a {display: block; min-height: 189px; position: relative; background: #f3f4f8; padding:11px; box-shadow:none;}
.main_companies > li a .tit {text-align: center; margin-top:10px; font-weight: 400; color: #333333; font-size: 14px; height: auto; line-height: 140%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 5px;}
.main_companies > li a .tit_s {font-size:14px;}
.main_companies > li .txt_area .txt_a > strong {width: 65px; height: 24px; line-height: 22px; font-size: 12px;}
.main_companies > li .txt_area .txt_a {min-height: 22px; padding-left: 71px; min-height:24px; margin-top:2px; font-size: 14px;}
.main_companies > li .txt_area {min-height:52px;}
.main_companies > li .bt {line-height: 35px; margin-top:5px; font-size:13px;}
.main_companies2  > li .box {padding:5px;}
.main_companies2  > li .box > a {display:block; background:#f3f4f8; padding:10px;}
.main_companies2  > li .box > a .pic {display:block; padding-bottom:56.8464%; position:relative;}
.main_companies2  > li .box > a .pic img {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.main_companies2  > li .box > a .tit {display:block; text-align: center; margin-top: 10px; margin-bottom:15px; font-weight: 400; color: #333333; font-size: 18px; height: auto; line-height: 140%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main_introduce .video_btn > li {width:50%;}
.main_introduce .video_btn > li > a {padding-left:5%; }
.main_introduce .video_btn > li > a > p {min-height: auto; padding-left: 40px;}
.main_introduce .video_btn > li > a > p > span.video_txt {height:55px; font-size:0.85em;}
.main_introduce .video_btn > li.on > a > p > span.ico {background: url(/img/main/play2_s.png) no-repeat center center;}
.main_introduce .video_btn > li > a > p > span.ico {background: url(/img/main/play_s.png) no-repeat center center; width:22px; height:22px;}
#section2 {background:#f4f7ff}
.main_introduce .video_btn {margin-top:0px;}
@media screen and (max-width:979px) {
    #wrap {padding-top: 74px;}
    .in_header {height:70px;}
	#header h1 a img {height:auto;}
    .visual_inner {padding: 0px 0px 0px 0px;  }
	 .main_companies > li {width:33.33333%}
	 .m_tit {font-size:25px} 
}
@media screen and (max-width:767px) {
	.visual_login .bt {float:none; text-align:center;}
	.visual_login .bt > li {float:none; display:inline-block;}
	.visual_login .bt > li > a {font-size:20px;}
	.visual_login .bt2 {padding-top:20px; float:none; text-align:center;}
	.visual_login .bt2 > li {float:none; display:inline-block;}
	.main_wrap #footerW {padding-bottom: 120px;}
}
@media screen and (max-width:479px) {
    #wrap {padding-top:54px}
	#header h1 a img {height:20px;}
    .in_header {height:50px;}
	.m_gnb_on {width:50px;}
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}
	.visual_login {padding:10px 0px;}
	.visual_login .bt > li > a {font-size:16px; padding-left:30px; background-size:26px auto !important}
	.visual_login .bt > li:nth-child(2) > a {margin-left:20px;}
	.visual_login .bt2 > li > a {font-size:14px;}
    .main_visual_wrap .video {float: none; width: 100%;}
    .main_visual_wrap .txt {float: none; width: 100%; padding:0px 0px;}
    .visual_inner {background-size:100% auto; min-height: auto; padding-bottom:0px }
	.main_companies > li {width:100%}
	.main_companies2 > li .box > a .tit {margin-bottom: 10px; font-size: 14px;}
	.main_introduce .video_btn > li > a > p > span.video_txt {height:45px;}
	.m_tit {font-size:19px;}
	.main_wrap #footerW {padding-bottom: 100px;}
}
body {font-family:'Noto Sans KR','Noto Sans','Malgun Gothic','Apple SD Gothic Neo',sans-serif;}
.archive_note {background:#fff8e1; color:#5d4a00; font-size:14px; line-height:150%; padding:10px 20px; text-align:center; position:relative; z-index:1}
.archive_note p {max-width:1200px; margin:0 auto}
.w_gnb .gnb > ul > li.hover > .sub_menu {display:block}
#gnb_menu, #lnb_menu {display:none}
.main_companies2 {display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; margin:0; padding:0; list-style:none}
.main_companies2::-webkit-scrollbar {display:none}
.main_companies2 > li {flex:0 0 275px; float:none; scroll-snap-align:start}
.main_companiesW .bx_bt {cursor:pointer}
.main_companiesW .bx_bt > a {cursor:pointer}
.yt_link {color:#2d5bf2; text-decoration:underline}
.recruit_grid .main_companies {overflow:hidden}
.recruit_card .table_line {max-width:900px; margin:0 auto}
.mobile_hidden {display:none}
@media (max-width:640px) {
  .main_companies2 > li {flex-basis:60%}
  .archive_note {font-size:12px; padding:8px 12px}
}
#footer .addressW {background:none; padding-left:20px; padding-right:90px}
.recruit_card .pb30 img {max-width:360px; width:100%; height:auto}
.logo_text {position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); padding:0 8px; text-align:center; font-weight:700; font-size:20px; line-height:130%; color:#2d3a63; word-break:keep-all}
.logo_text.logo_big {position:static; display:block; transform:none; max-width:360px; margin:0 auto; padding:70px 20px; background:#fff; font-size:32px}
.recruit_grid .main_companies > li .pic {position:relative}