@import url(/css/std/basic.css);
@import url(/css/std/board_table.css?ver=202311);

/* 
@font-face{font-family:"NanumGothic"; src:url("/css/std/font/NanumGothic.woff")}
@font-face{font-family:"NanumGothic"; src:url("/css/std/font/NanumGothic.eot")}
@font-face{font-family:"malgun"; src:url("/css/std/font/malgun.ttf")}
@font-face{font-family:"malgun"; src:url("/css/std/font/malgun.eot")} 
*/

@font-face{font-family:"NanumGothic"; src:url("/css/std/font/NanumGothic.ttf")}
@font-face{font-family:"malgun"; src:url("/css/std/font/malgun.ttf")}
body{background-color:#fff; font-family: 'Noto Sans KR', Sans-serif; font-size:12px; color:#666; font-style:normal; letter-spacing: -0.5px;}
h1 {height:27px; padding:10px 0 14px 45px; font-weight:600; font-size:22px; color:#fff; background:linear-gradient(to right, #89b64c 0%, #0f94c0 100%);}
h2 { color:#354e6a; font-weight:bold; font-size:14px; padding:0 0 18px 16px; background:url("/images/std/popup/h2_bg.gif") no-repeat; font-family:'Noto Sans KR', Sans-serif;}
h1 > span{width:45px; height:51px;position:absolute;top:0px; left:0; background:url("/images/std/popup/h1_bg.png") no-repeat;}
h3 {border-bottom:solid 2px #e0e0e0; color:#424141; font-size:24px; font-weight:normal; margin:0 0 29px 0; padding:40px 0 13px 0px; letter-spacing: -2px;  font-family: 'Noto Sans KR', Sans-serif;}
/*h4 {margin-bottom:12px; padding-left:20px;  font-size:20px; color:#4e4e4e; font-weight:bold; background:url("/open/images/sub/h4_bg.gif") 0 7px no-repeat; font-family: 'Noto Sans KR', Sans-serif;}*/
h4 {display: inline-block; margin-bottom:12px !important; padding-left:20px !important; font-size:20px; color:#4e4e4e; font-weight:bold; background:url("/images/std/sub1/h4_bg3.gif") 0 7px no-repeat; font-family: 'Noto Sans KR', Sans-serif;}/* 타이틀 앞 아이콘 둥근형태 h3_bg.gif */

#p_all_wrap {position:relative; width:100%; height:100%; margin:auto;}
#p_wrap {width:880px; height:100%; margin:auto;}

#p_all_wrap2 {width:534px; height:100%; margin:auto;}
#p_wrap2 {width:502px; height:100%; margin:auto;}

#p_all_wrap3 {position:relative; width:100%; height:100%; margin:auto; padding:20px; }

#p_all_wrap4 {width:100%; height:100%;}
#p_wrap4 {width:500px; height:100%; padding-left:40px;}

p.add_check {margin-top:24px; font-size:14px; font-weight:bold; display:inline-block;}
p.add_check .radio{border:none; vertical-align:middle;}
p.add_check label {color:#354e6a;}

/* 셀렉트 가변형 */
div.p_search {width:100%; margin:24px 0 24px 0; padding:16px 0; border-top:solid 2px #1c6cb9; border-bottom:solid 1px #c5c5c5; background:#f3f3f3;text-align:center; line-height:22px;}
div.p_search  .p_search_left{text-align:left; padding-left:100px;}
div.p_search select {  border:solid 1px #c5c5c5; height:23px; font-size:14px; vertical-align:middle; line-height:17px;}
div.p_search input { color:#606060; font-size:14px; padding:3px; vertical-align:middle; width:141px;}
div.p_search input.btn_img {border:none; margin:0; padding:0; vertical-align:bottom;}
div.p_search label {color:#354e6a; font-weight:bold; }
div.p_search label span {background:url("/images/std/popup/blit_bg1.gif") 0px 5px no-repeat; padding-left:5px; }
div.p_search p{ text-align:left; color:#606060; margin-top:16px; padding-left:109px; line-height:17px;}
div.p_search .inp49 {width:43px;}


/* 셀렉트 고정형 */
div.p_search_let { width:100%; margin:24px 0 24px 0; padding:16px 0; border-top:solid 2px #1c6cb9; border-bottom:solid 1px #c5c5c5; background:#f3f3f3;text-align:left; line-height:22px;}
div.p_search_let table {border-collapse:collapse;border-spacing:0; width:780px; }
div.p_search_let table th {font-weight:bold;padding:0 0 0 20px; }
div.p_search_let table td{padding:2px 0;}
div.p_search_let table td input{border:solid 1px #c5c5c5; padding:3px; vertical-align:bottom; width:141px;}
div.p_search_let table td select{border:solid 1px #c5c5c5; height:23px; font-size:12px; vertical-align:bottom; line-height:17px; width:150px;}


div.p_addr table {width:100%; margin-bottom:26px; border-collapse:collapse;border-spacing:0;}
div.p_addr table th, div.p_addr table td {border:solid 1px #c5c5c5; padding:12px 0; text-align:center; color:#606060;}
div.p_addr table th {background:#f3f3f3; font-weight:bold; color:#354e6a; }
div.p_addr table td.addr {text-align:left; padding-left:3px;}
div.p_addr table td p {color:#f70707; font-weight:bold;}
div.p_addr table td em {color:#606060; font-weight:bold;}
div.p_addr table td .radio {border:none; vertical-align:top; }
div.p_addr table td.left_txt {text-align:left; padding-left:5px;}
div.p_addr table .checkbox {border:none; vertical-align:middle;}

p.tx_con1 {position:relative; line-height:17px; padding-left:4px;}
p.tx_con1 span {color:#f2680c;}
p.tx_con1 a.new_ok {position:absolute; top:0px; left:478px; }
p.close {width:100%; padding:5px 0 5px 0;text-align:right; background:#f3f3f3;}
p.close a{margin-right:20px;}

p.today_close {width:100%; padding:5px 0 5px 0px;text-align:left; background:#e4e4e4; color:#555555;display:block;}
p.today_close input {vertical-align:bottom;}

/* 인증번호 확인 */
.certi {margin:25px 0 19px 0; line-height:17px; color:#354e6a; font-weight:bold; font-size:14px;}

/* 회원가입 - 정보입력 */
div.p_join{ width:692px; border-top:solid 2px #4782ad; }
div.p_join table { width:100%; border-collapse:collapse;border-spacing:0;}
div.p_join table th { padding-left:12px; background:#f3f3f3; text-align:left; color:#4f6576; line-height:17px; vertical-align:middle;}
div.p_join table th img{vertical-align:top; margin-top:7px;}
div.p_join table th, div.p_join table td {padding:7px 9px;  border:solid 1px #d6d6d6; font-size:14px;}
div.p_join table td p {font-size:12px; color:#606060; padding:7px 0;}
div.p_join table td input{border:solid 1px #c5c5c5; padding:3px; vertical-align:middle;}
div.p_join table td {vertical-align:middle;}
div.p_join table td select {padding:3px; font-size:14px; vertical-align:middle; overflow:hidden;}
div.p_join input.radio{border:none;background:none;padding:0;vertical-align:middle;width:13px;height:13px;}
div.p_join table span {font-size:12px; color:#606060; padding:7px 0;}
div.p_join table td img {vertical-align:middle;}
div.p_join .border_b {border-bottom:solid 2px #4782ad;}
div.p_join .bordertop{border-top:none;}
div.p_join #cmpnySeCodeRow1 th, div.p_join #cmpnySeCodeRow1 td{border-top:none; border-bottom:none;}
div.p_join #cmpnySeCodeRow2 th, div.p_join #cmpnySeCodeRow2 td{border-top:none; border-bottom:none;}

/* 자주쓰는 메뉴 설정 */
div.p_option {width:350px; height:100%; padding:20px 16px;}
div.p_option p.title {margin-bottom:16px;padding-left:33px; font-size:22px; font-weight:bold; color:#539e08; background:url("/images/std/popup/op_bg.gif") 0 3px no-repeat;}
div.p_option p.con {margin-bottom:19px; color:#606060; font-size:14px; letter-spacing: -1px; }
div.p_option div.use_menu{width:330px; height:100%; margin-left:7px;}
div.p_option div.use_menu ul li {position:relative; width:100px; height:76px; float:left; margin:0 0 15px 15px; padding:12px 0 0 0; text-align:center; }
div.p_option div.use_menu ul li span{position:absolute; top:53px; left:28px; color:#555555; display:inline-block;}
div.p_option div.use_menu ul li span.pa1{position:absolute; left:13px; }
div.p_option div.use_menu ul li span.pa2{position:absolute; top:57px;}
div.p_option div.use_menu ul li span.pa32{position:absolute; left:32px; }
div.p_option div.use_menu ul li span.pa4 {position:absolute; left:20px; }
div.p_option div.use_menu ul li.m_l{margin-left:0px;}

/* 시스템 소개 */
div.system {width:701px; margin-left:49px;}
div.sys {margin-bottom:27px; padding:0px 0 8px 0px; line-height:18px; color:#666666;}
div.sys p {font-weight:bold; color:#d86f3c; font-size:20px; padding-bottom:10px; line-height:25px;}
div.sys span {color:#f2680c; padding-left:10px;}
div.system div.intro { position:relative; color:#333333; line-height:19px; font-size:14px;}
div.system div.txt1 {width:481px; }
div.system div.intro_bg{position:absolute;top:0px; left:490px; width:210px; height:314px; background:url("/open/images/sub/intro_bg.gif") no-repeat;}
ul.propel {border-top:solid 2px #78787d; padding:7px 0 30px 0;}
ul.propel li {padding:10px 0 10px 21px; font-size:16px; color:#555555; background:url("/open/images/sub/dt_bg.gif") 0 15px no-repeat;}
ul.propel li.bnone{background:#f5f5f5; margin:8px 0; padding-right:30px; font-size:14px; border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; }
ul.propel li span {color:#f2680c; padding-left:10px;}
ul.propel>li>em{font-weight:bold;}
ul.propel>li>ul>li {padding:10px 0 14px 0px; font-size:14px; background:none; color:#555555;}
ul.propel>li>ul>li>p{ margin:5px 0 5px 20px;   color:#555555;}
ul.propel>li>ul>li>span{color:#d86f3c;}
ul.propel>li>ul>li.cen{text-align:center;}
ul.propel>li>ul>li>dl {background:#f5f5f5; border:solid 1px #e3e3e3; padding:22px 20px;}
ul.propel>li>ul>li>dl>dd{padding-bottom:20px;}
.txt3 {font-size:14px;}
.oran{color:#d86f3c; padding:0;}

div.tel_bg{position:relative; width:660px; height:137px; background:url("/open/images/sub/tel_bg.gif") no-repeat;}
div.tel_bg dl dt { position:absolute;top:59px; left:45px; font-size:20px;  font-weight:bold; color:#555555; float:left;}
div.tel_bg dl dd {position:absolute;top:28px; left:183px; float:left; font-size:20px; color:#d86f3c; }
div.tel_bg dl dd p {font-size:14px; color:#555555; margin-bottom:12px;}
div.tel_bg img{  vertical-align:top;}