body {width: 100%; overflow-x: auto;}
#wrapper {margin: auto;overflow: hidden;position: relative;}
img {max-width:100%}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}

body {background-color:#f6f6f6}
/*메뉴시작*/
.top_bar {background-color:#252525}
.top_bar .fl {padding:15px 60px;}
.top_bar .fl img {vertical-align: text-top}
.top_bar .fl  a {color:rgba(255,255,255,.8);font-size:1.4rem}
.top_bar .fr li {float:left;border-left:1px solid rgba(255,255,255,0.1);min-width:220px;text-align:center}
.top_bar .fr li a {line-height:50px;color:#fff;font-size:1.4rem;opacity: .8}
.top_bar .fr li a  b {font-size:1.6rem;}
.top_bar .fr li a img {vertical-align: middle}
/*메뉴끝*/

/*메인비쥬얼*/



/*메인비쥬얼 끝*/

/*메인컨텐츠*/

.img_dummy {background-size:cover !important;background-position:center center !important;display:block;}
.main_con {max-width:1180px;margin:auto;padding:4rem 0 8rem;}
.visual_logo {border-bottom:1px solid #ddd;padding-bottom:3.5rem;}
.main_txt1 {color:#080808;font-size:3.2rem;font-weight:500}
.main_txt2 {color:#080808;font-size:1.8rem;}
.visual_box1 {background-color:#ececec;padding:3rem 4rem ;margin-top:5rem;}
.visual_box1 >p {color:#050505;font-size:1.5rem;font-weight:500}
.visual_box1 >div {color:#474747;font-size:1.5rem;}
.visual_box2 {margin:auto;max-width:850px;padding:13rem 0 8rem}
.visual_box2  li {width:25%;float:left;position: relative;font-size:1.9rem;font-weight:500}
.visual_box2  li a {color:#a8a8a8;}
.visual_box2  li:before {content:"";width:15px;height:15px;border-radius:50%;background-color:#b6b6b6;position: absolute;left:50%;top:-40px;margin-left:-7.5px;}
.visual_box2  li:after {content:"";background-color:#ddd;width:88%;height:1px;position: absolute;right:-91px;top:-34px;}
.visual_box2  li:last-child:after {display:none}
.visual_box2  li p:nth-child(1) {font-size:1.5rem}
.visual_box2  li.on:before {background-color:#e75300}
.visual_box2  li.on a {color:#e75300}
.visual_box3 {border:1px solid #ddd;border-radius:10px;padding:5rem 0 0;background-color:#fff;max-width:900px;margin:auto;}
.visual_box3 .st1 {color:#e75300;font-size:2.6rem}
.visual_box3 .st2 {color:#2d2d2d;font-size:1.8rem;margin-top:1.5rem}
.visual_box3 .st3 {border-bottom:2px solid #cecece;margin:auto;margin-top:5rem;max-width:400px;}
.visual_box3 .st3 input[type="text"] {border:0;color:#6e6e6e;font-size:1.6rem;padding:1rem 0;width:87%;}
.visual_box3 .st3 button {background:none;border:0;}
.visual_box3 ul {margin-top:6rem;}
.visual_box3 ul li {width:50%;float:left;}
.visual_box3 ul li button {width:100%;border:0;height:65px;}
.visual_box3 ul li button,
.visual_box3 ul li a {display:block;color:#6b6b6b;font-size:1.6rem;border-top:1px solid #ddd;padding:2rem 0}
.visual_box3 ul li.on button,
.visual_box3 ul li.on a {background-color:#e75300;color:#fff;border-radius:0 0 10px 0} 
.info_st1 {color:#0b0b0b;font-size:1.6rem;font-weight:500}
.visual_box4 {color:#1e1e1e;font-size:1.5rem}
.visual_box5{color:#474747;font-size:1.4rem}
.info_box {max-width:780px;margin:auto}
.info_st2 {    font-family: "Noto Sans KR", 'Noto Sans', sans-serif, "돋움", dotum, AppleGothic;width:100%;border:1px solid #ddd;height:140px;overflow-y:scroll;background-color:#f6f6f6;padding:2rem;font-size:1.5rem;}
.info_st3 {color:#6e6e6e;font-size:1.5rem}

.info_st4 {border:1px solid #ddd;display:table;width:100%;}
.info_st4>p ,
.info_st4>div{display:table-cell;vertical-align: top}
.info_st4>p  {color:#0b0b0b;font-size:1.5rem;width:13%;padding:2rem 2rem;text-align:left;}
.info_st4>div input[type="text"],
.info_st4>div input[type="file"]{width:100%;border:0;height:60px;font-size:1.5rem;}
.info_st4>div>div {border-bottom:1px solid #ddd;margin-right:2rem}
.info_st4>div>div:last-child {border-bottom:0}
.info_st4>div>div button{border:0;background:none;font-weight:600;color:#e75300;font-size:1.5rem;}
.info_st5,
.info_st4>div>span {color:#acacac;font-size:1.5rem}


.filebox {margin:0 !important}
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: block;
	color: #0b0b0b;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #ececec;
	cursor: pointer;
	width:20%;
	font-size:1.5rem;
	text-align:center;
		float:left;
		line-height:62px;
}

/* named upload */
.filebox .upload-name {
	display:block;
	float:left;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
height:62px;
border:0;
font-size:1.5rem;
width:80%;
background-color:#fff !important;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/* imaged preview */
.filebox .upload-display {
	margin-bottom: 5px;
}

@media(min-width: 768px) {
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}

.filebox .upload-thumb-wrap {
	display: inline-block;
	width: 54px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
}

.filebox .upload-display img {
	display: block;
	max-width: 100%;
	width: 100% \9;
	height: auto;
}

.filebox.bs3-primary label {
  color: #fff;
  background-color: #337ab7;
	border-color: #2e6da4;
}
/*메인컨텐츠 끝*/

/*하단*/
#footer{width:100%;margin:0 auto;}
.foot_wid{position:relative;background-color:#1e1e1f;padding:4rem 0;font-size:1.5rem;color:rgba(255,255,255,0.5)}

.foot-bot p{font-size:1.4rem;color:rgba(255,255,255,0.6);font-family:'NotoSans';}

.foot_st1 {color:rgba(255,255,255,0.8);font-size:1.6rem;background:#454545 url('/image/main/foot_logo.png') 90% 50% no-repeat;padding:3rem 7rem;}




.open_menu {border-top:1px solid #ddd;z-index:999;position: absolute;left:0;top:94px;width:100%;border-bottom:1px solid #ddd;background-color:#fff;}
.open_menu>div {display:table;margin:auto;}
.open_menu>div>ul {max-width:168px;min-width:168px;display:table-cell;vertical-align: top}
.open_menu>div>ul{padding:1rem 0}
.open_menu>div>ul a {color:#454545;font-size:1.6rem;letter-spacing:-0.3px;display:block;padding:1rem 0;}
.open_menu>div>ul a:hover {color:#009ed9 !important;}
.bg_2 {background-color:#f6f6f6;}
.bg_w2 {background-color:#fff;}
.visual_box5 {max-width:900px;margin:auto}
.visual_box5>li {cursor:pointer;width:50%;display:inline-block;margin-left:-2px}
.visual_box5>li div {padding:0 20px;border:1px solid #ddd;background-color:#fff;margin-left:-2px;}

.visual_box5>li img{margin-left:20px}
.visual_box5>li p {color:#1e1e1e;font-size:2rem;font-weight:500;margin-top:2rem}
.visual_box5>li label {cursor: pointer}

.select_btn a  {font-size:1.7rem;color:#070606;border:1px solid #070606;display:inline-block;padding:1rem 5rem;}
.complete_box {border-top:1px solid #ddd;padding-top:3rem;width:90%;margin:auto;margin-top:3rem;}
.complete_box .st1 {color:#2d2d2d;font-size:3.2rem;font-weight:500}
.complete_box .st2 {color:#080808;font-size:1.6rem;}
.complete_box .st2>p {color:#5f5f5f;font-size:1.5rem;}
.complete_box .st3 {border:0;max-width:100%;color:#0b0b0b;font-size:1.6rem;}
.complete_box .st3 >span {color:#e75300;display:inline-block;margin-right:1rem}
.complete_box .st3 img {vertical-align: bottom}