@charset "utf-8";
/* font -------------------------------------------------------------------------------------------------------------------------------------*/
/* 나눔스퀘어라운드 웹폰트 v1.11 https://github.com/innks/NanumSquareRound */
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src: local("NanumSquareRoundL"), /* computer */
    url("https://904e2e.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("https://a83d71.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundL.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://1f254d.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */
    url("https://eca0d1.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
    url("https://3a6deb.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquareRoundR"), /* computer */
    url("https://ddcd4a.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("https://422c7e.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundR.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://2b7de7.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */    
    url("https://71080c.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("https://e51575.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("NanumSquareRoundB"), /* computer */
    url("https://ab79be.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("https://b12c5d.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundB.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://b4bb12.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("https://8bb024.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("https://7fff54.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("NanumSquareRoundEB"), /* computer */
    url("https://789e2f.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("https://bab703.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundEB.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://bcf7d6.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("https://16667a.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url("https://e86e4d.claudeassets.com/20240326002238im_/https://issw34.org/font/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('https://ae628d.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('https://d87a2e.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://2c664a.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://85b9e9.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('https://faa706.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://395cb7.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('https://cab9ab.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('https://38e19b.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-500.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://d23ab3.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://09561a.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('https://d9b911.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://605f3e.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('https://d2410f.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('https://0d6964.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://5e5a51.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://83da65.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('https://850cc9.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://26a266.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-sans-kr-v8-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-serif-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 400;
  src: url('https://55919a.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-serif-kr-v5-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR'), local('NotoSerifKR-Regular'),
       url('https://62fa34.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-serif-kr-v5-latin_korean-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://303aec.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-serif-kr-v5-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://1647ed.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-serif-kr-v5-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('https://e86f86.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-serif-kr-v5-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://3999bf.claudeassets.com/20240326002238im_/https://issw34.org/font/noto-serif-kr-v5-latin_korean-regular.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://a847bc.claudeassets.com/20240326002238im_/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://ac4e71.claudeassets.com/20240326002238im_/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://e88bbb.claudeassets.com/20240326002238im_/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://2f7ac6.claudeassets.com/20240326002238im_/https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@import url('https://24eba0.claudeassets.com/20240326002238cs_/https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');

body{font-size:18px;  font-family: 'Pretendard-Regular'; color:#434343;  -webkit-text-size-adjust:none} 
table, pre, input, select, textarea, button{font-size:1em; font-family:'Open Sans','Noto Sans KR','Malgun Gothic',Dotum,sans-serif}

/* magin_padding */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mb40{margin-bottom:40px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top: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:#0072bc}
.red{color:#f1131d !important;}
.gray{color:#7d7d78}
.light_gray{color:#bbbbb3}


/*background-color*/
.bg_purple{background:#dac3ed;}


/* text_style */
.fb{font-weight:700}
.fn{font-weight:normal}
.tlt{text-decoration:line-through} 
.fi{font-style:italic} 
.tu{text-decoration:underline} 

.f20{font-size:20px;}
/* 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;}

/* body_title */
.sub h3{position:relative; margin: 55px auto 20px; font-size: 28px; z-index:0; padding-left: 15px; font-family: 'Pretendard-Medium';}
.sub h3:after{display:block; content:''; position:absolute; width: 25px; height: 25px; background: #6ac8ff; top:-3px; left: 0px; border-radius:50%; z-index:-1;}
.sub h3 span{font-size:23px; font-family: 'Pretendard-Regular';}
.sub h4{clear:both; margin:30px 0 15px; font-size:24px; line-height:1.3em; font-weight:500; color:#222; border-bottom: 1px solid #222;}
.sub h4:first-of-type{margin:25px 0 15px}
.sub h5{clear:both; position:relative; margin:20px 0 10px; padding-left:10px; font-size:25px; line-height:1.3em; font-weight:500; color:#8932ad;}
.sub h5:before{display:block; position:absolute; top:8px; left:0; width:4px; height:21px; margin-right:7px; background:#5155c1; content:""}
.sub h5:first-of-type{margin:15px 0 10px } 
.sub h6{clear:both; margin:15px 0 10px; padding: 0 0 3px 10px; font-size:21px; line-height:1.3em; font-weight:500; color:#333; border-bottom: 1px solid #333; font-weight: 700;}
.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(https://1c8880.claudeassets.com/20240326002238im_/https://issw34.org/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; }
.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; }
.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(https://5e7a0d.claudeassets.com/20240326002238im_/https://issw34.org/img/common/bul_che.png) no-repeat 0 9px}
.bullet_line{padding:0 0 0 5px;}
.bullet_line > li{padding: 2px 0 2px 10px; background: url(https://d12482.claudeassets.com/20240326002238im_/https://issw34.org/img/common/bul_line.gif) no-repeat 0 14px}
/* tab_menu */
.tab_menu{clear:both}
.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:41px; 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:#424242; 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:2px solid #555}
.tstyle caption{height:0; text-indent:-9999px; overflow:hidden}
.tstyle th{padding:16px 10px; border-top:1px solid #ddd; border-left:1px solid #ddd; background:#eee; color:#222; vertical-align:middle}
.tstyle th:first-child{border-left:0}
.tstyle td{padding:9px 10px; border-top:1px solid #ededed; border-left:1px solid #ededed; background:#fff; color: #222; }
.tstyle td:first-child{border-left:0}
.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}

.tbs{width:100%; margin:5px 0; border-spacing:5px 20px; border-bottom:2px solid #555}
.tbs caption{height:0; text-indent:-9999px; overflow:hidden}
.tbs th{padding:16px 10px; border-top:1px solid #ddd; border-left:1px solid #eee; background:#eee; color:#222; vertical-align:middle}
.tbs th:first-child{border-left:0}
.tbs td{padding:9px 10px; border-top:1px solid #ededed; border-left:1px solid #ededed; background:#fff; color: #222; }
.tbs td:first-child{border-left:0}
.tbs tfoot th{background:#f7f7f7; color:#013e79}
.tbs tfoot td{background:#f7f7f7; font-weight:600; text-align:center; vertical-align:middle}
.tbs td.item{font-weight:bold}
.tbs th.item{font-weight:bold}
.tbs td.bg{background:#f4f4f4}

.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; word-break:break-all;}
.link:hover{}
.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::after{display:none;}
.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(https://ac347a.claudeassets.com/20240326002238im_/https://issw34.org/img/common/icon_login_input.png) no-repeat 95% 0}
.member_box .input_pw{background:url(https://ac347a.claudeassets.com/20240326002238im_/https://issw34.org/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; 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:24%; padding:10px 5px; border-top:1px solid #333; line-height:35px}
.join_form li .form_info{display:block; float:right; width:75%; padding:10px; border-top:1px solid #eee; line-height:35px}
.join_form li{}
.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}

@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; }
	}

/* ul, li를 이용한 반응형 폼 구성 */
.ul_form {width:100%; margin:10px 0; }
.ul_form li {display:flex; flex-wrap:wrap; gap:2%; line-height:30px;} /* padding:10px; */
.ul_form li select { height:30px;}
.ul_form li input[type=text] { height:30px; width:100%; max-width:400px;}
.ul_form li input[type=password] { height:30px; width:100%; max-width:400px;}
.ul_form li textarea{ width:100%; padding:5px; font-size:0.95em;}
.ul_form li span {padding:5px 10px;}
.ul_form li span.ul_title {border-top:1px solid #333; font-weight:bold; width:25%;}
.ul_form li span.ul_info {border-top:1px solid #eee; width:73%;}
.ul_form li span.ul_title_sub {border-top:1px solid #aaa; font-weight:500; width:20%;}
.ul_form li span.ul_info_sub {border-top:1px solid #eee; width:51%;}
@media only screen and (max-width : 720px)  {
	.ul_form li span.ul_title {width:100%;}
	.ul_form li span.ul_info {width:100%; padding-left:15px;}
	.ul_form li span.ul_title_sub {width:25%; padding-left:15;}
	.ul_form li span.ul_info_sub {width:73%; }
}
@media only screen and (max-width : 480px)  {
	.ul_form li span.ul_title_sub {width:100%; padding-left:15px;}
	.ul_form li span.ul_info_sub {width:100%; padding-left:30px; }
}

/* Privacy policy*/
.users, .privacy{font-size:0.85em; }
.member .pri_tit{margin:20px 0 5px; padding:0; font-size:1.05em; font-weight:700}
.member .pri_con{padding-left:3px; text-align:justify}
.member .bullet_dot_gray{margin:5px 0}

.frame_wrap{position:relative; height: 0;}
.frame_wrap iframe{position:absolute; width: 100%; height: 100%; top:0; left: 0;}

/* 반응형 폼 구성 */
.form_area {width:100%; margin:10px 0; }
.form_area select { height:30px;}
.form_area input[type=text] { height:30px;}
.form_area input[type=password] { height:30px;}
.form_area textarea{ width:100%; padding:5px; font-size:0.95em;}
.form_area > .row {display:flex; flex-wrap: wrap; gap: 2%; line-height: 35px; flex-direction: row; align-items: flex-start; align-content: flex-start; justify-content: flex-start; line-height:35px;} 
.form_area > .row > span.title {flex:1; border-top:1px solid #333; font-weight:bold; min-width:180px; padding:5px 10px;}
.form_area > .row > span.info {flex:3; border-top:1px solid #eee; min-width:400px; padding:5px 10px;}
.form_area > .row > span.info_sub {flex:3; border-top:none; min-width:400px;}
.form_area > .row > span.info_sub > span.sub {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; align-content: flex-start; gap: 1%; padding:0px; }
.form_area > .row > span.info_sub > span.sub > span.title {flex:1; border-top:1px solid #777; color:#555; font-weight:bold; min-width:160px; padding:5px 10px;}
.form_area > .row > span.info_sub > span.sub > span.info {flex:3; border-top:1px solid #eee; min-width:300px; padding:5px 10px;}
/* .form_area sample
<ul class="form_area">	<li class="row">		<span class="title">Title</span>		<span class="info">Info</span>	</li>	<li class="row">		<span class="title">Title2</span>		<span class="info_sub">			<span class="sub">				<span class="title">Sub Title1</span>				<span class="info">Sub Info1</span>			</span>			<span class="sub">				<span class="title">Sub Title2</span>				<span class="info">Sub Info2</span>			</span>		</span>	</li></ul>*/

/* Form - 4column */
.form_col4{border-top: 2px solid #222;}
.form_col4 .row{display: flex; justify-content: space-between; border-bottom: 1px solid #eee;}
.form_col4 .row .col{width: 48%; display: flex;}
.form_col4 .row span{padding: 10px;}
.form_col4 .row .title{width: 20%; font-weight: bold; background: #f9f9f9; word-break: keep-all;}
.form_col4 .row .info{width: 80%;}


/* ----------------------------------------- Media Query ----------------------------------------- */

@media only screen and (max-width: 900px){
    /* Form 4column */
	.form_col4 .row{flex-wrap: wrap; border-bottom: none;}
	.form_col4 .row .col{width: 100%; border-bottom: 1px solid #eee;}
}
@media only screen and (max-width: 500px){
    /* Form 4column */
	.form_col4 .row .col{flex-wrap: wrap;}
	.form_col4 .row .title, .form_col4 .row .info{width: 100%;}
}
/*
     FILE ARCHIVED ON 19:00:52 May 07, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:50:35 Jun 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.437
  exclusion.robots: 0.035
  exclusion.robots.policy: 0.026
  esindex: 0.007
  cdx.remote: 8.046
  LoadShardBlock: 346.892 (3)
  PetaboxLoader3.datanode: 362.424 (5)
  PetaboxLoader3.resolve: 618.698 (2)
  load_resource: 647.261
  loaddict: 299.638
*/