.sub_title {display:none; width:100%; text-align:center; font-size:32px; font-weight:bold; color:#000; line-height:1;}
.container {width:100%; min-height:800px; padding:207px 0 150px; position:relative; overflow:hidden;}
.container .content {position:relative; width:1200px; margin:auto;}
.container.mypage .sub_content {width:1400px; margin:auto;}
.container.mypage .lnb {float:left; width:130px;}
.container.mypage .lnb .list {margin-bottom:60px; width:100%; line-height:1;}
.container.mypage .lnb .list dt, .container.mypage .lnb .list dd {display:block;}
.container.mypage .lnb .list dt {margin-bottom:20px; color:#333; font-size:18px; font-weight:bold;}
.container.mypage .lnb .list dd {margin-bottom:16px; color:#999; font-size:16px;}
.container.mypage .lnb .list dd.on {color:#333;}
.container.mypage .lnb .list dd:last-child {margin-bottom:0;}
.container.mypage .content {width:1200px; float:right;}


/* login */
.login_container {display: flex;
    justify-content: center; /* °¡·Î °¡¿îµ¥ Á¤·Ä */
    align-items: center;     /* ¼¼·Î °¡¿îµ¥ Á¤·Ä */
	padding-top:75px;
}
.login_container .login_form {width:500px; background:#fff; margin:auto; text-align:center;}
.login_container .login_form .title {font-size:32px; display:block; margin-bottom:15px; line-height:1; font-weight:normal; text-align:center; }
.login_container .login_form .txt {font-size:16px; color:#777; line-height:24px; margin-bottom:20px;}
.login_container .login_form .check_area {width:100%; margin-bottom:25px; text-align:right;}
.login_container .login_form .check_area li {display:inline-block; margin-right:13px;}
.login_container .login_form .check_area li input[type='checkbox'] {}
.login_container .login_form .check_area li label {color:#666; font-size:16px; line-height:1.2; position:relative; margin-left:3px;}
.login_container .login_form .check_area li label, .login_container .login_form .check_area li input {cursor:pointer;}
.login_container .login_form .check_area li:last-child {margin-right:0;}
.login_container .login_form .join_area {width:100%; line-height:1; padding-top:30px; margin-top:25px; border-top:1px solid #eee;}
.login_container .login_form .join_area .tit {font-size:18px; font-weight:bold; margin-bottom:12px;}


/* ȸ»ç¼Ò°³ */
.area_introduce {width:100%; height:840px; background:url("../images/sub/img_brand_introduce.png") center no-repeat;}
.area_technology {width:100%; height:13493px; background:url("../images/sub/img_brand_technology_240708.png?ver=1.3") center no-repeat; background-size:1920px;}




/* ȸ¿ø°¡ÀÔ */
.join_titleBox{margin-top:30px;}
.join_title{font-size:18px; font-weight:400; color:#333333; margin-bottom:10px;}
.join_titleB{font-size:13px; font-weight:400; color:#333333; margin-bottom:15px;}
.join_titleBadd{font-size:13px; color:#333333; margin-bottom:15px; line-height:18px;}
.join_titleBadd span{font-size:4px; position:relative; top:-3px; margin-right:8px;}
.join_titleS{font-size:13px; color:#777777; line-height:19px; white-space:normal;}
.join_step {width:900px; margin:auto; overflow:hidden; margin-bottom:80px; display:table;}
.join_step .step {display:table-cell; width:20%; padding:20px 0; border:1px solid #ddd; border-left:0; text-align:center; font-weight:400; position:relative;}
.join_step .step:first-child {border-radius:50px 0px 0px 50px; border-left:1px solid #ddd;}
.join_step .step:last-child {border-radius:0px 50px 50px 0px;}
.join_step .step.step_on {background:#f6f6f6;}
.join_step .step.step_off {background:url("../images/common/bg_joinstep_off.png") center no-repeat;}
.join_step .step:after{content:""; display:block; clear:both; }
.join_step .step:last-child {margin-right:0;}
.join_step .step:last-child:after {display:none;}
.join_step .step span {display:none; font-size:13px;  color:#888; margin-bottom:5px;}
.join_step .step em {font-size:16px;  color:#121212; font-style:normal;  display:block;}
.join {margin-top:40px;}
.join_text{font-size:16px; font-weight:bold; color:#333333; margin-bottom:15px;}
.join_checkbox{margin-bottom:20px;}
.join_check{text-align:right; margin-top:10px; font-size:13px;}
.join_check label{color:#555555; margin-right:5px;}
.join_check input{position:relative;}
.join_check_all{margin-top:20px;}
.join_check_all p{margin-bottom:10px;}
.join_check_all span{ font-size:13px; color:#555555; margin-left:7px;}
.join_check_all strong{ font-size:13px; color:#333333; font-weight:400; margin-left:7px; }
.join_check_all input{position:relative; top:2px;}
.join_btn_box{text-align:center; font-family: 'Nanum Gothic', sans-serif; margin-top:40px;}
.join_btn_prev{width:170px; padding:13px 0; border:1px solid #999; background:#ffffff; color:#333; font-size:15px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_btn_next{width:170px; padding:13px 0; border:1px solid #000; background:#000; color:#FFFFFF; font-size:15px; font-weight:400; margin:0 2px; cursor:pointer;}
.join_end{width:100%; text-align:center; margin:50px 0;}
.join_txt{ font-size:13px; color:#777777; margin:40px 0;}
.join_txt strong{display:block; font-size:32px; color:#333333; margin-bottom:30px; letter-spacing:-1px;}
.join_txt span{display:block; font-size:18px; color:#333333; margin-bottom:20px;}
.join_end_btn{ width:250px; height:50px; border:1px solid #DDDDDD; box-sizing:border-box; background:#FFFFFF; border-radius:4px; font-size:15px; font-weight:400; color:#555; cursor:pointer;}
.join_end{text-align:center;}
.joinEnd_title{ font-size:22px; font-weight:400; color:#333333;}
.jeB_1{font-size:38px; color:#ECAB0B;}
.jeB_2{font-size:38px; color:#015cab;}
.joinEnd_B{font-size:17px; font-weight:400; margin:30px 0; color:#333333;}
.joinEnd_S{font-size:13px; line-height:19px; color:#777777; margin:20px; }
.joinEnd_img{margin:30px 0;}
.joinEnd_btn{ width:250px; height:50px; background:#333333; border:1px solid #333333; color:#fff; font-size:16px; font-weight:400; cursor:pointer;}
.memberTitle{margin-bottom:30px;}
.mb_title{font-size:18px; font-weight:600; color:#333333; margin-bottom:15px;}
.mb_titleB{font-size:13px; font-weight:600; color:#333333; margin-bottom:20px;}
.mb_titleS{font-size:13px; color:#666666; line-height:16px;}
.join_card {width:100%; padding:40px; border:1px solid #ddd; text-align:center; line-height:1.8}
.join_card p {margin-bottom:20px;}


/* ȸ¿ø°¡ÀÔ ±¸ºÐ */
.area_join_type {position:relative; width:100%; overflow:hidden; padding:0 45px;}
.area_join_type .join_type {position:relative; width:540px; height:608px; border:1px solid #dfdfdf; text-align:center; border-top:5px solid #333; padding:55px 0 60px;}
.area_join_type .join_type img {margin-bottom:40px;}
.area_join_type .join_type .title {font-size:24px; margin-bottom:20px; line-height:1;}
.area_join_type .join_type .txt {font-size:18px; line-height:28px;  margin-bottom:20px; }
.area_join_type .join_type ol {padding-left:105px; text-align:left;}
.area_join_type .join_type ol li {font-size:16px; color:#888888; line-height:26px;}
.area_join_type .join_type .btn {position:absolute; bottom:60px; left:0; right:0; margin:auto; width:320px; height:58px; line-height:58px; font-size:20px; background:#999; color:#fff; font-weight:bold; display:block;}
.area_join_type .join_type.type1 {border-top-color:#2c99ce; float:left;}
.area_join_type .join_type.type1 .btn {background:#2c99ce;}
.area_join_type .join_type.type2 {border-top-color:#015c95; float:right;}
.area_join_type .join_type.type2 .btn {background:#015c95;}


/* Å×À̺í */
.table_form {width:100%; border-collapse:collapse; table-layout:fixed; border-top:1px solid #333;}
.table_form caption {display:none;}
.table_form tr {border-bottom:1px solid #ddd;}
.table_form th, .table_form td {padding:20px; text-align:left; font-size:14px; line-height:1.5;}
.table_form th {background:#f8f8f8;}


/* array */
.left {float:left;}
.right {float:right;}

/* ·¹À̾îÆ˾÷ */
.popup_layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); z-index:9999;}
.popup_layer .popup_wrap {display:table; width:100%; height:100%; vertical-align:middle;}
.popup_layer .popup_wrap .popup {display:table-cell; vertical-align:middle;}
.popup_layer .popup_container {position:relative; overflow:hidden; width:1100px; margin:auto; background:#fff;}
.popup_layer .popup_title {width:100%; height:60px; line-height:60px; padding-left:20px; padding-right:20px; overflow:hidden; font-weight:normal; text-align:center; color:#fff; background:var(--main); }
.popup_layer .popup_title .title {font-size:18px; display:inline-block; float:left;}
.popup_layer .popup_title .txt {font-size:14px; display:inline-block; margin-left:10px; opacity:.75;}
.popup_layer .btn_popup_close {float:right; border:0; width:60px; height:60px; text-indent:-99999px; background:url("../images/common/btn_popup_close.png?ver=1.1") center right no-repeat; background-size:22px;}
.popup_layer .popup_content {position:relative; width:100%; }
.popup_layer .popup_content .form {padding:30px;}
.popup_layer .popup_content .form dt, .popup_layer .popup_content .form dd {position:relative; display:block; width:100%; overflow:hidden; font-size:14px;}
.popup_layer .popup_content .form dt {font-weight:bold; margin-bottom:7px;}
.popup_layer .popup_content .form dd {margin-bottom:15px;}
.popup_layer .popup_content .form dd:last-child {margin-bottom:0;}
.popup_layer .popup_content .form select {width:100%; height:40px; border:1px solid #ddd; color:#333; padding-left:15px;}
.popup_layer.min .popup_container {width:640px;}
.popup_layer.bbsChange .txt {font-size:14px; margin-bottom:15px;}
.popup_layer.bbsChange .select_form {background:url("../../images/board/icon_select.png") 95% center no-repeat;}
.popup_layer.bbsChange .popup_container	{width:400px;}
.popup_layer.min .popup_wrap {width:800px; margin:auto;}
.popup_layer.min .popup_content .form {padding:20px;}


/* footer */
.btn_top { position:fixed; z-index:10; right:40px; bottom:40px; width:60px; height:60px; border-radius:64px; background:url("../images/common/icon_top.png") center no-repeat #959595;}
.footer {position:relative; width:100%;}
.footer .footer_menu {position:relative; width:100%; height:80px; background:#ddd;}
.footer .footer_menu .logo, .footer .footer_menu .list_menu {display:inline-block; vertical-align:middle;}
.footer .footer_menu .logo {margin-right:35px;}
.footer .footer_menu .list_menu li {display:inline-block; margin-right:15px; line-height:80px;  font-size:16px;}
.footer .footer_info {position:relative; width:100%; padding:55px 0px 65px; background:#ececec; font-size:0;}
.footer .footer_info .contact {margin-bottom:50px;}
.footer .footer_info .contact .group {display:inline-block; vertical-align:top; padding:0 60px; height:123px; border-right:1px solid #d3d3d3;}
.footer .footer_info .contact .group li {display:block; line-height:26px; font-size:15px; color:#777;}
.footer .footer_info .contact .group li div {display:inline-block; margin-right:12px;}
.footer .footer_info .contact .group li div:last-child {margin-right:0;}
.footer .footer_info .contact .group li em {font-style:normal; font-weight:bold;}
.footer .footer_info .contact .group:first-child {padding-left:0;}
.footer .footer_info .contact .group:last-child {padding-right:0; border-right:0;}
.footer .footer_info .footer_txt {overflow:hidden; font-size:13px; color:#999;}
.footer .footer_info .footer_txt .copyright {float:left;}
.footer .footer_info .footer_txt .payments {float:right;}
.footer .footer_info .footer_txt .payments img {margin-right:20px; margin-top:2px;}


/* ÀÔ·ÂÆû */
.form_wrap {position:relative; width:100%; margin-bottom:100px;}
.form_wrap .form_row {position:relative; width:100%; margin-bottom:80px;}
.form_wrap .form_row:last-child {margin-bottom:0;}
.form_wrap .form_row .title {width:100%; padding-bottom:20px; font-size:0; border-bottom:1px solid #424242; overflow:hidden;}
.form_wrap .form_row .title .tit {display:inline-block; width:calc(100% - 300px); font-size:20px;}
.form_wrap .form_row .title .s-txt {font-size:14px; line-height:29px; color:#888; float:right;}
.form_wrap .form_row .title .right {width:300px;}
.form_wrap .form_row .title .tit, .form_wrap .form_row .title .right {display:inline-block; vertical-align:middle;}
.form_wrap .form_row .cont {position:relative; width:100%; padding:20px 0;}
.form_wrap .form_row .cont .table_write tr:first-child th, .form_wrap .form_row .cont .table_write tr:first-child td {padding-top:0;}
.form_wrap .form_row .cont .table_write tr:last-child th, .form_wrap .form_row .cont .table_write tr:last-child td {padding-bottom:0;}
.form_wrap .table_write th, .form_wrap .table_write td {height:56px; padding:10px 15px; font-size:14px;}
.form_wrap .comment {color:#777; font-size:16px; display:block; padding-top:10px;}
.form_wrap .check label .comment {display:inline-block; padding-top:0;}
.form_wrap.orderdetail {margin-bottom:0;}
.form_wrap.orderdetail .form_row {margin-bottom:40px;}
.form_wrap.orderdetail .cont {padding-top:0;}
.area_bottom {position:relative; width:100%; overflow:hidden; text-align:center; font-size:0;}
.area_bottom > .btn {margin-right:5px;}
.area_bottom > .btn:last-child {margin-right:0;}
.area_bottom .txt {color:#a5a5a5; font-size:18px; display:inline-block; vertical-align:middle;}
.area_bottom .left .btn {margin-right:5px;}
.area_bottom .right .btn {margin-right:0; margin-left:5px;}
.text_common.addr2 {margin-top:10px;}
.text_common.addr2:last-child {margin-bottom:0;}




.terms_box {position:relative; width:100%; height:400px; overflow-y:auto; border:1px solid #ddd; padding:20px; background:#fcfcfc; margin-top:40px; margin-bottom:40px;}
.terms_box .page {width:100%; margin-bottom:30px;}
.register_field .signature_field {margin-bottom:40px;}

@media (max-width:1400px) {
	/*
	.section {width:1280px;}
	.contents_store_lst .list_item .item {}
	*/
}


/* ½ºÅ² */
.skin_list {display:flex; gap:10px; margin:10px 0;}
.skin_list li {list-style:none; text-align:center;}
.skin_list input[type="radio"] {display:none;}
.skin_list label {display:block; cursor:pointer; overflow:hidden; color:#888; font-size:14px; font-weight:bold;}
.skin_list label img {display:block; width:150px; height:auto; margin-bottom:10px; border:2px solid #ddd;}
.skin_list input[type="radio"]:checked + label {color:var(--main); font-weight:bold;}
.skin_list input[type="radio"]:checked + label img {border-color:var(--main);}






/* ÆÄÀÏ÷ºÎ */
.upload_filelist {border-radius:8px; width:100%; position:relative; background:#fff; margin-bottom:10px;}
.upload_filelist > div {width:100%; padding:10px 15px; line-height:20px; border-bottom:1px solid #dfdfdf; overflow:hidden; font-size:0;}
.upload_filelist > div:last-child {border-bottom:0;}
.upload_filelist > div .filename {width:calc(100% - 40px); font-size:1.1rem;}
.upload_filelist > div a {width:40px;}
.upload_filelist > div .filename, .upload_filelist > div a {display:inline-block; vertical-align:middle;}
.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: inline-block; height:35px; line-height:35px; font-size:14px; vertical-align: middle; cursor:pointer;}
.filebox .upload-name {display: inline-block; -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; padding-right:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}