/*LOGIN************************************************/
.content.login {
	position: relative;
	height: 100%;
	min-height: 860px;
	background-image: url(../../Content/image/common/bg_login.jpg);
	background-position: center center;
	background-size: cover;
}
.login_input { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 500px;}
.login_input .logo { text-align: center; margin-bottom: 60px;}
.login_input .logo img { max-width: 400px; max-height:180px;}
.login_input ul li { margin-bottom: 15px;}
.login_input ul li:nth-child(1), .login_input ul li:nth-child(5) { text-align: right;}
.login_input ul li:nth-child(2) { position: relative;}
.login_input ul li:nth-child(2) .inp-txt { padding-right: 120px;}
.login_input ul li:nth-child(6) { margin-bottom:100px ;}
.login_input ul li div { position: absolute; top: 12px; right: 15px; z-index: 1;}
.login_input .inp-txt { height:50px; font-size:16px; }
.login_input .select { background-color: rgba(0, 0, 0, 0); border: 0px; color: #FFF; font-size: 16px; width: 100px; background-image:url(../image/common/arrow_select02.png);}
.login_input .select:focus {background-image:url(../image/common/arrow_select02.png); }
.login_input .select option { color: #222;}
.login_input .btn_pass_find { display: inline-block; line-height: 40px; font-size: 16px; color: #FFF; margin-bottom: 20px;}
.login_input .btn_pass_find:hover { color: #1c61ff;}
.login_input .btn-blue { font-size: 20px;}
.login_input .btn-black {height: 80px; line-height: 25px; padding: 15px 0px; }

@media only screen and (max-width:767px) {
	.content.login {min-height: 820px; }
	.login_input { width: calc(100% - 30px); max-width: 500px; }
	.login_input .logo { margin-bottom: 50px;}
	.login_input .logo img { max-width: 200px; max-height:150px;}
	.login_input ul li:nth-child(6) { margin-bottom:70px ;}
	.login_input .btn_pass_find { font-size: 15px; margin-bottom: 15px;}
}

/*JOIN************************************************/
/*약관*/
.join .sub_title { width: 100%; padding: 50px 0px; border-bottom: 1px solid #333;}
.join .sub_title>h2 {font-size: 46px; line-height: 50px; color:#37474F; font-weight: 500; text-align: center;}

.clouse_con { width: 100%; max-width: 600px; padding: 40px 0px 60px; margin: 0 auto;}
.clouse_con h2 {font-size: 20px; line-height: 30px; color: #1c61ff; font-weight: 500; margin-bottom: 20px;}
.clouse_con .all_agree_btn { position: relative; display: block; width: 100%;  border: 1px solid #1c61ff; font-size: 16px; line-height: 20px; color: #1c61ff; padding: 15px 60px 15px 15px; margin-bottom: 40px; cursor: pointer; border-radius: 10px; }
.clouse_con .all_agree_btn:before { position: absolute; top: 14px; right: 20px; width: 22px; height: 22px; background-image:url(../image/common/icon_check_join.png); background-repeat: no-repeat; background-size: 22px; content: ""; }
.clouse_con .all_agree_btn.active { background-color: #1c61ff; color: #FFF;}
.clouse_con .all_agree_btn.active:before { background-image:url(../image/common/icon_check_join_on.png); }
.clouse_con .clouse { border-bottom: 1px solid #DDD; background-color: #FFF; border-radius: 10px 10px 0px 0px; padding: 30px; padding-bottom: 10px; }
.clouse_con .clouse li { position: relative; line-height: 40px; margin-bottom: 20px; padding-right: 90px;}
.clouse_con .clouse li .btn { position: absolute; top: 5px; right: 0px; width: 80px;}
.clouse_con .clouse li input[type="checkbox"].check_box + label { color: #222;}
.clouse_con .clouse li input[type="checkbox"].check_box:checked + label {color: #222;}

.clouse_con .clouse.marketing { border-bottom: 0px; margin-bottom: 20px; border-radius: 0px 0px 10px 10px; padding-bottom: 30px;}
.clouse_con .clouse.marketing>div { padding-left: 30px;}
.clouse_con .all_marketing_btn { position: relative; font-size: 15px; line-height: 20px; color: #333; font-weight: 400; padding:10px 0px 10px 30px; margin-bottom: 10px; cursor: pointer; }
.clouse_con .all_marketing_btn i {position: absolute; top: 9px; left: 0px; width: 22px; height: 22px; background-image:url(../image/common/icon_checkbox.png); background-repeat: no-repeat; background-size: 22px; }
.clouse_con .all_marketing_btn.active { color: #1c61ff;}
.clouse_con .all_marketing_btn.active i { background-image:url(../image/common/icon_checkbox_on.png); }

/*정보입력*/
.join .join_con:last-of-type { border-bottom: 0px; margin-bottom: 20px;}
.join_con { width: 100%; max-width: 600px; padding: 40px 0px; margin: 0 auto; border-bottom: 1px solid #333;}
.join_con h2 {font-size: 20px; line-height: 30px; color: #1c61ff; font-weight: 500; margin-bottom: 20px;}
.join_con .btn-set { margin-top: 20px;}
.join_input>li { margin-bottom: 20px;}
.join_input>li:last-child { margin-bottom: 0px;}
.join_input .select { border-radius: 10px;}

/*완료*/
.join_con .join_ok { width: 100%; background-image:url(../image/common/join_logo.png); background-position: top right; background-repeat: no-repeat; padding-top: 140px; background-size: 240px; }
.join_con .join_ok h2, .join_con .id_pass_ok h2 { font-size: 40px; line-height: 50px; color: #37474F; margin-bottom: 40px;}
.join_con .join_ok>div, .join_con .id_pass_ok>div { background-color: #FFF; border-radius: 10px; padding: 50px 20px; text-align: center;}
.join_con .join_ok>div p, .join_con .id_pass_ok>div p {font-size: 20px; line-height: 20px; color: #1c61ff; margin-bottom: 10px;}
.join_con .join_ok>div h3, .join_con .id_pass_ok>div h3 {font-size: 40px; line-height: 50px; color: #222; font-weight: 500;}

/*아이디 비밀번호 찾기*/
.id_pass_tab { position: relative; background-color: #666666; border-radius: 25px; overflow: hidden; z-index: 10;}
.id_pass_tab a { position: relative; float: left; display: block; width:50%; height: 50px; font-size: 18px; color: #FFF; line-height: 50px; text-align: center; z-index: 2; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.id_pass_tab a.active { color: #FFF;}
.id_pass_tab:after { position:absolute; left: 0px; width:50%; height: 50px; background-color: #1c61ff; border-radius: 25px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; content: "";}
.id_pass_tab.active:after  { left: 50%; width:50%; }

.join_con .id_pass { padding-top: 80px;}
.join_con .id_pass h2 { font-size: 40px; line-height: 50px; color: #37474f; margin-bottom: 50px;}

.join_con .id_pass_ok { width: 100%; padding-top: 80px; }
.join_con .id_pass_ok h2>span { display: block; font-size: 20px; color: #999; line-height: 30px; margin-top: 10px;}

@media only screen and (max-width:767px) {
	.join .sub_title { padding: 40px 0px; }
	.join .sub_title>h2 {font-size: 36px; }

	.clouse_con, .join_con { padding: 40px 15px; }
	.clouse_con h2, .join_con h2 {font-size: 16px; line-height: 20px; }
	.clouse_con .clouse { padding: 15px; padding-bottom: 5px; }
	.clouse_con .clouse li { margin-bottom: 10px; }
	.clouse_con .clouse.marketing { padding-bottom: 20px;}

	.join_con .join_ok {padding-top: 100px; background-size: 150px;}
	.join_con .join_ok h2, .join_con .id_pass_ok h2 { font-size: 30px; line-height: 40px;}
	.join_con .join_ok>div, .join_con .id_pass_ok>div { padding: 40px 15px;}
	.join_con .join_ok>div p, .join_con .id_pass_ok>div p {font-size: 16px; }
	.join_con .join_ok>div h3, .join_con .id_pass_ok>div h3 {font-size: 30px; line-height: 40px; }

	.id_pass_tab a { font-size: 16px; }

	.join_con .id_pass { padding-top: 80px;}
	.join_con .id_pass h2 { font-size: 30px; line-height: 40px; color: #37474F; }

	.join_con .id_pass_ok { padding-top: 40px; }
	.join_con .id_pass_ok h2>span { font-size: 16px; line-height: 25px;}
}


/*MAIN************************************************/
.main_point { position: relative; padding: 40px 40px 60px; border-bottom: 1px solid #333;}
.main_point::before { position: absolute; top: 60px; right: -70px; width: 60%; max-width: 440px; height: 520px;  background-image:url(../image/common/img_main01.png); background-position: center top; background-repeat: no-repeat; background-size: 100%; content: ""; z-index: -1;}
.main_point>h2 {font-size: 80px; line-height: 80px; color: #37474F; font-weight: 100; margin-bottom: 10px; }
.main_point>p {font-size: 20px; line-height: 20px; color: #999; font-weight: 400; margin-bottom: 130px; }
.main_point>h3 {font-size: 80px; line-height: 80px; color: #1c61ff; font-weight: 500; margin-bottom: 60px; }

.point_info { display: flex; flex-wrap: wrap;}
.point_info li { padding-bottom: 20px;}
.point_info li div { position: relative; width:100%; padding: 25px 20px 20px 100px; background-color: #FFF; border: 1px solid #000000; border-radius: 10px; text-align: right; }
.point_info li div h2 { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 16px; line-height: 20px; color: #111; }
.point_info li div p {font-size: 20px; line-height: 20px; color: #1c61ff;}

.point_info li div.black h2,.point_info li div.grey h2 { color: #FFF;}
.point_info li div.black { background-color: #222; border: 1px solid #333;}
.point_info li div.grey { background-color: #1ccd4c; border: 1px solid #1ccd4c;}

.point_info.type01 li { width:100%; padding-left: 120px;}

.point_info.type02 li { width:50%; padding-right: 10px;}
.point_info.type02 li:nth-child(2n) { padding-left: 10px;}

.point_info.type03 li { width:50%; padding-left: 10px;}
.point_info.type03 li:nth-child(2n) { padding-right: 10px; padding-left: 0px;}
.point_info.type03 li:first-child { padding-left: 0px; width: 100%; }

.main_info {position: relative; padding: 60px 40px; min-height: 0px;}
.rake_info, .total_bar { position: relative; width: 100%; margin-bottom: 40px; }
.rake_info h2, .total_bar h2 {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); font-size: 24px; line-height: 40px; color: #f44336;}

.rake_info {padding-left: 100px;}
.rake_info p { text-align: right; font-size: 24px; line-height: 40px; color: #1c61ff;}

.total_bar {padding: 10px 0px 10px 200px; margin-bottom: 0px;}
.total_bar h2 span { font-size: 18px;}
.total_bar div { position: relative; width: 100%; height: 20px; background-color: #555; overflow: hidden; border-radius: 10px; }
.total_bar div span { position: absolute; height: 100%; background-color: #1c61ff; }

.main_quick { width: 100%; }
.main_quick h2 { width: 100%; font-size: 24px; line-height: 30px; color: #f44336; font-weight: 500; margin-bottom: 40px; }
.main_quick a { position: relative; display: block; background-color: #FFF; border-radius: 10px; boredr: 1px solid #111; font-size: 20px; line-height: 20px; color: #111; font-weight: 500; margin-bottom: 20px; }
.main_quick a span { display: block; font-size: 14px; line-height: 20px; color: #3f3e3e; font-weight: 400; word-break: keep-all;}
.main_quick a .icon_quick { position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
.main_quick a.grey { color: #FFF; background-color: #1ccd4c; border: 1px solid #1ccd4c;}
.main_quick a.black { color: #FFF; background-color: #222; border: 1px solid #333; }

.main_quick.type01 a{ width: 100%; padding: 20px 80px 20px 30px;}
.main_quick.type02 { display: flex; flex-wrap: wrap;}
.main_quick.type02 a{ width: 48%; padding: 45px 20px 45px 90px; border: 1px solid #111; }
.main_quick.type02 a .icon_quick { left: 20px; right: auto;}
.main_quick.type02 a:nth-of-type(2n) { margin-left: 2%}


@media only screen and (max-width:1400px) {
	.main_point>h3 { font-size: 60px; line-height: 60px;}
	
	.point_info.type02 li div, .point_info.type03 li div { padding-left: 20px; text-align: left;}
	.point_info.type02 li div h2, .point_info.type03 li div h2 { position: relative; left: 0px;}
	.point_info.type03 li:first-child div { padding-left: 100px; text-align: right; }
	.point_info.type03 li:first-child div h2 { position: absolute; left: 20px;}

	.main_info { min-height: auto; border-bottom: 1px solid #333;}

	.main_quick.type02 a { padding: 30px 20px 30px 90px;}
}

@media only screen and (max-width:1024px) {
	.main_point { padding: 30px; }
	.main_point::before { top: 30px; right: -70px; }
	.main_point>p { margin-bottom: 100px;}

	.main_info { padding: 30px; }
	.rake_info, .total_bar { margin-bottom: 20px; }
}

@media only screen and (max-width:767px) {
	.main_point { padding: 20px 15px ; }
	.main_point::before { top: 20px; right: -70px; }
	.main_point>h2 {font-size: 40px; font-weight: 500; line-height: 40px; margin-bottom: 10px; }
	.main_point>p {font-size: 15px; line-height: 20px; margin-bottom: 60px; }
	.main_point>h3 {font-size: 40px; line-height: 40px; margin-bottom: 30px; }

	.point_info li { padding-bottom: 15px;}
	.point_info li div { padding: 20px 15px 20px 100px; }
	.point_info li div h2 { left: 15px; }
	.point_info li div p {font-size: 20px; line-height: 20px; color: #1c61ff;}

	.point_info.type02 li { padding-right: 8px;}
	.point_info.type02 li:nth-child(2n) { padding-left: 8px;}

	.point_info.type03 li { padding-left: 8px;}
	.point_info.type03 li:nth-child(2n) { padding-right: 8px; }
	.point_info.type02 li div, .point_info.type03 li div { padding-left: 15px; }
	.point_info.type03 li:first-child div h2 { left: 15px;}

	.main_info { padding: 20px 15px; }
	.rake_info, .total_bar { margin-bottom: 10px; }
	.rake_info h2, .total_bar h2 {font-size: 16px; line-height: 30px; }
	.rake_info p { font-size: 18px; line-height: 30px; }

	.total_bar {padding: 10px 0px 10px 150px;}
	.total_bar h2 span { font-size: 14px;}
	.total_bar div { height: 12px; border-radius: 10px; }

	.main_quick h2 { font-size: 20px; margin-bottom: 20px;}
	.main_quick a { font-size: 16px; line-height: 20px; padding-right: 60px;}
	.main_quick a span { font-size: 12px;}
	.main_quick a .icon_quick { right: 15px;}

	.main_quick.type01 a{ padding: 15px 55px 15px 15px;}
	.main_quick.type02 a{ font-size: 15px; width: 47.5%; padding: 15px 15px 15px 65px; margin-bottom: 15px;}
	.main_quick.type02 a:nth-of-type(2n) { margin-left: 3%}
	.main_quick.type02 a .icon_quick { left: 15px; }
}

/*나의정보*/

.view_list { width: 100%; padding-bottom: 10px; margin-bottom: 40px; border-bottom: 1px solid #333;}
.view_list h2 { font-size:20px; line-height: 20px; color: #1c61ff; font-weight:500; margin-bottom: 40px; }
.view_list ul li { position: relative; padding: 0px 0px 30px; display: flex; width: 100%;}
.view_list ul li p { width: 70%; text-align: right; font-size:20px; line-height: 25px; color: #263238; word-break: break-all; }
.view_list ul li p.info_text { width: 100%; font-size:16px; line-height: 25px; color: #888; text-align: left; word-break: keep-all; }
.view_list ul li span { width: 30%; font-size:16px; line-height: 25px; color: #263238; word-break: keep-all; }

@media only screen and (max-width:1024px) {
	.view_list { margin-bottom: 30px;}
	.view_list h2 { margin-bottom: 30px; }
	.view_list ul li {padding: 0px 0px 25px;}
	.view_list ul li p { font-size:18px; }
	.view_list ul li p.info_text { font-size:15px; }
	.view_list ul li span { font-size:15px; }
}
@media only screen and (max-width:767px) {
	.view_list { padding-bottom: 0px; margin-bottom: 20px;}
	.view_list h2 {font-size: 16px; margin-bottom: 20px; }
	.view_list ul li {padding: 0px 0px 20px;}
	.view_list ul li p { font-size:16px; line-height: 20px; }
	.view_list ul li p.info_text { font-size:14px; line-height: 20px; }
	.view_list ul li span { font-size:14px; }
}

/*나의지갑*/
.wallet_point { width: 100%; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #333;}
.wallet_point>h2, .wallet_box>h2 {font-size:20px; line-height: 20px; color: #1c61ff; font-weight:500; margin-bottom: 40px; }

@media only screen and (max-width:1024px) {
	.wallet_point { margin-bottom: 30px;}
	.wallet_point>h2, .wallet_box>h2 { margin-bottom: 30px; }
}
@media only screen and (max-width:767px) {
	.wallet_point { padding-bottom: 10px; margin-bottom: 20px;}
	.wallet_point>h2, .wallet_box>h2 { font-size: 16px; margin-bottom: 20px; }
}

.point_list { width: 100%; margin-bottom: 10px; }
.point_list>li { position: relative; width: 100%; text-align: left; padding: 0px 40% 30px 20%; margin-bottom: 30px; border-bottom: 1px solid #333;}
.point_list>li>span { position: absolute; left: 0px; top:30px; display: inline-block; width: 14%; height: 40px; border-radius: 25px; text-align: center; font-size: 14px; line-height: 40px; z-index: 5; font-weight: 500; }
.point_list>li.save>span { border: 1px solid #1c61ff; color: #1c61ff;}
.point_list>li.save>h3 { color: #1c61ff;}
.point_list>li.use>span { border: 1px solid #f40000; color: #f40000;}
.point_list>li.use>h3 { color: #f40000;}
.point_list>li.remove>span { border: 1px solid #888; color: #888;}
.point_list>li.remove>h3 { color: #888;}
.point_list h2 { display: block; width: 100%; font-size: 22px; line-height: 40px; color: #37474F; font-weight: 500; word-break: keep-all;}
.point_list h2 span {display: block; width: 100%; font-size: 16px; line-height: 20px; color: #888; font-weight: 400; word-break: keep-all; margin-bottom: 10px;}
.point_list h3 { position: absolute; right: 60px; top: 35%; transform: translateY(-50%); max-width:30%; font-size: 24px; line-height: 40px; font-weight: 500; text-align: right; word-break: keep-all;}
.point_list h3>span{ display: block; width: 100%; font-size: 14px; line-height: 20px; color: #888; font-weight: 400; word-break: keep-all; }
.point_list h3>span>span {color: #f40000;}
.point_list li .wallet_btn { position: absolute; top: 0px; bottom: 30px; right: 0px; width: 40px; font-size: 14px; color: #FFF; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.point_list li .wallet_btn.ok { background-color: #1c61ff;}
.point_list li .wallet_btn.ok:hover { background-color:#0052da ;}
.point_list li .wallet_btn.cancel { background-color: #f40000;}
.point_list li .wallet_btn.cancel:hover { background-color: #b40007;}
.point_list p.data { position: absolute; left: 0px; top: 0px; width: 14%; display: block; font-size: 16px; line-height: 20px; color: #37474F; font-weight: 400; text-align: center; }
.point_list>li.no_data {width: 100%; text-align: center; padding: 120px 0px; font-size: 18px; color: #FFF; }

@media only screen and (max-width:767px) {
	.point_list>li { padding: 0px 40px 15px 26%; margin-bottom: 15px;}
	.point_list>li>span { left: 0px; width: 20%; height: 40px; border-radius: 20px; font-size: 13px; }
	.point_list h2 { font-size: 18px; line-height: 25px; }
	.point_list h2 span {font-size: 14px; margin-bottom: 5px; }
	.point_list h3 { position: relative; right: auto; top: auto; transform: translateY(0%); max-width:100%; font-size: 17px; line-height: 25px; text-align: left; }
	.point_list h3>span{ font-size: 12px; }
	.point_list li .wallet_btn { bottom: 15px; font-size: 12px; }
	.point_list>li.no_data {padding: 60px 0px; font-size: 16px;}

	.point_list p.data { position: absolute; width: 20%; font-size: 14px; }
}

/*하선매출내역*/
.down_order_box { width: 100%; margin-bottom: 40px; border-bottom: 1px solid #333;}

@media only screen and (max-width:1024px) {
	.down_order_box { margin-bottom: 30px; }
}
@media only screen and (max-width:767px) {
	.down_order_box { margin-bottom: 20px; }
}

/*조직도*/
.sub_content.tree_view { padding: 0px;}
.tree_view .tree_view_info { width: 100%; padding: 40px 40px 30px 40px; display: flex; flex-wrap: wrap;}
.tree_view .tree_view_info span { display: inline-block; padding: 5px 10px; margin-right: 10px; font-size: 14px; line-height: 20px; color: #FFF; border-radius: 15px; margin-bottom: 10px; }
.tree_view .tree_view_info span:last-child { margin-right: 0px;}
.tree_view .tree_view_info span.type01 { background-color: #41c400;}
.tree_view .tree_view_info span.type02 { background-color: #0051d7;}
.tree_view .tree_view_info span.type03 { background-color: #ffcc00;}
.tree_view .tree_view_info span.type04 { background-color: #ff7200;}
.tree_view .tree_view_info span.type05 { background-color: #c10000;}
.tree_view .tree_view_info span.type06 { background-color: #000000;}
.tree_view .tree_view_info span.type07 { background-color: #999999;}

.tree_view_wrapper { position: relative; width: 100%; height: 800px; padding: 0px 40px; }
.tree_view_con { width: 100%; height: 100%; background-color: #EEE; }

@media only screen and (max-width:1024px) {
	.tree_view .tree_view_info { padding: 30px 30px 20px 30px;}
	.tree_view .tree_view_info span { padding: 5px 10px; margin-right: 8px; font-size: 13px; line-height: 15px; margin-bottom: 8px; }
	.tree_view_wrapper { height: 600px; padding: 0px 30px; }
}
@media only screen and (max-width:767px) {
	.tree_view .tree_view_info { padding: 20px 15px 15px 15px;}
	.tree_view .tree_view_info span { padding: 0px 10px; margin-right: 5px; font-size: 12px; line-height: 20px; margin-bottom: 5px; }
	.tree_view_wrapper { height: 500px; padding: 0px 0px; }
}

/*주문서작성*/
.order .sub_title { width: 100%; padding: 50px 0px; border-bottom: 1px solid #333;}
.order .sub_title>h2 {font-size: 46px; line-height: 50px; color: #37474f; font-weight: 500; text-align: center;}

.order_con { width: 100%; max-width: 600px; padding: 40px 0px 60px; margin: 0 auto;}
.order_con>h2, .order_form>h2 {font-size: 20px; line-height: 30px; color: #1c61ff; font-weight: 500; margin-bottom: 40px;}
.order_form>h2.font_grey { color: #888;}
.order_con .select { border-radius: 10px;}
.order_con .product_list li { width: 100%; margin-right: 0px; padding-bottom: 10px;}
.order_con .order_input li { margin-bottom: 40px;}

.order_con .order_info { background-color: #FFF; border-radius: 10px; padding: 50px 20px; text-align: center; margin-bottom: 40px;}
.order_con .order_info p {font-size: 16px; line-height: 20px; color: #1c61ff; margin-bottom: 10px;}
.order_con .order_info h3 {font-size: 20px; line-height: 30px; color: #222; font-weight: 500; word-break: break-all;}
.order_con .order_info h3 span { color: #888; margin-right: 10px;}
.order_con .order_info .btn-set { margin-top: 40px;}

@media only screen and (max-width:1024px) {
	.order_con>h2, .order_form>h2, .order_form>h2 {font-size: 17px; line-height: 25px; margin-bottom: 30px;}
	.order_con .order_input li { margin-bottom: 30px;}
}

@media only screen and (max-width:767px) {
	.order .sub_title { padding: 40px 0px; }
	.order .sub_title>h2 {font-size: 36px; }
	.order_con>h2, .order_form>h2, .order_form>h2 {font-size: 16px; line-height: 20px; margin-bottom: 20px;}
	.order_con { padding: 30px 15px 40px; }
	.order_con .order_input li { margin-bottom: 20px;}

	.order_con .order_info { padding: 30px 15px; margin-bottom: 20px;}
	.order_con .order_info {font-size: 14px; }
	.order_con .order_info h3 {font-size: 18px; line-height: 20px; }
	.order_con .order_info .btn-set { margin-top: 20px;}
}

/*주문 완료*/
.order_ok_con { width: 100%; max-width: 600px; padding: 40px 0px 60px; margin: 0 auto; }
.order_ok_con>h2 {font-size: 20px; line-height: 30px; color: #1c61ff; font-weight: 500; margin-bottom: 40px;}

.order_ok { margin-bottom: 40px;}
.order_ok h2 { font-size: 40px; line-height: 50px; color: #37474f; margin-bottom: 40px;}
.order_ok h2>span { display: block; font-size: 20px; color: #999; line-height: 30px; margin-top: 10px;}

.order_ok_list { width: 100%; padding: 40px; background-color: #FFF; border-radius: 10px;}
.order_ok_list>p { position: relative; width: 100%; font-size:20px; line-height: 30px; color: #222; font-weight:500; word-break: keep-all;text-align: right; padding-left: 30%; }
.order_ok_list>p span { display: block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 30%; font-size:14px; line-height: 20px; color: #888; font-weight:400; text-align: left; word-break: break-all; }

.order_ok_list .order_info { text-align: center; padding-bottom: 30px; border-bottom: 1px solid #DDD; margin-bottom:  30px;}
.order_ok_list .order_info p {font-size: 16px; line-height: 20px; color: #1c61ff; margin-bottom: 10px;}
.order_ok_list .order_info h3 {font-size: 20px; line-height: 30px; color: #222; font-weight: 500; word-break: break-all;}
.order_ok_list .order_info h3 span { color: #888; margin-right: 10px;}



@media only screen and (max-width:767px) {
	.order_ok_con { padding: 30px 15px 40px; }
	.order_ok_con>h2 {font-size: 16px; line-height: 20px; margin-bottom: 30px;}
	.order_ok h2 { font-size: 30px; line-height: 40px; margin-bottom: 30px; }
	.order_ok h2>span { font-size: 16px; line-height: 25px;}

	.order_ok { margin-bottom: 20px;}

	.order_ok_list { padding: 15px; }
	.order_ok_list>p { font-size:16px; line-height: 25px; }
	.order_ok_list>p span { font-size:13px; }

	.order_ok_list .order_info { padding: 30px 15px; margin-bottom: 20px;}
	.order_ok_list .order_info {font-size: 14px; }
	.order_ok_list .order_info h3 {font-size: 18px; line-height: 20px; }
}

/*공지사항*/
.notice_list>h2 {font-size:20px; line-height: 20px; color: #1c61ff; font-weight:500; margin-bottom: 40px; }

@media only screen and (max-width:1024px) {
	.notice_list>h2 { font-size: 18px; margin-bottom: 30px; }
}
@media only screen and (max-width:767px) {
	.notice_list>h2 { font-size: 16px; margin-bottom: 20px; }
}

/*공지사항 상세*/
.board_view { width: 100%; border-bottom: 1px solid #333; padding-bottom: 40px; margin-bottom: 40px; text-align: left; font-size: 18px; color: #37474F; line-height: 30px; white-space:pre-line;}
.board_view img { width: 100%; max-width: 1000px;}
.board_view iframe { width: 100%; height: 50vw; }
.board_view h2.re_title {font-size:20px; line-height: 20px; color: #1c61ff; font-weight:500; margin-bottom: 20px; }

@media only screen and (max-width:1024px) {
	.board_view { padding-bottom: 30px; margin-bottom: 30px;}
	.board_view h2.re_title {font-size:19px; }
}
@media only screen and (max-width:767px) {
	.board_view { padding-bottom: 20px; margin-bottom: 20px;}
	.board_view { font-size: 16px; }
	.board_view h2.re_title {font-size:18px; }
}

/*1:1 문의*/
.contact_write { padding-top: 0px;}
.contact_write h2 {font-size:20px; line-height: 20px; color: #888; font-weight:500; margin-bottom: 40px; }
.contact_input .select { border-radius: 10px;}
.contact_input li { margin-bottom: 30px;}
.contact_input .inp-textarea { width: 100%; min-height: 420px; padding: 15px; border-radius: 10px;  font-size:14px; line-height: 30px; color: #222; font-weight:400; }

@media only screen and (max-width:1024px) {
	.contact_write>h2 { font-size: 18px; margin-bottom: 30px; }
	.contact_input li { margin-bottom: 25px;}
	.contact_input .inp-textarea { min-height: 360px; }
}
@media only screen and (max-width:767px) {
	.contact_write>h2 { font-size: 16px; margin-bottom: 20px; }
	.contact_input li { margin-bottom: 20px;}
	.contact_input .inp-textarea { min-height: 300px; }
}

/*출금*/
.withdraw_list>h2 {font-size:20px; line-height: 20px; color: #888; font-weight:500; margin-bottom: 40px; }

.product_list.withdraw li { width: 100%; margin-right: 0px; padding-bottom: 0px; cursor: pointer; }
.product_list.withdraw li .product_title { padding-left: 90px; min-height: 90px; background-image:url("../image/common/icon_arrow.png"); background-repeat:no-repeat; background-position:100% 35%; background-size: 40px 40px; padding-right:40px; }
.product_list.withdraw li:hover .product_title { background-image:url("../image/common/icon_arrow_on.png"); }
.product_list.withdraw li .product_title h2 {font-size:16px; line-height: 30px; color: #222; font-weight:400; margin-bottom: 5px; }
.product_list.withdraw li .product_title p {font-size:22px; line-height: 30px; color: #1c61ff; font-weight:500; }
.product_list.withdraw li .img_product { position: absolute; left: 0px; top: 0px; width: 70px; height: 70px;}

.order_con .product_list.withdraw li { cursor: default;}
.order_con .product_list.withdraw li .product_title, .order_con .product_list.withdraw li:hover .product_title { background-image: none;}

@media only screen and (max-width:1024px) {
	.withdraw_list>h2 { font-size: 18px; margin-bottom: 30px; }
	.product_list.withdraw li .product_title { padding-left: 80px; min-height: 80px;}
	.product_list.withdraw li .product_title h2 {font-size:15px; line-height: 25px; }
	.product_list.withdraw li .product_title p {font-size:20px; line-height: 25px; }
	.product_list.withdraw li .img_product { width: 60px; height: 60px;}
}
@media only screen and (max-width:767px) {
	.withdraw_list>h2 { font-size: 16px; margin-bottom: 20px; }
	.product_list.withdraw li .product_title { padding-left: 65px; min-height: 65px;}
	.product_list.withdraw li .product_title h2 {font-size:14px; line-height: 20px; }
	.product_list.withdraw li .product_title p {font-size:18px; line-height: 20px; }
	.product_list.withdraw li .img_product { width: 50px; height: 50px;}
}

/*추천링크*/
.join_link>h2 {font-size:20px; line-height: 20px; color: #1c61ff; font-weight:500; margin-bottom: 40px; }

.join_link_info { max-width: 600px;}
.join_link_info>h2 { font-size: 40px; line-height: 50px; color: #37474F; margin-bottom: 40px;}
.join_link_info>div { background-color: #FFF; border-radius: 10px; padding: 50px 20px; text-align: center; }
.join_link_info>div img { display: inline-block; border: 1px solid #DDD; margin-bottom: 40px; max-width: 260px; width: 100%;}
.join_link_info>div p {font-size: 16px; line-height: 20px; color: #1c61ff; margin-bottom: 10px;}
.join_link_info>div h3 {font-size: 20px; line-height: 30px; color: #222; font-weight: 500; word-break: break-all; margin-bottom: 40px;}
.join_link_info>div .btn-set .btn { width: 260px; }


@media only screen and (max-width:1024px) {
	.join_link>h2 { font-size: 18px; margin-bottom: 30px; }
	.join_link_info { max-width: 100%;}
}
@media only screen and (max-width:767px) {
	.join_link>h2 { font-size: 16px; margin-bottom: 20px; }
	.join_link_info>h2 { font-size: 30px; line-height: 40px;}
	.join_link_info>div { padding: 30px 15px; margin-bottom: 20px;}
	.join_link_info>div img { margin-bottom: 20px; }
	.join_link_info>div p {font-size: 14px; }
	.join_link_info>div h3 {font-size: 18px; line-height: 25px; margin-bottom: 20px; }
}