@charset "utf-8";
/* CSS Document */

body {
	overflow-x: hidden;
}

ul,
li,
ol {
}

a,
a:link,
a:visited {
}

input {
	background-color: #fff;
	background-image: none;
	color: rgb(0, 0, 0);
}
table {
	border-collapse: collapse;
}

fieldset input::-webkit-input-placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-weight: 500;
}
fieldset input:-moz-placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-weight: 500;
}
fieldset input:-moz-placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-weight: 500;
}
fieldset input:-ms-input-placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-weight: 500;
}

.wrap {
	width: 100%;
	height: 100%;
}

.inwrap {
	/* width: 1080px; */
	/* margin: 0 auto; */
}

/*common*/

.wrap .content,
.wrap .header,
.wrap .footer {
	*zoom: 1;
}

.wrap .content:after,
.wrap .header:after,
.wrap .footer:after {
}

.wrap .header {
}

.header .inwrap .h_logo {
}

.header .inwrap .h_menu {
	float: right;
	margin-top: 0px;
}

.header .inwrap .h_tel {
}

.wrap .content {
	width: 100%;

	background: #ffffff;
	padding: 0 0 80px 0;
	box-sizing: border-box;
}

.wrap .content:after {
	display: block;
	clear: both;
	content: "";
}

.content .sub01 {
	width: 100%;
	height: 129px;
	background: #afd0f4;
}

.content .sub01 .inwrap {
	margin-top: 0px 0;
}

.content .inwrap {
	margin-top: 30px 0 !important;
}

.content .inwrap .left {
	margin-top: 50px;
	float: left;
}
.content .inwrap .right {
	margin-top: 80px;
	float: right;
}

/*gnb*/
.h_tel > ul {
	*zoom: 1;
}
.h_tel > ul:after {
	display: block;
	clear: both;
	content: "";
}
.h_tel > ul li {
	float: left;
	font-size: 13px;
	/* padding-right: 10px; */
	/* margin-right: 10px; */
	/* border-right: 1px solid #ececec; */
}
.h_tel > ul li:last-child {
	border-right: 0px;
	padding-right: 0px;
	margin-right: 0px;
}
.h_tel > ul li > a {
	font-weight: 500;
}
.h_tel > ul li > a:hover {
	font-weight: 600;
}

/*lnb*/
.content .inwrap .left {
	width: 150px;
}
.left .title {
	margin-bottom: 20px;
}
.left > ul {
	border-top: 3px solid #e94f16;
}
.left > ul li {
	padding: 10px 5px;
	font-size: 13px;
	border-bottom: 1px solid #efefef;
}
.left > ul li:last-child {
	letter-spacing: -1px;
}
.left > ul li > a {
	font-weight: 400;
}
.left > ul li > a:hover,
.left > ul li.on > a {
	color: #e94f16;
	font-weight: 600;
	letter-spacing: -0.1px;
}
.left > ul li:last-child > a:hover,
.left > ul li.on:last-child > a {
	color: #e94f16;
	font-weight: 600;
	letter-spacing: -1px;
}

/*content right*/
.content .inwrap .right {
	width: 870px;
}
.right .title {
	/* border-bottom: 1px solid #e94f16; */
	margin-bottom: 30px; /* vertical-align: text-bottom; */
}
.right .title:after {
	display: block;
	clear: both;
	content: "";
}
.right .title > h3 {
	display: inline-block; /* float:left; */
	font-size: 25px;
	font-weight: 500;
	letter-spacing: -1px;
	padding-bottom: 10px;
}
.right .title > span {
	/* float:right; */
	display: inline-block;
	padding-left: 15px;
	vertical-align: text-bottom; /* height:30px; */
	font-size: 12px;
	padding-top: 15px;
	color: #999;
}
.right .idpw_area {
}
.right .idpw_area:after {
	display: block;
	clear: both;
	content: "";
}
.right .idpw_area .section {
	width: 47%;
	text-align: center;
}
.right .idpw_area .section._id {
	float: left;
}
.right .idpw_area .section._pw {
	float: right;
}
.stitle {
	/* border-bottom: 2px solid #e94f16; */ /* margin-bottom: 0px; */ /* margin-right: 0px; */
}
.stitle:after {
	display: block;
	clear: both;
	content: "";
}
.stitle h4 {
	/* float:left; */ /* font-size: 16px; */ /* font-weight: 600; */ /* padding-bottom: 7px; */ /* color: #e94f16; */
}
.stitle .ex_right {
	float: right;
	font-size: 11px;
	color: #999;
	padding-top: 8px;
}
.stitle .ex_right > span {
	color: #e94f16;
}
.right .idpw_area .section .id_box,
.right .idpw_area .section .pw_box {
	border: 1px solid #efefef;
	height: 240px;
	background: #efefef;
}
.right .idpw_area .section dl {
	*zoom: 1;
	padding: 20px;
}
.right .idpw_area .section dl:after {
	display: block;
	clear: both;
	content: "";
}
.right .idpw_area .section dl dt {
	float: left;
	font-size: 13px;
	width: 150px;
	clear: both;
	margin-bottom: 10px;
	font-weight: 600;
}
.right .idpw_area .section dl dt > span {
	color: #e94f16;
	padding-left: 5px;
}
.right .idpw_area .section dl dd {
	float: left;
	margin-bottom: 10px;
}
.right .idpw_area .section dl dd > input {
	height: 25px;
	border: 1px solid #cdcdcd;
	height: 25px;
	width: 99%;
}
.right .idpw_area .section .btn_area {
}
.right .idpw_area .section .btn_area > a {
	display: block;
	padding: 15px;
	margin-top: 5px;
	font-size: 18px;
	font-weight: 600;
	background: #e94f16;
	border: 1px solid #c34313;
	width: 30%;
	margin: 0 auto;
	margin-top: 20px;
	color: #ffffff;
}
.right .idpw_area .id_box dl {
	margin-top: 15px;
}

.right .turn {
	margin-bottom: 50px;
}
.right .section {
}
.right .section .agree_box {
}
.part01 {
	margin-bottom: 50px;
}
.part01 .top {
	padding: 15px 0;
}
.part01 .top > h5 {
	display: inline-block;
	font-size: 15px;
}
.part01 .top > span {
	display: inline-block;
	font-size: 12px;
	color: #666;
	padding-left: 15px;
}
.part01 .agreed {
}
.part01 .agree_ch {
	margin-bottom: 100px;
	margin-top: 15px;
}
/* .part01 .agree_ch:after { display:block; clear:both; content:''; }  */
.part01 .agree_ch .left {
	margin-top: 0px;
	font-size: 16px;
	width: 500px;
	font-weight: 600;
	text-indent: 10px;
}
.part01 .agree_ch .right {
	margin-top: 0px;
	width: 300px;
	text-align: right;
	font-size: 13px;
	font-weight: 500;
}
.part01 .agree_ch .right input {
	margin-left: 15px;
	vertical-align: middle;
	margin-right: 3px;
}

.agreed {
	color: #757575;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 10px;
	border: 1px solid #e4e4e4;
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}
.agreed dt {
	color: #484848;
	font-size: 15px;
	line-height: 23px;
	font-weight: 600;
	padding: 0 20px 0 20px;
}
.agreed dd {
	color: #777777;
	font-size: 13px;
	letter-spacing: -1px;
	line-height: 23px;
	margin-bottom: 26px;
	padding: 0 20px 0 20px;
}

.comnum {
}
.comnum .top > h5 {
	display: inline-block;
	font-size: 15px;
}
.comnum_box {
	/* border: 1px solid #bbb9b9; */
	background: #efefef;
	text-align: center; /* margin:10px 0; */
	padding: 30px;
}
.comnum_box > dl dt {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
}
.comnum_box > dl dd {
	display: inline-block;
}
.comnum_box > dl dd > input {
	height: 25px;
}
.comnum .btn_area {
	padding: 30px;
	text-align: center;
}
.comnum .btn_area > a {
	margin-left: 10px;
}

/*join form*/
.subcontentTit {
	margin-top: 20px;
	padding-bottom: 10px;
	font-weight: 600;
	text-indent: 5px;
}

.TableMemberJoin {
	/* border-top: solid 1px #b4b4b4; */
	width: 100%;
	font-size: 15px;
	width: 100%;
	letter-spacing: 0px;
	margin-bottom: 30px;
}
.TableMemberJoin th {
	border-bottom: solid 1px #cdcdcd;
	font-size: 13px;
	font-weight: 600;
	color: #4b4948;
	letter-spacing: 0.5px;
	background-color: #eeeeee;
	line-height: 20px;
	padding: 7px 5px;
}
.TableMemberJoin th > span {
	color: #ee3212;
}
.TableMemberJoin td {
	border-bottom: solid 1px #cdcdcd;
	font-size: 15px;
	line-height: 25px;
	padding: 5px 5px;
	text-align: left;
}
.TableMemberJoin td.S_txt {
	font-size: 11px;
}
.TableMemberJoin td img {
	padding-top: 1px;
}
.TableMemberJoin td p {
	display: inline-block;
	width: 180px;
	margin-bottom: 3px;
}
.TableMemberJoin td input {
	border: 1px solid #cdcdcd !important;
	height: 25px;
	width: 99%;
}
.TableMemberJoin td input.add_detail {
	margin-top: 5px;
}
.TableMemberJoin td input.noborder {
	border: 0px;
}
.TableMemberJoin td select {
	font-size: 12px;
	color: #1b1b1b;
	height: 26px;
	width: 99%;
	border: 1px solid #cdcdcd;
}
.TableMemberJoin ul li {
	line-height: 27px;
}
.TJoinbtn {
	padding: 6px 9px;
	background: url(../images/2016/dot03.png);
	background-color: #4b4948;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-left: 2px;
}
.imp {
	/* position:relative; */ /* right: 0; */ /* margin-top:-15px; */ /* font-size: 12px; */ /* width:100%; */ /* text-align: right; */ /* color: #e94f16; */ /* height:20px; */ /* line-height:20px; */ /* margin-right: 35px; */ /* box-sizing: border-box; */
}
.imp02 {
	/* position:relative; */ /* right: 0; */ /* margin-top:-15px; */ /* font-size: 12px; */ /* width:100%; */ /* text-align: right; */ /* color: #4b4948; */ /* height:20px; */ /* line-height:20px; */ /* margin-right: 35px; */ /* box-sizing: border-box; */
}

.joinBtn {
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.joinBtn a {
	padding: 15px 60px;
	background: url(../images/2016/dot03.png);
	background-color: #ee3212;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.joinBtn a:hover {
	color: #fff;
	background-color: #4b4948;
}
.join01Btn a {
	padding: 10px 20px;
	background-color: #4b4948;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.joinBtn a.cancle {
	color: #fff;
	background: #fff;
	border: 1px solid #8c8b8a;
	color: #5f5e5d;
	font-weight: 500;
}
.joinBtn a.ok {
	color: #fff;
	background-color: #ee3212;
	font-weight: 500;
}
.joinBtn a.member01 {
	color: #fff;
	background: #ee3212;
	color: #fff;
	font-weight: 500;
}
.joinBtn a.member02 {
	color: #fff;
	background-color: #e94f16;
	font-weight: 500;
}

/*20181015_이용약관,개인정보 처리방침 추가*/
.section .tab {
	display: flex;
}
.section .tab:after {
	display: block;
	clear: both;
	content: "";
}
.section .tab li {
	/* float: left; */
	width: calc(100% / 2);
	height: 64px;
}
.section .tab li a {
	display: block;
	border: 1px solid #e2e0e0;
	border-bottom: 2px solid #484747;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	color: #000;
	background: #e9e9e9;
}
.section .tab li:last-child a {
	border-left: 0px;
}
.section .tab li.on a {
	border-bottom: 0px;
	color: #000;
	font-weight: 600;
	font-size: 18px;
	border: 1px solid #484747;
	border-bottom: 0px;
	box-sizing: border-box;
	height: 64px;
	background: #fff;
}

/*footer*/

.wrap .footer .site {
	float: right;
}

.wrap .footer .site > ul li {
	list-style: none;
	text-align: right;
	padding: 5px 0;
}

.wrap .footer .site > ul li > select {
	height: 30px;
	border: 1px solid #fff;
}

/*개인정보 버튼추가*/

.before_btn {
	position: absolute;
	left: 50%;
	margin-left: -310px;
	margin-top: -50px;
}
.before_btn > a {
	display: block;
	width: 190px;
	height: 40px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	background: linear-gradient(#ffffff, #f0f0f0);
	border: 1px solid #c4c4c4;
	color: #555555;
	border-radius: 3px;
	font-weight: 600;
}
.before_btn > a > span {
	padding-left: 5px;
	padding-right: 5px;
	color: #cc451a;
	font-weight: 600;
}

.title_area {
	position: relative;
	height: 70px;
	width: 100%;
	/* border-bottom: 2px solid #e94f16; */
	margin-bottom: 10px;
	margin-top: 30px;
}
.title_area > h3 {
	position: absolute;
	left: 0;
	font-size: 27px;
	font-weight: 400;
	color: #bb2d00;
	margin-left: 10px;
	top: 15px;
}
.title_area > h3 > i {
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 3px solid #bb2d00;
	border-radius: 10px;
	margin-right: 10px;
}
.title_area .selectZone {
	position: absolute;
	right: 0;
	margin-top: 5px;
	/* line-height: 20px; */
}
.title_area .selectZone > select {
	padding: 5px 5px;
	margin: 0;
	line-height: 12px;
	height: 35px;
}

/***************************************************************************************************************************
신규 css추가
****************************************************************************************************************************/

@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100; 200; 300; 500; 600; 700&display=swap");
@font-face {
	font-family: "GmarketSansMedium";
	src: url('/css/fonts/GmarketSansMedium.woff')
		format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "LINESeedKR";
	src: url('/css/fonts/LINESeedKR-Th.woff2') 	
		format("woff2");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: "LINESeedKR";
	src: url('/css/fonts/LINESeedKR-Rg.woff2') 	
		format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "LINESeedKR";
	src: url('/css/fonts/LINESeedKR-Bd.woff2')  	
		format("woff2");
	font-weight: 700;
	font-style: normal;
}

.notosanskr * {
	font-family: "Noto Sans KR", sans-serif;
}

* {
	margin: 0;
	padding: 0;
	font-family: "GmarketSansMedium", sans-serif;
}

body {
	width: 100%;
	height: 100%; /* background: #4d4d4d; */
	font-family: "GmarketSansMedium", "Noto Sans KR", "Roboto Mono", "맑은고딕",
		Malgun Gothic, dotum, gulim, , monospace, sans-serif;
	overflow-x: hidden;
}

ul,
li {
	list-style: none;
}
a,
a:link,
a:visited {
	text-decoration: none !important;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
	color: #c6c6c6;
}

input[type="text"]:focus,
input[type="password"]:focus {
	color: #333333;
	border: 1px solid #5f5f5f !important;
	outline: none;
}

input[type="text"],
input[type="password"] {
	/* color: #ffffff; */
	border-bottom: 1px solid #5f5f5f !important;
}

a {
	color: #fff;
}
a:linke {
}
a:visited {
}

fieldset input::-webkit-input-placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-weight: 500;
}
fieldset input:-moz-placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-weight: 500;
}
fieldset input:-moz-placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-weight: 500;
}
fieldset input:-ms-input-placeholder {
	font-size: 15px;
	color: #b8b8b8;
	font-weight: 500;
}

.wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: auto;
}
.inwrap {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}

/*common*/

/*header*/
.header {
	height: 230px;
	position: relative;
	width: 100%;
	z-index: 110;
	display: flex;
	background: #0000007a url(images/bg02.png) no-repeat center center;
	background-size: cover;
}
.header .top {
	height: 130px;
}
.header .h_logo {
	position: absolute;
	top: 25px;
}
.header .h_logo > img {
}

.header .smenu {
	position: absolute;
	right: 0;
	top: 30px;
}
.header .smenu > ul {
	display: flex;
	align-items: center;
}
.header .smenu > ul > li {
	height: 100%;
	display: block;
}
.header .smenu > ul > li > a {
	font-size: 12px;
	position: relative;
	display: flex;
	align-items: center;
}
.header .smenu > ul > li:first-child > a:before {
	display: none;
}
.header .smenu > ul > li > a:before {
	display: inline-flex;
	content: "";
	width: 1px;
	height: 13px;
	background: #ffffff6b;
	margin-right: 10px;
	align-items: center;
	margin-left: 10px;
}

.header .h_tel {
	position: absolute;
	right: 0;
	top: 30px;
}
.header .h_tel > ul {
	display: flex;
	align-items: center;
}
.header .h_tel > ul > li {
	color: #fff;
	letter-spacing: 1px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	font-size: 14px;
}
.header .h_tel > ul > li:first-child:before {
	display: none;
}
.header .h_tel > ul > li:before {
	/* display: inline-flex; */
	content: "";
	width: 1px;
	height: 15px;
	background: #ffffff3d;
	margin-right: 20px;
	margin-left: 10px; /* align-items: center; */
}
.header .h_tel > ul > li > span {
	color: #ff7946;
	display: inline-block;
	margin-right: 10px;
}

.header .visual {
	width: 100%;
	height: 200px;
}
.header .visual > ul {
	width: 100%;
}
.header .visual > ul > li {
	width: 100%;
}

.header .visual {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.header .visual {
	height: 200px;
	width: 100%;
	position: absolute;
}
.header .visual .visual01 {
	/* background: #675145 url(../images/bg01.png) no-repeat center 0; */ /* background-size:cover; */
}
.header .visual .visual01 {
	background: #67514500 url(../images/bg01.png) no-repeat center 0; /* background-size:cover; */
}

.header .txt_area {
	color: #fff;
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 100;
}
.header .txt_area > h3 {
	font-size: 30px;
	font-family: "roboto mono";
	line-height: 50px;
	text-shadow: 0 0 5px black;
	text-align: right;
}
.header .txt_area > span {
	display: block;
	margin-top: 0;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #e8e8e89c;
	text-shadow: 0 0 5px black;
	text-align: right;
}

/*common*/
.container {
	position: relative; /* top: 230px; */
	height: calc(100% - 390px);
	width: 100%;
	background: #fff;
}

.container .content {
	width: 1280px;
	margin: 0 auto 60px;
	position: relative;
	background: #fff;
	height: auto;
}

.container .content .login_area {
	width: 320px;
	height: auto;
	background: #00000047;
	border-radius: 5px;
	padding: 30px;
	border: 1px solid #00000047;
	box-sizing: border-box;
	color: #fff;
	position: absolute;
	right: 0;
	z-index: 100;
	margin-top: 20vh;
}

.container .content .login_area .id_box {
	padding-bottom: 0;
	margin-bottom: 10px;
}
.container .content .login_area .id_box > input[type="text"] {
	background: none;
	border: none;
	color: #fff;
	font-family: "GmarketSansMedium", sans-serif;
	height: 35px;
	width: 100%;
}

.container .content .login_area .pw_box {
	padding-bottom: 0;
}
.container .content .login_area .pw_box > input[type="password"] {
	background: none;
	color: #fff;
	border: 0px;
	height: 35px;
	width: 100%;
}
.container .content .login_area .id_save {
	padding: 10px 0;
	font-size: 12px;
	display: flex;
	align-items: center;
}
.container .content .login_area .id_save > input[type="checkbox"] {
	margin-right: 5px;
}
.container .content .login_area .btn_login {
	width: 100%;
	background: #616b83;
	color: #fff;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
.container .content .login_area .btn_login:hover {
	background: #e94f16;
}
.container .content .login_area .action {
	display: flex;
	margin-top: 15px;
	justify-content: center;
	align-items: center;
}
.container .content .login_area .action > a {
	color: #fff;
	font-size: 13px;
	margin: 0 5px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	position: relative; /* margin-top: -3px; */
}
.container .content .login_area .action > a:hover {
	color: #ff936b;
}
.container .content .login_area .action .btn_join {
}
.container .content .login_area .action .btn_idpw {
	margin-top: -3px;
}
.container .content .login_area .action .btn_idpw:before {
	display: inline-flex;
	content: "";
	width: 1px;
	height: 13px;
	background: #ffffff6b;
	margin-right: 10px;
	align-items: center; /* position: absolute; */ /* top: 0; */
}

/*lnb*/
.content .inwrap {
	display: flex;
	padding-top: 50px;
}
.content .inwrap .lnb {
	width: 200px;
}
.content .lnb .title {
	margin-bottom: 20px;
}
.content .lnb > ul {
	border-top: 3px solid #e94f16;
}
.content .lnb > ul li {
	padding: 10px 5px;
	font-size: 13px;
	border-bottom: 1px solid #efefef;
}
.content .lnb > ul li:last-child {
	letter-spacing: -1px;
}
.content .lnb > ul li > a {
	font-weight: 400;
	color: #4b4b4b;
	font-size: 14px;
}
.content .lnb ul > li > a:before {
	content: "-";
	display: inline-block;
	margin-right: 5px;
}
.content .lnb > ul li > a:hover,
.content .lnb > ul li.on > a {
	color: #e94f16;
	font-weight: 600;
	letter-spacing: -0.1px;
}
.content .lnb > ul li:last-child > a:hover,
.content .lnb > ul li.on:last-child > a {
	color: #e94f16;
	font-weight: 600;
	letter-spacing: -1px;
}

/*content right*/
.content .inwrap .r_body {
	width: calc(100% - 250px);
	margin-left: 50px;
	padding: 10px 0 50px;
}
.content .r_body .title {
	/* border-bottom: 1px solid #e94f16; */
	margin-bottom: 40px;
	/* vertical-align: text-bottom; */
	border-bottom: 3px solid #6d6d6d;
}
.content .r_body .title:after {
	display: block;
	clear: both;
	content: "";
}
.content .r_body .title > h3 {
	display: inline-block; /* float:left; */
	font-size: 25px;
	font-weight: 500;
	letter-spacing: -1px;
	padding-bottom: 18px;
}
.content .r_body .title > span {
	/* float:right; */
	display: inline-block;
	padding-left: 15px;
	vertical-align: text-bottom; /* height:30px; */
	font-size: 12px;
	padding-top: 15px;
	color: #999;
}
.content .r_body .idpw_area {
}
.content .r_body .idpw_area:after {
	display: block;
	clear: both;
	content: "";
}
.content .r_body .idpw_area .section {
	width: 47%;
	text-align: center;
}
.content .r_body .idpw_area .section._id {
	float: left;
}
.content .r_body .idpw_area .section._pw {
	float: right;
}
.stitle {
	border-bottom: 2px solid #e94f16;
	margin-bottom: 0px;
	margin-right: 0px;
	display: flex !important;
	align-items: center;
}
.stitle:after {
	display: block;
	clear: both;
	content: "";
}
.stitle h4 {
	/* float:left; */
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 7px;
	color: #e94f16;
	margin-right: 15px;
}
.stitle h4 + p {
	padding-bottom: 7px;
}
.stitle .ex_right {
	float: right;
	font-size: 11px;
	color: #999;
	padding-top: 8px;
}
.stitle .ex_right > span {
	color: #e94f16;
}
.content .r_body .idpw_area .section .id_box,
.content .r_body .idpw_area .section .pw_box {
	border: 1px solid #efefef; /* height:240px; */
	background: #efefef;
}
.content .r_body .idpw_area .section dl {
	*zoom: 1;
	padding: 20px;
}
.content .r_body .idpw_area .section dl:after {
	display: block;
	clear: both;
	content: "";
}
.content .r_body .idpw_area .section dl dt {
	float: left;
	font-size: 13px;
	width: 150px;
	clear: both;
	margin-bottom: 10px;
	font-weight: 600;
}
.content .r_body .idpw_area .section dl dt > span {
	color: #e94f16;
	padding-left: 5px;
}
.content .r_body .idpw_area .section dl dd {
	float: left;
	margin-bottom: 10px;
}
.content .r_body .idpw_area .section dl dd > input {
	height: 25px;
	border: 1px solid #cdcdcd !important;
	height: 25px;
	width: 99%;
}
.content .r_body .idpw_area .section dl dd > input:focus {
	border: 1px solid #000 !important;
}
.content .r_body .idpw_area .section .btn_area {
}
.content .r_body .idpw_area .section .btn_area > a {
	display: block;
	padding: 15px;
	margin-top: 5px;
	font-size: 18px;
	font-weight: 600;
	background: #e94f16;
	border: 1px solid #c34313;
	width: 30%;
	margin: 0 auto;
	margin-top: 20px;
	color: #ffffff;
}
.content .r_body .idpw_area .id_box dl {
	margin-top: 15px;
}

.content .r_body .turn {
	margin-bottom: 50px; /* text-align: center; */
}
.content .r_body .section {
}
.content .r_body .section .agree_box {
}
.part01 {
	margin-bottom: 50px;
}
.part01 .top {
	padding: 15px 0;
}
.part01 .top > h5 {
	display: inline-block;
	font-size: 15px;
}
.part01 .top > span {
	display: inline-block;
	font-size: 12px;
	color: #666;
	padding-left: 15px;
}
.part01 .agreed {
}
.part01 .agree_ch {
	margin-bottom: 100px;
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}
/*.part01 .agree_ch:after { display:block; clear:both; content:''; } */
.part01 .agree_ch .left {
	margin-top: 0px;
	font-size: 16px;
	width: 500px;
	font-weight: 600;
	text-indent: 10px;
}
.part01 .agree_ch .right {
	margin-top: 0px;
	width: 300px;
	text-align: right;
	font-size: 13px;
	font-weight: 500;
}
.part01 .agree_ch .right input {
	margin-left: 15px;
	vertical-align: middle;
	margin-right: 3px;
}

.agreed {
	color: #757575;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 10px;
	border: 1px solid #e4e4e4;
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}
.agreed dt {
	color: #484848;
	font-size: 15px;
	line-height: 23px;
	font-weight: 600;
	padding: 0 20px 0 20px;
}
.agreed dd {
	color: #777777;
	font-size: 13px;
	letter-spacing: -1px;
	line-height: 23px;
	margin-bottom: 26px;
	padding: 0 20px 0 20px;
}

.comnum {
}
.comnum .top > h5 {
	display: inline-block;
	font-size: 15px;
}
.comnum_box {
	/* border: 1px solid #bbb9b9; */
	background: #efefef;
	text-align: center; /* margin:10px 0; */
	padding: 30px;
}
.comnum_box > dl dt {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
}
.comnum_box > dl dd {
	display: inline-block;
}
.comnum_box > dl dd > input {
	height: 25px;
}
.comnum .btn_area {
	padding: 30px;
	text-align: center;
}
.comnum .btn_area > a {
	margin-left: 10px;
}

.container .box {
	background: #ff612f;
	height: 150px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.container .box ul {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 35px 0;
	box-sizing: border-box;
}
.container .box ul > li {
	width: calc(100% / 3);
	display: flex;
	align-items: center; /* padding: 20px 0; */
	justify-content: center;
}
.container .box ul > li:nth-child(2) {
	border-left: 1px solid #a5381066;
	border-right: 1px solid #a5381066;
}
.container .box ul > li .icon02 {
	background: #0000004a url(../images/icon02.png) no-repeat center center;
}
.container .box ul > li .icon03 {
	background: #0000004a url(../images/icon03.png) no-repeat center center;
}
.container .box ul > li .icon01 {
	background: #0000004a url(../images/icon01.png) no-repeat center center;
}
.container .box ul > li .icon01,
.container .box ul > li .icon02,
.container .box ul > li .icon03 {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	padding: 0px;
	box-sizing: border-box;
	background-size: 35px auto;
}

.container .box ul > li .icon_ex {
	color: #ffe1d5;
	margin-left: 20px;
	font-size: 17px;
	letter-spacing: 0.5px; /* color: #fff; */
}
.container .box ul > li .icon_ex > span {
	font-style: normal;
	display: block; /* font-weight: 800; */
	color: #fff;
}
.container .box ul > li .icon_ex > span > em {
	font-style: normal;
	font-weight: 800;
	font-size: 23px;
	letter-spacing: 0;
}

.footer {
	height: 190px;
	background: #1c1f26;
	position: relative;
	padding-top: 20px;
	box-sizing: border-box;
}
.footer .f_info {
	display: inline-flex;
	align-items: center;
}
.footer .f_info .logo {
	display: flex;
	align-items: flex-start;
	padding-top: 20px;
}
.footer .f_info .logo > img {
}
.footer .f_info .copy_box {
	display: flex;
	flex-direction: column;
	width: 650px;
	margin-left: 25px;
	margin-right: 45px;
}
.footer .f_info .copy_box .smenu {
	display: flex;
	margin-bottom: 2px;
	margin-top: 5px;
	align-items: center;
}
.footer .f_info .copy_box .smenu > ul {
	display: flex;
	align-items: center;
}
.footer .f_info .copy_box .smenu > ul > li {
	display: flex;
	align-items: center;
}
.footer .f_info .copy_box .smenu > ul > li:after {
	display: inline-block;
	content: "";
	width: 1px;
	height: 10px;
	background: #ffffff45;
	margin-left: 10px;
	margin-right: 10px; /* height: 100%; */
	margin-top: 2px;
}
.footer .f_info .copy_box .smenu > ul > li:last-child:after {
	display: none;
}
.footer .f_info .copy_box .smenu > ul > li > a {
	font-size: 12px;
	display: inline-flex;
	align-items: center;
}

.footer .f_info .copy_box .address {
	color: #fff;
	font-size: 11px;
	margin-top: 10px;
}
.footer .f_info .copy_box .address ul {
}
.footer .f_info .copy_box .address > ul > li {
	font-size: 11px;
	color: #999;
}
.footer .f_info .copy_box .address > ul > li .bar {
}
.footer .f_info .copy_box .address .copyright {
	padding-top: 10px;
	display: block;
	color: #999;
}
.footer .f_info .mark {
	/* padding-top: 50px; */
}
.footer .f_info .mark .norton {
}
.footer .f_info .mark .norton > img {
}
.footer .f_info .mark .kisa {
	display: flex;
	width: 300px;
	align-items: center;
}
.footer .f_info .mark .kisa_mark {
}
.footer .f_info .mark .kisa_mark > img {
}
.footer .f_info .mark .kisa_right {
	width: 200px;
}
.footer .f_info .mark .kisa_right ul {
}
.footer .f_info .mark .kisa_right > ul > li {
	color: #999;
	font-size: 11px;
}

.footer .site {
	right: 0;
	width: 150px;
	position: absolute;
	top: 10px;
	border: 1px solid #4a4a4a;
	color: #4a4a4a;
}
.footer .site > select {
	border: 0px solid #999;
	padding: 10px;
	font-size: 12px;
	background: none;
	color: #a5a5a5;
	width: 95%;
}
.footer .site > select > option {
	color: #000;
	background: #999;
	padding: 10px;
	height: 25px;
}