@charset "utf-8";
@import url(reset.css);

#wrap #content .container{width:96%; max-width:960px; margin: 0 auto;padding:60px 0;}

.sub3 .container{width:96%; max-width:960px; min-height:660px; margin: 0 auto;padding:60px 0;}




/* 전체프로그램 */
h3.h3{position:relative;padding-left:24px;font-size:20px;font-weight:600;margin-bottom:2%; }
h3.h3::before{content:'';position:absolute;background:url(../img/t_bullet.png) no-repeat left 2px;width:16px;height:18px;left:0;top:4.5px;}



/* box 이용동의 */
.boxInfo1{overflow:hidden; margin:20px 0 40px 0;text-align:left;}

.boxInfo2{overflow:hidden;margin:20px 0 50px;padding:30px;border:1px solid #ccc;background:#f5f6f8;font-weight:400;color:#333;text-align:left;line-height:1.6;}


.agreeArea{overflow:auto;height:300px;padding:3%;border:1px solid #ccc;border-top:1px solid #333;background:#fafafb;color:#777;font-size:14px;font-weight:400;}

.h_auto{height:auto !important; padding-bottom:40px;}

.agreeArea h5{font-weight:400; font-size:15px;color:#333;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px;}

.agreeArea table{width:100%;background:#fff;margin-top:20px;}
.agreeArea table thead{border:solid #999;border-width:1px 0;}
.agreeArea table th{padding:1%;border-right:1px solid #ddd; color:#777; font-weight:400;}
.agreeArea table td{width:33.33%;padding:2% 3%;font-size:13px;text-align:left;border-right:1px solid #ddd; color:#777;}
.agreeArea table th:last-child,
.agreeArea table td:last-child{border-right:0;}

/* 220118 추가*/
.row-h-3{display:inline-block; height:100px;}


.layout{position:relative;width:100%;max-width:960px;margin:0 auto;}

.layout_board{position:relative;width:100%;max-width:960px;margin:0 auto 0px auto; padding-bottom:0px;}
.nextBr{display:block;}
.number, .number > *{font-family:'Play', sans-serif;}



.rounded-pill{}

.box-lg{max-height:950px;min-height:950px;}
.box-md{max-height:550px;min-height:550px;}
.box-sm{max-height:350px;min-height:350px;}
.box-xs{max-height:150px;min-height:150px;}

.bord-no{border:0 !important}
.bord-all{border:1px solid #e9e9e9}
.bord-top{border-top:1px solid #e9e9e9}
.bord-btm{border-bottom:1px solid #e9e9e9}
.bord-lft{border-left:1px solid #e9e9e9}
.bord-rgt{border-right:1px solid #e9e9e9}
.bord-ver{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.bord-hor{border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9}

.input-sm{padding:4px 10px;}
.input-lg{padding:15px 16px;font-size:18px;}

.panel-expand .vertical-box .vertical-box-column{display:table-cell}
.no-rounded-corner{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important}
.rounded-corner{-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important}


.circle{border-radius:50%;}


/* color */
.text-light, a.text-light:hover, a.text-light:focus, a.text-light:focus{color:#ccc}
.text-muted, a.text-muted:hover, a.text-muted:focus, a.text-muted:focus{color:#606060}

.text-default, a.text-default:hover, a.text-default:focus, a.text-default:focus{color:#2a5fc5 !important;}
.text-white, a.text-white:hover, a.text-white:focus, a.text-white:focus{color:#fff !important;}
.text-black, a.text-black:hover, a.text-black:focus, a.text-black:focus{color:#2d353c !important;}
.text-silver, a.text-silver:hover, a.text-silver:focus, a.text-silver:focus{color:#f0f3f4 !important;}
.text-grey, a.text-grey:hover, a.text-grey:focus, a.text-grey:focus{color:#b6c2c9 !important;}
.text-indigo, a.text-indigo:hover, a.text-indigo:focus, a.text-indigo:focus{color:#f67630 !important;}
.text-purple, a.text-purple:hover, a.text-purple:focus, a.text-purple:focus{color:#727cb6 !important;}
.text-pink, a.text-pink:hover, a.text-pink:focus, a.text-pink:focus{color:#fb5597 !important;}
.text-blue, a.text-blue:hover, a.text-blue:focus, a.text-blue:focus{color:#348fe2 !important;}
.text-aqua, a.text-aqua:hover, a.text-aqua:focus, a.text-aqua:focus{color:#49b6d6 !important;}
.text-green, a.text-green:hover, a.text-green:focus, a.text-green:focus{color:#32a932 !important;}
.text-lime, a.text-lime:hover, a.text-lime:focus, a.text-lime:focus{color:#90ca4b !important;}
.text-yellow, a.text-yellow:hover, a.text-yellow:focus, a.text-yellow:focus{color:#ffd900 !important;}
.text-orange, a.text-orange:hover, a.text-orange:focus, a.text-orange:focus{color:#f59c1a !important;}
.text-red, a.text-red:hover, a.text-red:focus, a.text-red:focus{color:#ff5b57 !important;}



/* background */
.bg-white{background-color:#fff !important}
.bg-black{background-color:#2d353c !important}
.bg-black-darker{background-color:#242a30 !important}
.bg-black-lighter{background-color:#575d63 !important}
.bg-silver{background-color:#f0f3f4 !important}
.bg-silver-lighter{background-color:#f4f6f7 !important}
.bg-silver-darker{background-color:#b4b6b7 !important}
.bg-grey{background-color:#b6c2c9 !important}
.bg-grey-darker{background-color:#929ba1 !important}
.bg-grey-lighter{background-color:#c5ced4!important}
.bg-indigo{background-color:#f67630 !important}
.bg-indigo-darker{background-color:#6c42b2 !important}
.bg-indigo-lighter{background-color:#9f75e5 !important}
.bg-purple{background-color:#727cb6 !important}
.bg-purple-darker{background-color:#5b6392 !important}
.bg-purple-lighter{background-color:#8e96c5 !important}
.bg-pink{background-color:#fb5597 !important}
.bg-pink-darker{background-color:#c94479 !important}
.bg-pink-lighter{background-color:#fc77ac !important}
.bg-blue{background-color:#348fe2 !important}
.bg-blue-darker{background-color:#2a72b5 !important}
.bg-blue-lighter{background-color:#5da5e8 !important}
.bg-aqua{background-color:#49b6d6 !important}
.bg-aqua-darker{background-color:#3a92ab !important}
.bg-aqua-lighter{background-color:#6dc5de !important}
.bg-green{background-color:#32a932 !important}
.bg-green-darker{background-color:#288728 !important}
.bg-green-lighter{background-color:#5bba5b !important}
.bg-lime{background-color:#90ca4b !important}
.bg-lime-darker{background-color:#6c9738 !important}
.bg-lime-lighter{background-color:#acd778!important}
.bg-yellow{background-color:#ffd900 !important}
.bg-yellow-darker{background-color:#bfa300 !important}
.bg-yellow-lighter{background-color:#fde248 !important}
.bg-orange{background-color:#f59c1a !important}
.bg-orange-darker{background-color:#c47d15 !important}
.bg-orange-lighter{background-color:#f7b048 !important}
.bg-red{background-color:#ff5b57 !important}
.bg-red-darker{background-color:#cc4946 !important}
.bg-red-lighter{background-color:#ff7c79 !important}
.bg-ygrey{background-color:#f6f6f6!important;}
.bg-no{background:0 0 !important}

.form-check{position:relative;display:block;margin-bottom:3px;padding:3px 0;}
.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem;}
.form-check-inline{display:inline-block;align-items:center;margin-right:.75rem;}
.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0;}
.form-check-inline label{font-size:14px; color:#111; }

/* 220118*/
.form-check-inline2{display:inline-block;align-items:center;margin-right:.75rem; height:32px; line-height:32px;}
.form-check-inline2 .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0;height:32px; line-height:32px;}
.form-check-inline2 .form-check-input + label{color:#111;display:inline-block;position:relative;margin-bottom:0;padding-left:25px;line-height:32px;vertical-align:top;cursor:pointer;}
.form-check-inline2 .input[type="checkbox"]{display:inline-block;position:relative;margin-bottom:0; margin-top:10px;padding-left:25px;line-height:32px;vertical-align:middle;cursor:pointer; }
.form-check-inline2 label{font-size:14px; color:#111;}

.form-check-inline2 input[type="checkbox"] + label:before{content:"";display:inline-block;position:absolute;left:0;top:7px !important;width:18px;height:18px !important; vertical-align:middle; line-height:32px !important;border:1px solid #ddd;}



.form-check-input + label{display:inline-block;position:relative;margin-bottom:0;padding-left:25px;line-height:18px;vertical-align:top;cursor:pointer;}
.form-check input[type="checkbox"], .form-check input[type="radio"]{display:none;}
.form-check input[type="checkbox"] + label:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #c1c1c1;}
.form-check input[type="radio"] + label:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #c1c1c1;border-radius:10px;background-color:#f4f4f4;}
.form-check input[type="checkbox"]:checked + label:before,
.form-check input[type="radio"]:checked + label:before{border:solid 5px #666;}
.form-check-input:disabled~label{color:#6c757d;}
.form-check-input:disabled~label:before{background-color:#6c757d;}

.form-check.check-default input[type="checkbox"]:checked + label:before, .form-check.check-default input[type="radio"]:checked + label:before{border-color:#2a5fc5;}
.form-check.check-black input[type="checkbox"]:checked + label:before, .form-check.check-black input[type="radio"]:checked + label:before{border-color:#2d353c;}
.form-check.check-silver input[type="checkbox"]:checked + label:before, .form-check.check-silver input[type="radio"]:checked + label:before{border-color:#f0f3f4;}
.form-check.check-grey input[type="checkbox"]:checked + label:before, .form-check.check-grey input[type="radio"]:checked + label:before{border-color:#b6c2c9;}
.form-check.check-indigo input[type="checkbox"]:checked + label:before, .form-check.check-indigo input[type="radio"]:checked + label:before{border-color:#f67630;}
.form-check.check-purple input[type="checkbox"]:checked + label:before, .form-check.check-purple input[type="radio"]:checked + label:before{border-color:#727cb6;}
.form-check.check-pink input[type="checkbox"]:checked + label:before, .form-check.check-pink input[type="radio"]:checked + label:before{border-color:#fb5597;}
.form-check.check-blue input[type="checkbox"]:checked + label:before, .form-check.check-blue input[type="radio"]:checked + label:before{border-color:#348fe2;}
.form-check.check-aqua input[type="checkbox"]:checked + label:before, .form-check.check-aqua input[type="radio"]:checked + label:before{border-color:#49b6d6;}
.form-check.check-green input[type="checkbox"]:checked + label:before, .form-check.check-green input[type="radio"]:checked + label:before{border-color:#32a932;}
.form-check.check-lime input[type="checkbox"]:checked + label:before, .form-check.check-lime input[type="radio"]:checked + label:before{border-color:#90ca4b;}
.form-check.check-yellow input[type="checkbox"]:checked + label:before, .form-check.check-yellow input[type="radio"]:checked + label:before{border-color:#ffd900;}
.form-check.check-orange input[type="checkbox"]:checked + label:before, .form-check.check-orange input[type="radio"]:checked + label:before{border-color:#f59c1a;}
.form-check.check-red input[type="checkbox"]:checked + label:before, .form-check.check-red input[type="radio"]:checked + label:before{border-color:#ff5b57;}



/* button */
.btn {display:inline-block;padding:8px 18px;margin-bottom:0;font-size:15px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;background-image:none;border:1px solid #e5e5e5;background:#fff;color:#333;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn:hover,
.btn:focus,
.btn.focus {color:#333;text-decoration:none;}
.btn:active,
.btn.active {background-image:none;outline:0;}

.btn-round{border-radius:60rem !important;}
.btn-xl{padding:.875rem 2.125rem;font-size:1.25rem;line-height:1.5;}
.btn-lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5;}
.btn-sm{padding:.188rem .6875rem;font-size:.75rem;line-height:1.5;}
.btn-xs{padding:.025em .3rem;font-size:.75rem;line-height:1.5;}
.btn-block {display:block;width:100%;}
.btn-block + .btn-block {margin-top:5px;}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {width:100%;}

.btn-default{border-color:#555 !important;background-color:#555;color:#fff !important;}
.btn-black{border-color:#555 !important;background-color:#555;color:#fff !important;}
.btn-silver{border-color:#f0f3f4 !important;background-color:#f0f3f4;color:#333 !important;}
.btn-grey{border-color:#b6c2c9 !important;background-color:#b6c2c9;color:#fff !important;}
.btn-indigo{border-color:#f67630 !important;background-color:#f67630;color:#fff !important;}
.btn-purple{border-color:#727cb6 !important;background-color:#727cb6;color:#fff !important;}
.btn-pink{border-color:#fb5597 !important;background-color:#fb5597;color:#fff !important;}
.btn-blue{border-color:#348fe2 !important;background-color:#348fe2;color:#fff !important;}
.btn-aqua{border-color:#49b6d6 !important;background-color:#49b6d6;color:#fff !important;}
.btn-green{border-color:#32a932 !important;background-color:#32a932;color:#fff !important;}
.btn-lime{border-color:#90ca4b !important;background-color:#90ca4b;color:#fff !important;}
.btn-yellow{border-color:#ffd900 !important;background-color:#ffd900;color:#fff !important;}
.btn-orange{border-color:#f59c1a !important;background-color:#f59c1a;color:#fff !important;}
.btn-red{border-color:#ff5b57 !important;background-color:#ff5b57;color:#fff !important;}
.btn-666{border-color:#666 !important;background-color:#666;color:#fff !important;}
.btn-555{border-color:#555 !important;background-color:#555;color:#fff !important;}
.btn-e40482{border-color:#e40482 !important;background-color:#e40482;color:#fff !important;}



/* input */
.help-block{display:inline-block;margin-left:7px;font-size:13px;color:#999;}
.form-control{display:block;width:100%;height:33px;padding:5px 10px;border:solid #000;border-width:0 0 1px 0;color:#787878;vertical-align:middle;}
.inputIblock{display:inline-block;width:auto;}
.form-alt{height:100px !important;}
.form-control-file{display:block; width:100%;overflow:visible;}
.form-auto{display:inline-block; width:auto; width:200px;}
.form-textarea{height:200px !important;}
.inputBase{display:inline-block;width:200px;}
.inputDT{display:inline-block;width:110px;}
.inputDT + img{margin-left:5px;vertical-align:middle;}
.inputTM{display:inline-block;width:70px;}
.inputEmail{display:inline-block;width:200px;}
.inputZip{display:inline-block;width:95px;}
.inputNumber{display:inline-block;width:40px;}
.inputHomepage{display:inline-block;width:80%;}
.selectEmail{display:inline-block;width:auto;}
textarea.form-control{height:auto;}


.in_right input[type=file] {border:1px solid #c1c1c1;height:34px;line-height:34px;padding:0px 0px;/*border-radius:3px;*/font-size:90%;text-align: right;color: #999;color: #ebebeb;}


.div-hr{margin:35px 0;border-color:rgba(0,0,0,0.1);border:0;border-top:solid 1px #ccc;}

/* table */
.tableWrap{position:relative;}
.table{display:table;width:100%;border-top:solid 1px #333;table-layout:fixed;border-collapse:collapse;}
.tableWrap .no-data{padding:11px 10px;border-bottom:solid 1px #cac8c7;font-size:16px;color:#737373;text-align:center;}
.tableWrap .no_srhList{position:relative;padding:20px 0;border:solid #cac8c7;border-width:1px 0;min-height:60px;}
.table.type1{border-top:solid 1px #434343;border-bottom:solid 1px #a0a0a0}
.table.step{min-width:1098px;}
.table.step1{min-width:1083px;}
.table.step2{min-width:1065px;}
.table.step3{min-width:1047px;}
.table caption{line-height:0;z-index:-1}
.table tr:hover{background:#f4f4f4;}
.table th, .table td{border-bottom:solid 1px #ddd;font-size:16px;text-align:center;word-wrap:break-word;word-break:break-all;}
.table thead th{padding:11px 8px;border-bottom:solid 1px #333;font-weight:600;color:#333;}
.table tbody td{padding:11px 12px;color:#333}
.table tbody td.line1{border-bottom:solid 1px #333;}

.table.type1 ul{display:table-row;}
.table.type1 ul li{overflow:hidden;display:table-cell;border-bottom:solid 1px #ddd;vertical-align:middle;font-size:16px;text-align:center;}
.table.type1 .thead li{padding:11px 10px;background:#f7f7f7;color:#121212;}
.table.type1 .tbody li{padding:11px 10px;color:#737373;}
.table.type1 .tbody li .label{display:none;}
.table.type1 .tbody:hover{background-color:#fafafa;}
.table.type1 th,
.table.type1 td{border-bottom:0;line-height:1.8;}
.table.type1 thead th {padding:10px 8px;background:#f7f7f7;font-size:14px;font-weight:400;color:#434343;}
.table.type1 tbody th,
.table.type1 tfoot th {background:#f8f8f8;color:#222;}
.table.type1 tbody th,
.table.type1 tbody td,
.table.type1 tfoot th,
.table.type1 tfoot td{padding:8px 12px}
.table.type1 tbody th{color:#222}
.table.type1 tbody td{border-top:1px solid #dcdcdc}
.table.type1 tbody tr:first-child td{border-top:0;}

.table-bordered th, .table-bordered td{border:solid 1px #ccc;}
.table-bordered thead th{border-top:0;}
.table-borderlr th, .table-borderlr td{border:solid 1px #ccc;}
.table-borderlr thead th{border-top:0;}
.table-borderlr th:first-child, .table-borderlr td:first-child{border-left:0;}
.table-borderlr th:last-child, .table-borderlr td:last-child{border-right:0;}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(24,28,33,0.025);}
.table-hover tbody tr:hover{background-color:rgba(24,28,33,0.025);}

/* top box */
.example-box, .txt-box, .ui, .ui-tooltip{position:relative;}
.inner, .inner .txtwrap{position:relative;}


.inner{padding:35px;}
.inner .txtwrap p,
.txtwrap p{margin-top:10px;margin-bottom:0;color:#555;font-size:15px;line-height:1.6}
.inner .txtwrap .h-box{display:block;margin-bottom:5px;color:#121212;font-weight:600;font-size:20px;}

/* box */
.boxInfo1{overflow:hidden;margin-top:30px;text-align:left;}
.boxInfo2{overflow:hidden;margin:20px 0 50px;padding:30px;border:1px solid #ccc;background:#f5f6f8;font-weight:400;color:#333;text-align:left;line-height:1.6;}


/* search */
.search_header{overflow:hidden;position:relative;margin:0 0 15px;}
.search_header .search_count{float:left;min-height:50px;margin-bottom:0;padding-top:15px;}
.search_count > span{position:relative;float:left;font-weight:300;line-height:1.5em;font-size:14px;color:#1d1614;letter-spacing:-0.05em;}
.search_count > span > em{font-style:normal;color:#445cec;}
.search_count > span > em ~ em{color:#1d1614;}
.search_count > span + span{margin-left:15px;padding-left:15px;}
.search_count > span + span:before{content:'';position:absolute;top:6px;left:0;width:1px;height:14px;background:#e0e0e0;}
.search_header .search_wrap{position:relative;float:right}
.search_wrap .select_box{position:relative;float:left;width:150px;height:40px;margin-right:10px;padding:0;border-bottom:solid 1px #000;background:#fff;}
.search_wrap .select_box label{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:39px;margin:0;padding:5px 15px;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.search_wrap .select_box select{position:relative;background:url('../images/common/border_down.gif') #fff 95% center no-repeat;width:100%;height:100%;padding:0 0 0 5px;border:0 none;font-size:14px;vertical-align:top;cursor:pointer;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.search_wrap .select_box select::-ms-expand{display:none;}
.search_wrap .select_box select > option{display:block;height:40px !important;font-weight:normal;line-height:40px !important;white-space:pre;box-sizing:content-box;}
.search_wrap .select_box:hover label{color:#030101}
.search_wrap .form-control{float:left;width:100%;height:40px;padding:12px 15px;font-size:14px;color:#030101;}
.search_wrap .select_box + label + .form-control{width:calc(100% - 160px);}
.search_wrap .input-group-btn{position:absolute;top:1px;right:1px;width:38px;height:38px;font-size:1.2em;line-height:1.5em;}
.search_wrap .input-group-btn > .btn.btn-search{display:block;width:100%;height:100%;padding:8px;border:0;text-indent:-9999px;}
.search_wrap .input-group-btn > .btn.btn-search:before{content:'';position:absolute;top:50%;left:50%;width:17px;height:17px;margin:-9px 0 0 -9px;background:url('../images/common/border_search.png') no-repeat;background-size:cover;}

/* bullet */
.h3, .h4, .h5{position:relative;font-weight:bold;color:#333;}
.h3{margin:15px 0 10px;}
.h4{margin:10px 0 10px;}
.h5{margin:8px 0 5px;}
.h3 + p,
.h4 + p,
.h5 + p{margin-bottom:.5rem;line-height:1.6}

.h3 span{position:relative;display:inline-block;margin-left:50px;font-weight:500;font-size:14px;color:#999;}
.h3 span.required:before{content:'';position:absolute;top:5px;left:-18px;width:8px;height:8px;border-radius:50%;background:#fe2323;}

/* 1 ~ 4 기본 */
ul.list-st1,
ul.list-st2,
ul.list-st3,
ul.list-st4,
ul.list-st5{list-style:none;}
ul.list-st1{margin-top:10px;padding-left:15px;}
ul.list-st1 > li{position:relative;padding:0 0 5px 0;}
ul.list-st1 li p{margin:.2rem 0 .5rem;line-height:1.6;}
ul.list-st1 li strong{font-weight:bold;}
ul.list-st1 li .tableWrap{margin:8px 0;}
ul.list-st1 > li .wauto-wrap .tableWrap{margin-top:0;}
ul.list-st1 > li > ul.list-st2{margin-top:5px;padding-left:0px;}
ul.list-st1 > li > ul.list-st2 > li{padding:0 0 2px 0;line-height:1.6;}
ul.list-st1 > li > ul.list-st2 > li > ul.list-st3{margin-top:5px;padding-left:18px;}
ul.list-st1 > li > ul.list-st2 > li > ul.list-st3 > li{padding:0 0 2px 0;line-height:1.6;}
ul.list-st1 > li > ul.list-st2 > li > ul.list-st3 > li > ul.list-st4{margin-top:5px;padding-left:18px;}
ul.list-st1 > li > ul.list-st2 > li > ul.list-st3 > li > ul.list-st4 > li{padding:0 0 2px 0;line-height:1.6;}

ul.list-st1 li[class^='blt'] .tableWrap{margin-left:-18px;}
ul.list-st1 li[class^='blt'] .wauto-wrap .scroll-info{margin-left:-18px;}

ul.list-st1 li[class^='blt'] ul.list-st2{margin-left:-18px;}

ul.list-st1 li ul.list-st2 li ul.list-st3{margin-left:0;}
ul.list-st1 li ul.list-st2 li[class^='blt'] ul.list-st3{margin-left:-18px;}

ul.list-st1 li ul.list-st2 li ul.list-st3 li ul.list-st4{margin-left:0;}
ul.list-st1 li ul.list-st2 li ul.list-st3 li[class^='blt'] ul.list-st4{margin-left:-18px;}

ul.list-st1 li.sb ul{padding-left:0 !important;}

p + ul.list-st1{margin-top:0;}
ul li.sb{padding-left:25px !important;}
ul li.sb span{display:inline-block;float:left;width:20px;margin-left:-20px; margin-top:1px;}

/* top */
.Area01{padding: 1% 30% 1% 200px;background: url('../images/common/join_icon1.png') 3% center no-repeat;color:#666;font-weight:300;margin-bottom:2%;line-height:1.6;font-size:14px;}



.formInput textarea.w100{width:100%; padding:10px; color:#767676;}



p.sub2_bott{text-align:center; font-size:20px; line-height:1.5; margin:60px 0; word-break: keep-all; }
/* p.sub2_bott span.pc_cut{display:block;} */


.sub3 p.sub2_bott{text-align:center; font-size:20px; line-height:1.5; margin:160px 0 80px 0;}


/* form */
.formInput{position:relative;border-top:solid 1px #9595ba;padding:2%;}
.formInput .form-group{position:relative;display:table;table-layout:fixed;width:100%;}
.formInput .form-group dt,
.formInput .form-group dd{display:table-cell;position:relative;vertical-align:middle;font-size:15px; width:83.5%;}
.formInput .form-group dt{overflow:hidden;padding:13px 30px;line-height:20px;font-weight:400;color:#000;word-wrap:break-word;text-align:left; width:16.5%;}
.formInput .form-group:before{position:absolute;top:0;left:0;height:100%;}
.formInput .wd-11:before{content:'';width:91.66666667%;}
.formInput .wd-10:before{content:'';width:83.33333333%;}
.formInput .wd-9:before{content:'';width:75%;}
.formInput .wd-8:before{content:'';width:66.66666667%;}
.formInput .wd-7:before{content:'';width:58.33333333%;}
.formInput .wd-6:before{content:'';width:50%;}
.formInput .wd-5:before{content:'';width:41.66666667%;}
.formInput .wd-4:before{content:'';width:33.33333333%;}
.formInput .wd-3:before{content:'';width:25%;}
.formInput .wd-2:before{content:'';width:16.66666667%;}
.formInput .wd-1:before{content:'';width:8.33333333%;}

/*220118. 50% */

.formInput .p50{position:relative;display:table;table-layout:fixed;width:50% !important;float:left;}

.formInput .p50 dt,
.formInput .p50 dd{display:table-cell;position:relative;vertical-align:middle;font-size:15px; width:67%;}
.formInput .p50 dt{overflow:hidden;padding:13px 20px 13px 30px;line-height:20px;font-weight:400;color:#000;word-wrap:break-word;text-align:left; width:33%;}


.formInput .form-group dt label{position:relative;color:#333;}
.formInput .form-group dd{padding:7px 15px;}
.formInput .form-group dt:before,
.formInput .form-group dd:before{content:"";display:block;clear:both}
.formInput .form-group dt:before{position:absolute;top:22px;width:4px;height:4px;background-color:#ddd;left:20px;}
.formInput .form-group dt.require:before{background-color:#ff4545;}
.formInput .form-group dd .t_right{text-align:right;}
.formInput .form-group dd .form-control{border:0; border : 1px solid #ccc;}
.formInput .form-group dd .form-control_non{border:none;}

/*추가 25.1.25*/


.formInput .form-group dd span.input_box{display:inline-block;border:1px solid #c1c1c1; padding:0;height:33px; line-height:33px !important;}
.formInput .form-group dd span.input_box em.in_txt{color:#888; font-size:15px; padding-right:5px;height:33px;line-height:33px !important;}
.form-auto_inbox{ width:161px;}
.form-auto_inbox2{ width:163px;}
.formInput .form-group dd span.input_box input{margin-top:-5px;  line-height:27px;}


.formInput .form-group dd .form-control:focus,
.formInput .form-group dd .form-control:active,
.formInput .form-group dd .form-control:focus,
.formInput .form-group dd .form-control:active{background-color:#f5f5f5;}
.formInput .form-group dd .btn{padding:5px 18px;height:33px;font-size:13px;margin-left:3px;}
.formInput .form-group dd .time-chk{display:inline-block;margin-left:5px;color:#ff4545;}
.formInput .form-group dd .datePicker + img{margin-left:5px;vertical-align:middle;}
.formInput .form-group dd.static-control{padding:15px;min-height:50px;}
.formInput .form-group dd.static-control.icon_sm{padding:13px 15px;}
.formInput .form-group dd + dd:before{content:"";position:absolute;top:0;left:0;height:100%; }

.formInput.tp2{padding:30px 0 15px 0;border:solid #666;border-width:2px 0;}
.formInput.tp2 .form-group{margin-bottom:15px;border-bottom:0;}
.formInput.tp2 .form-group dt{padding-left:50px;font-weight:500;font-size:18px;color:#666;min-height:50px;line-height:inherit;}
.formInput.tp2 .form-group dt label:before{top:5px;left:-18px;width:8px;height:8px;border-radius:50%;}
.formInput.tp2 .form-group dt.require label:before{background:#2a5fc5;}
.formInput.tp2 .form-group dd{padding:0 15px;}
.formInput.tp2 .form-group dd .form-control{height:50px;padding:10px;border:solid 1px #ccc;background:none;}
.formInput.tp2 .form-group dd .form-control:focus,
.formInput.tp2 .form-group dd .form-control:active,
.formInput.tp2 .form-group dd .form-control:focus,
.formInput.tp2 .form-group dd .form-control:active{background:none;border:1px solid #ccc;}

.findBox{width:100%;margin:0 auto;padding:50px 20px;border:solid 1px #ccc;}
.findBox .find-tit{font-weight:bold;font-size:32px;color:#222;text-align:center;line-height:2em;}
.findBox .find-tit + p{color:#666;line-height:1.8}

.findBox .formInput{overflow:hidden;width:100%;max-width:700px;margin:20px auto;}

.btnArea{position:relative;width:100%;margin:45px 0 30px;text-align:center;}
.btnArea.btmArea a.btn-lg{font-size:20px;font-weight:500; height:50px; border:1px solid #ddd; line-height:50px; background:#fff;}
.btnArea.btmArea .btn-lg{min-width:300px;font-size:20px;font-weight:500; height:50px; background:#fe8d0d; border:none;}
.btn-lg_fz20{font-size:20px !important;}
.btnArea.btmArea a.btn-org{background:#fe8d0d; border:none;color:#fff; }


.btnArea.half{font-size:0;line-height:0;}
.btnArea.half > a{width:calc(50% - 5px);}
.btnArea.half > a:last-child{margin-left:10px;}





/* 개인정보 수집 및 이용에 대한 동의 */
.agreeArea_new{overflow:auto;height:300px;padding:3%;border:1px solid #ccc;border-top:1px solid #333;background:#fafafb;color:#777;font-size:14px;font-weight:400;}
.h230{height:230px !important;}
.agreeArea_new h5{font-weight:400; font-size:15px;color:#333; border-bottom:1px solid #ddd; margin-top:25px; padding-bottom:10px;margin-bottom:20px;}
.agreeArea_new p{color:#777;font-size:14px;font-weight:400; padding-left:15px; }

.agreeArea_new p.top{color:#777;font-size:14px;font-weight:400; padding-left:0 !important;  }

.agreeArea_new p + ul.list-st1{margin-top:0;}
.agreeArea_new ul li.sb{padding-left:20px !important;}
.agreeArea_new ul li.sb span{display:inline-block;float:left;width:20px;margin-left:-20px; margin-top:1px;}

.agreeArea_new ul ul.sb_new{padding-left:0px !important; margin-bottom:20px;}
.agreeArea_new ul li.sb_new span{display:inline-block;float:left;width:20px;margin-left:-20px; margin-top:1px;}

.agreeArea_new ul li dt{margin:5px 0; }

.agreeArea_new ul li dd{margin-left:10px;}


.agreeArea_new ul li.sb ul.sb_bar li span{display:inline-block;float:left;width:8px;margin-left:-8px; margin-top:1px;}
.agreeArea_new ul li.sb ul.sb_bar li {margin-left:10px; }

.agreeArea_new ul.sb_bar{margin-top:10px; margin-bottom:10px;}
.agreeArea_new ul.sb_bar li span{display:inline-block;float:left;width:8px; margin-left:-8px; margin-top:1px;}
.agreeArea_new ul.sb_bar li {margin:1px 0 1px 10px;}



.agreeArea_new ul li.sb dl.sb_bar dd span{display:inline-block;float:left;width:8px;margin-left:-8px; margin-top:1px;}
.agreeArea_new ul li.sb dl.sb_bar dd {margin-left:10px; }


.agreeArea_new dl.list-st_1{}
.agreeArea_new dl.list-st_1 dt{font-weight:400; margin:10px 0; color:#111;}
.agreeArea_new dl.list-st_1 dd{margin-left:10px;} 




/* 넓이가 1199px 이하일 때*/
@media all and (max-width:1199px) {
    /* top */
    .Area01{padding: 1% 100px 1% 180px;}

}

/* 넓이가 992px 이하일 때*/
@media (max-width: 991px) {
/* tab */
.tabList3 > li{width:24.9%;}
.tabList3.item2 > li{width:49.5%;}
.tabList3.item2 > li > a{min-width:100%}

/* box */
.cardBox ul li{width:25%;}

/* step */
.stepArea01 li .num{display:block;}
.stepArea01 li .stepInner{padding-left:8%;}
.stepArea01 li .stepInner span{display:inline-block;position:relative;width:100%;height:auto;vertical-align:middle;}
}

/* 넓이가 767px 이하일 때*/
@media (max-width: 767px) {

#wrap #content .container{width:96%; max-width:960px; margin: 0 auto;padding:40px 0;}


/* 전체프로그램 */
h3.h3{position:relative;padding-left:24px;font-size:16px;margin-bottom:2%; letter-spacing:-0.05em; }
h3.h3::before{content:'';position:absolute;background:url(../img/t_bullet.png) no-repeat left 0px;width:16px;height:18px;left:2px;top:3px;}



/* input */
.inputEmail{width:calc((100% - 22px) / 2);margin-bottom:5px;}
.selectEmail{width:100%;}
.selectEmail.pBtn{width:calc(100% - 125px);}
.inputHomepage{width:100%;}

/* box */
.boxInfo1{margin-top:20px;}
.ui-box.type1{padding-bottom:25px;}
.ui-box.type1 h4,
.ui-box.type2 h4{font-size:25px;}
.ui-box .msg_p{font-size:17px;}

.ui-box.type1 .btn{width:auto;min-width:170px;}

.boxInfo2{padding:20px;}

.cardBox ul li{width:33.33%;}

/* search */
.search_header{padding-top:0;}
.search_header .search_count,
.search_header .search_wrap{float:none;width:100%;}
.search_wrap .select_box select,.search_wrap .form-control{font-size:15px;}
.search_wrap .select_box + label + .form-control{width: calc(100% - 30% - 10px);}
.search_count > span{font-size:14px;}
.search_count > span + span{float:right;margin-left:0;padding-left:0;}
.search_count > span + span:before{display:none;}

.toggleList > ul > li .toggleBtn{right:10px;}

/* step */
.stepArea01 li{width:100%;border-width:1px;}
.stepArea01 li.active{width:100%;border:2px solid #007dc3;z-index:1;}
.stepArea01 li:before{display:none;}
.stepArea01 li .stepInner{padding-left:0;}
.stepArea01 li .num{display:inline-block;}
.stepArea01 li + li, .stepArea01 li + li.active{margin-top:-1px;padding-left:0;}
.stepArea01 li.active + li:before{display:none;}
.stepArea01.item4 li{width:100%;}

.agreeArea table{width:100%;background:#fff;margin-top:20px;}
.agreeArea table thead{border:solid #999;border-width:1px 0;} 
.agreeArea table th{padding:1%;border-right:1px solid #ddd; font-size:14px; color:#777;}
.agreeArea table td{width:33.33%;padding:2% 3%;font-size:13px;text-align:left;border-right:1px solid #ddd; color:#777;}


/* top */
.Area01{padding: 1% 1% 1% 100px;background-position:left top;background-size:70px;font-size:13px;}


/* box 이용동의 */
.layout{position:relative;width:98%;max-width:960px;margin:0 auto; }

.agreeArea{margin-top:20px !important; overflow:auto; letter-spacing:-0.05em;height:300px;padding:3%;border:1px solid #ccc;border-top:1px solid #111;background:#fafafb;color:#999;font-size:13px;font-weight:400;}

.agreeArea h5{ font-size:15px;}
ul.list-st1{margin-top:10px;padding-left:0px;}
.h3 + p,
.h4 + p,
.h5 + p{margin-bottom:.5rem;line-height:1.5}

/* 개인정보 수집 및 이용에 대한 동의 */
.agreeArea_new{overflow:auto;height:300px;padding:5% 3%;border:1px solid #ccc;border-top:1px solid #333;background:#fafafb;color:#777;font-size:14px;font-weight:400;}



/* form */

.formInput{position:relative;border-top:solid 1px #9595ba;padding:2% 1%;}

.formInput .form-group dt:before{position:absolute;top:19px;width:4px;height:4px;background-color:#ddd;left:5px;}
.formInput .form-group dt,
.formInput .form-group dd{font-size:13px; }
.formInput .form-group dt{font-size:13px;}


.formInput .p50{position:relative;display:table;table-layout:fixed;width:50% !important;float:left;}
.formInput .m_full{width:100% !important;float:none;}
.formInput .p50 dt,
.formInput .p50 dd{display:table-cell;position:relative;vertical-align:middle;font-size:15px; width:100%;}
.formInput .p50 dt{overflow:hidden;padding:13px 20px 13px 30px;line-height:20px;font-weight:400;color:#000;word-wrap:break-word;text-align:left; width:100%;}
.form-check-inline label{font-size:14px; }




.formInput .form-group dt,
.formInput .form-group dd{display:table-cell;position:relative;vertical-align:middle;font-size:15px; width:100%;}

.formInput .form-group dt{overflow:hidden;padding:13px 30px;line-height:20px;font-weight:400;color:#000;word-wrap:break-word;text-align:left; width:100%;}
.formInput .form-group:before{position:absolute;top:0;left:0;height:100%;}


.formInput .form-group{position:relative;display:table;table-layout:fixed;width:100%;}
.formInput .form-group:before{display:none;}
.formInput .form-group dt{padding:10px 10px 5px 12px;text-align:left;}
.formInput .form-group dt + dd{padding:5px 10px 5px 10px;}
.formInput .form-group dd:before{background:none;}
.formInput .form-group dd.static-control{min-height:auto;}
.formInput .form-group dt:after{left:10px;right:auto;top:17px;}

.formInput.tp2 .form-group dt{padding-left:30px;}
.formInput.tp2 .form-group dt + dd{padding:0 10px;}

.formInput textarea{margin-top:20px;}

/* 220118*/
.form-check-inline2{display:inline-block;align-items:center;margin-right:.55rem; height:32px; line-height:32px;}

.form-check-inline2 .form-control{height:32px;padding:2px 5px;border:solid #000;border-width:0 0 1px 0;color:#787878;vertical-align:middle; }
.form-check-inline2 input.inputDT{width:90px !important;}
.form-check-inline2 {padding:0 !important;}

.inblock_mt_5{margin-top:-3px; }


.help-block{margin:10px 0 0;}
/* btn */
.btnArea.btmArea .btn-lg{min-width:170px; font-size:16px !important;}
.btn-lg_fz20{font-size:16px !important;}

/* input */
.help-block{display:inline-block;margin-left:7px;font-size:13px;color:#999;}
.form-control{display:block;width:100%;height:33px;padding:3px 10px;border:solid #000;border-width:0 0 1px 0;color:#787878;vertical-align:middle;}
.inputIblock{display:inline-block;width:auto;}


.form-alt{height:100px !important;}
.form-control-file{display:block; width:100%;overflow:visible;}
.form-auto{display:inline-block; width:auto; width:100%;}

.form-textarea{height:200px !important;}
.inputBase{display:inline-block;width:200px;}
.inputDT{display:inline-block;width:100px;}
.inputDT + img{margin-left:5px;vertical-align:middle;}
.inputTM{display:inline-block;width:70px;}
.inputEmail{display:inline-block;width:140px;}
.inputZip{display:inline-block;width:75px;}
.inputNumber{display:inline-block;width:40px;}
.inputHomepage{display:inline-block;width:80%;}
.selectEmail{display:inline-block;width:auto;}
textarea.form-control{height:auto;}

/* 220118 추가*/
.row-h-3{display:inline-block; height:auto;}
.formInput .form-group dd{padding: 5px 10px;}


p.sub2_bott{text-align:center; font-size:15px; line-height:1.5; margin:40px 0; letter-spacing:-1px; }




/*추가 25.1.25*/


.formInput .form-group dd span.input_box{display:inline-block;border:1px solid #c1c1c1; padding:0;height:33px; width:100%;  line-height:33px !important;}
.formInput .form-group dd span.input_box em.in_txt{color:#888; font-size:14px; letter-spacing:-0.05em; padding-right:5px;height:33px;line-height:33px !important; width:24%; min-width:45px;}
.form-auto_inbox{ width:auto;}
.form-auto_inbox2{ width:auto;}
.formInput .form-group dd span.input_box input{margin-top:-5px;  line-height:27px; width:76%; }



}/* End */

/* 넓이가 577px 이하일 때*/
@media (max-width: 577px) {
/* input */

/* table */
.wauto-wrap .scroll-info p{padding:65px 0 0;max-width:250px;line-height:1.5;}
.wauto-wrap .scroll-info p:before{top:10px;left:50%;margin-left:-62px;}
.table.type1 tbody tr td{font-size:14px;padding:2% 1%;}

/* tab */
.tabList2 > li{float:none;width:100% !important;}
.tabList3 > li > a{font-size:16px;padding:20px 5px;}

.search_wrap .select_box{width:30%;}
label + .search_wrap .form-control{width:calc(100% - 30% - 10px);}

/* box */
.cardBox ul li{width:50%;}

/* step */
.stepArea01 li + li,
.stepArea01 li + li.active{padding-left:6%;}

.btnArea.btmArea .btn-lg{width:100%;min-width:auto;margin-top:10px;}
} /* end */