@charset "utf-8";
/* font -------------------------------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'LeferiPointWhite';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/leferi/LeferiPointWhiteOblique.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/leferi/LeferiPointWhiteOblique.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/leferi/LeferiPointWhiteOblique.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/leferi/LeferiPointWhiteOblique.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/leferi/LeferiPointWhiteOblique.ttf') format("truetype");
    font-display: swap;
}

/*  Pretendard */
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'OTWelcomeBA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeBA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OTWelcomeRA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MICEGothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/MICEGothic Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}





@font-face {
  font-family: LeferiPointWhite;
  src: url(/font/LeferiPointWhite.ttf);
}

body{font-size:17px; font-weight:400; font-family: 'Pretendard-Regular'; color:#191919; -webkit-text-size-adjust:none}
table, pre, input, select, textarea, button{font-size:1em; font-family: 'Pretendard-Regular';;}
textarea {width:100%;}

.flex {display:flex;}

/* magin_padding */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt60{margin-top:60px !important;}
.mb10{margin-bottom:10px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pb30{padding-bottom: 30px;}
/* float */
.fl{float:left}
.fr{float:right}
/* align */
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.taj{text-align:justify}
/* color */
.black{color:#252525}
.white{color:#fff}
.blue{color:#2c7cba}
.red{color:#f1131d}
.gray{color:#7d7d78}
.light_gray{color:#bbbbb3}
.green{color:#21af00;}
/* text_style */
.text-center {text-align:center;}
.fb{font-weight:700}
.fn{font-weight:normal}
.tlt{text-decoration:line-through}
.fi{font-style:italic}
.tu{text-decoration:underline}
/* input */
input{border:1px solid #ccc}
input[type="text"] , input[type="password"] , input[type="tel"]{height:35px;padding:0 5px; line-height:33px}
input[type="radio"]{margin-right:5px}
input[type="checkbox"]{margin-right:5px; }
select{height:35px; padding:0 0 0 5px; background:#fff; border:1px solid #ccc; line-height:33px;}
option{padding:5px 0}
textarea{padding:15px; border:1px solid #ccc;}

.gray_box {background:#fbfbfb; padding:20px; margin-top:10px;}
.gray_box .refer {font-size:.9rem; margin-top:0px; color:#666;}
.gray_box li {margin-top:5px;}



/* body_title */
.sub h4{clear:both; margin:40px 0 15px; font-size:1.867em; line-height:1.3em; font-weight:500; color:#024176}
.sub h4:after{display:block; width:35px; height:1px; margin:15px 2px 0; background:#024176; content:""}
.sub h4:first-of-type{margin:35px 0 15px}
.sub h5{clear:both; position:relative; margin:30px 0 10px; padding-left:10px; font-size:1.385em; line-height:1.3em; font-weight:500; color:#222;}
.sub h5:before{display:block; position:absolute; top:5px; left:0; width:4px; height:17px; margin-right:7px; background:#222; content:""}
.sub h5:first-of-type{margin:15px 0 10px }
.sub h6{clear:both; position:relative; margin:20px 0 10px; padding-left:13px; font-size:1.231em; line-height:1.3em; font-weight:700; color:#1ca276}
.sub h6:before{display:block; position:absolute; top:9px; left:0; width:5px; height:5px; margin-right:7px; background:#1ca276; content:""}
.sub h6:first-of-type{margin:10px 0 10px}
/* ol_li_list */
.bullet_ol{margin-left:18px; padding:0 0 0 10px;}
.bullet_ol > li{padding: 2px 0}
.bullet_ol_cir{padding-left:25px; list-style:none; conter-reset:li}
.bullet_ol_cir li{position:relative; padding:3px 0; line-height:22px; counter-increment:li}
.bullet_ol_cir li:before{display:block; position:absolute; top:4px; left:-22px; width:18px; height:18px; background:#e4ecda; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;
	font-size:0.8em; line-height:18px; color:#546b36; text-align:center; content:counter(li); }

.bullet_none{padding:0 0 0 5px;}
.bullet_none > li{padding: 2px 0 2px 5px}
.bullet{padding:0 0 0 5px;}
.bullet > li{position:relative; padding: 2px 0 2px 10px; }
.bullet > li:before{display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#0297cd; content:""}
.bullet01{padding:0 0 0 10px;}
.bullet01 > li{ padding: 2px 0 2px 11px; background: url(/img/common/bul_arr_02.gif) no-repeat 0 6px}
.bullet_dot{padding:0 0 0 5px;}
.bullet_dot > li{position:relative; padding: 2px 0 2px 10px; margin-top:10px;}
.bullet_dot > li:before{display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#0297cd; content:""}
.bullet_dot_gray{padding:0 0 0 5px;}
.bullet_dot_gray > li{position:relative; padding: 2px 0 2px 10px; margin-bottom:12px;}
.bullet_dot_gray > li:last-child{margin-bottom:0;}
.bullet_dot_gray > li:before{display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#aba8a1; content:""}
.bullet_che{padding:0 0 0 10px; }
.bullet_che > li{padding: 2px 0 2px 15px; background:url(/img/common/bul_che.png) no-repeat 0 9px}
.bullet_line{padding:0 0 0 5px;}
.bullet_line > li{padding: 4px 0 4px 10px; background: url(/img/common/bul_line.gif) no-repeat 0 14px; margin-bottom:10px;}

/* tab_menu */
.tab_menu{clear:both; margin-bottom:40px;}
.tab_menu ul{overflow:hidden}
.tab_menu ul li{float:left}
.tab_menu ul li a{display:block; position:relative; height:35px; margin-left:-1px; padding:0 20px; border:1px solid #ddd; line-height:35px; color:#aaa; text-align:center}
.tab_menu ul li:first-child a{margin-left:0;}
.tab_menu ul li a:hover{color:#5fcecf;}
.tab_menu ul li.on a{color:#fff;border-color:#64aee1;  background:#64aee1; z-index:50;}

.tab_menu_line{overflow:hidden;}
.tab_menu_line ul{width:100%; height:42px; margin-bottom:15px; border-bottom:1px solid #0f6bb0;}
.tab_menu_line li{display:inline-block; }
.tab_menu_line li a{display:block; padding:10px 30px; background:#f8f8f8; border:1px solid #eaeaea; border-bottom:1px solid #0f6bb0; font-size:1.067em; line-height:20px; color:#888; text-align:center; text-decoration:none;  }
.tab_menu_line li a:hover, .tab_menu li a:active{background-color:#f1f1f1;transition:background 0.5s ease}
.tab_menu_line li a.on{background-color:#fff; border:1px solid #005596; border-bottom:1px solid #fff; color:#005596; font-weight:400; }

/* table */
.tstyle{width:100%; margin:5px 0; border-spacing:5px 20px; border-bottom:1px solid #b3b3b3;}
.tstyle caption{height:0; text-indent:-9999px; overflow:hidden}
.tstyle th{padding:20px 10px; border-top:1px solid #ddd; border-left:1px solid #eee; background:#fafafa; color:#434343; vertical-align:middle; text-align:center;}
.tstyle th:first-child{border-left:0}
.tstyle td{padding:10px; border-top:1px solid #ddd; /* border-right:1px solid #ddd; */  background:#fff; line-height:26px;}
.tstyle td:first-child{border-left:0}
.tstyle td:last-child {border-right:0}
.tstyle td + td {border-left:1px solid #eee;}
.tstyle tfoot th{background:#f7f7f7; color:#013e79}
.tstyle tfoot td{background:#f7f7f7; font-weight:600; text-align:center; vertical-align:middle}
.tstyle td.item{font-weight:bold}
.tstyle th.item{font-weight:bold}
.tstyle td.bg{background:#f4f4f4}
.tstyle td.flex {align-items:center;}
.tstyle td .txt {display:block;width:100%;height:200px;overflow: auto;margin-top:10px;}
.tstyle td label {margin-left:10px;}
.tstyle td label:first-child {margin-left:0;}
.tstyle td label:hover {cursor:pointer;}
.tstyle td h2 {font-weight: 600;margin-right:20px;}
.tstyle td .guide li {font-size:1rem; color:#666;}



.tstyle02{width:100%; margin:5px 0; border-bottom:2px solid #555; }
.tstyle02 caption{ height:0; text-indent:-9999px; overflow:hidden}
.tstyle02 th{padding:10px; border:1px solid #ddd; background:#fafafa; color:#434343; vertical-align:middle}
.tstyle02 td{padding:10px; border:1px solid #ddd; line-height:1.4em}
.tstyle02 tfoot th{background:#fdfdfd; color:#013e79}
.tstyle02 tfoot td{background:#fdfdfd; font-weight:600}
.tstyle02 td.item{font-weight:bold; text-align:center}
.tstyle02 th.item{font-weight:bold; text-align:center}
.tstyle02 td.bg{background:#f4f4f4}

/* link */
.link{display:inline-block; color:#655ab0}
.link:hover{text-decoration:underline}
.email{display:inline-block; color:#0068bf}
.email:hover{text-decoration: underline}
/* paging */
.paging{clear:both; padding:5px 0; text-align:center}
.paging strong{display:inline-block; width:30px; margin:0 2px; background:#666; border:1px solid #666; font-size:0.8em; line-height:30px; font-weight:bold; color:#fff}
.paging a.paging_num{display:inline-block; width:30px; margin:0 2px; border:1px solid #ddd; font-size:0.8em; line-height:30px; color:#aaa}
.paging a.paging_num:hover{color:#585858}
.paging img{padding:5px 0; vertical-align:top}
.paging .prev{margin:0 30px 0 20px}
.paging .next{margin:0 20px 0 30px}


/* member-------------------------------------------------------------------------------------------------------------------------------------*/
.member_box{max-width:500px; width:95%; margin:30px auto; padding:50px;
	box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); -ms-box-shadow:0 0 10px rgba(0,0,0,0.1); }
.member_box h3{background:0 none; font-size:2em; line-height:50px; font-weight:700; color:#232323; text-align:center; text-transform:uppercase}
.member_box h3 .icon_login{display:inline-block; width:50px; margin-right:20px; }
.member_box .top_info{margin:30px 0 20px; text-align:center}

.member_box input{width:100%; height:50px; margin-top:8px; padding:0 10px; border-color:#eee; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height:48px}
.member_box .input_id{background:url(/img/common/icon_login_input.png) no-repeat 95% 0}
.member_box .input_pw{background:url(/img/common/icon_login_input.png) no-repeat 95% -45px}
.member_box input.btn{height:50px; padding:0; border:0 none; font-size:1.143em; line-height:50px}
	/* login */
#login_form{}
.login_info_block{display:block; }
.login_btn_wrap{margin:30px 0 10px; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center}
.login_btn_wrap a{display:block; float:left; width:50%; border-left:1px solid #ddd; font-size:0.933em; line-height:1.5em; color:#787878; text-transform:uppercase}
.login_btn_wrap a:first-child{border-left:0 none }
	/* forgotten_password */

	/* create_account */
.member_agreed_box{width:100%; height:250px; overflow:auto; padding:10px; border:1px solid #eee; font-size:0.85em;}

.join_form{width:100%; margin:10px 0; }
.join_form li{ *zoom:1}
.join_form li:after{display:block; clear:both; content:" "}
.join_form li .form_tit{display:block; float:left; width:25%; padding:10px 5px; border-top:1px solid #333; line-height:25px}
.join_form li .form_info{display:block; float:right; width:74%; padding:10px; border-top:1px solid #eee; line-height:25px}


.join_form li .form_info .pw_wrap{display:block; float:left;  width:49.5%;}
.join_form li .form_info .pw_wrap:first-child{margin-right:1%}
.join_form li .form_info .w100{width:100%}
.join_form li .form_info .w25{display:inline-block; width:25%; vertical-align:top}
.join_form li .form_info .form_add_guide{font-size:0.85em; color:#989898}
.member_textarea{width:100%; height:100px}

@media only screen and (max-width : 700px)  {
	.join_form li .form_tit{float:none; width:100%; }
	.join_form li .form_info{float:none; width:100%; }
	}
@media only screen and (max-width : 500px)  {
	.member_box{padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
	.login_info_block{display:inline-block; }
	}

/* li를 이용한 반응형 폼 구성 */
.list_form {width:100%; margin:10px 0; }
.list_form li{ *zoom:1}
.list_form li:after{display:block; clear:both; content:" "}
.list_form li span.tit{display:block; float:left; width:20%; padding:10px 5px; border-top:1px solid #333; line-height:25px}
.list_form li span.info{display:block; float:right; width:78%; padding:10px; border-top:1px solid #eee; line-height:25px}
.list_form li{}
@media only screen and (max-width : 700px)  {
	.list_form li span.tit{float:none; width:100%; }
	.list_form li span.info{float:none; width:100%; }
}

.terms_tit{margin:15px 0; font-size:1.15em; line-height:1.2em; font-weight:700;}
.terms_sub_tit{margin:10px 0 5px; line-height:1.2em; font-weight:700;}
.terms_inner{padding-left:10px}
.terms_inner .bullet_none{padding:0}


/*230919 사업자등록증*/
.receipt_file_field {}
.receipt_file_field span{}
.receipt_file_field input[type="file"]{display: block;}