@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
a:link, a:visited, a:active { text-decoration:none; color:#636363; }
a:hover { text-decoration:none;color:#589a00 }
form { display:block; margin:0px; padding:0px; }
input[type=text], textarea, input[type=password], select{border:1px solid #ddd;padding:5px; border-radius:3px; background:#f6f6f6;box-sizing:border-box; width: 100%; }
input[type=text]:focus, textarea:focus, input[type=password]:focus, select:focus { background: #fff; }
[data-role=fieldcontain] { margin: 3px 0px; border:0px; padding: 0px; }

table {border-collapse:collapse;border-spacing:0px;}
table td{ vertical-align: middle; }
table th{ vertical-align: middle; text-align: center }

.blackr5{ background:#000; border-radius:5px; color:#fff; border:1px solid #000; font-weight:bold; cursor:pointer }
.blackr5:hover {color:#000;background:#fff;border:1px solid #ccc;}
.bluer5{ background:#5969f7; border-radius:5px; color:#fff; border:1px solid #5969f7; font-weight:bold; cursor:pointer }
.bluer5:hover {color:#5969f7;background:#fff;border:1px solid #ccc;}
.greenr5{ background:#39b54a; border-radius:5px; color:#fff; border:1px solid #39b54a; font-weight:bold; cursor:pointer }
.greenr5:hover {color:#39b54a;background:#fff;border:1px solid #ccc;}
.atype {background:transparent; border:0px; display:inline; cursor:pointer; font-size:inherit; padding:0px; color:#636363 }
.atype:hover { color:#589a00; }
.black3 { cursor:pointer;font-size:90%; line-height:200%; display:inline-block; padding:0px 8px; vertical-align:1px; border:1px solid #000; background:#000; color:#fff; font-weight:bold; border-radius:3px; }
.black3:hover { border:1px solid #000; background:#555; }
.BlackB{ background:#333 !important; color:#fff !important; border:0px; }
.BlueB{ background:#526A89 !important; color:#fff !important; border:0px; }

.boldgreen{ color:#39b54a;font-weight:bold; }
.boldblue{ color:#5969f7;font-weight:bold; }
.boldorange{ color:#f26522;font-weight:bold; }
.boldblack{ color:#000;font-weight:bold; }
.boldwhite{ color:#fff;font-weight:bold; }
.boldblue2{ color:#414960; font-weight:bold }

.hiden{ display:none; }
.ui-field-contain>.ui-mini{ margin: 0px; }

/*레이아웃----------------------------------------------------*/
html { background: #fff; }
body>div:first-child{ background-color: #fff !important; }
body > article { background: #fff !important; height: 100%; }
#header { 
	font-family: Georgia;
	background: #0DADA2;
	/*
	background: linear-gradient(to bottom, #E2DDD9, #CBC0BC); 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E2DDD9), to(#CBC0BC));
	background:-moz-linear-gradient(top, #E2DDD9, #CBC0BC); 
	*/
}
#header>h1 { text-shadow:none; color:#FFF; font-family: "Noto Sans KR"; letter-spacing: -0.03em; padding:4px 0px 4px 0px; margin:0 15%; }
#header>h1>a{ color:#fff; }
#header>h1>a>img{ vertical-align: middle; }
#header>a>img { padding:0.6em; opacity:0.5;  }
#pnHead{ 
	margin: -1em; font-family: Lusitana Georgia; padding-top: 1px; padding-left: 20px; color:#fff; border-bottom: 1px solid #DDD; position: relative; overflow: auto; 
	background: #0DADA2;
	/*
	background: linear-gradient(to bottom, #FFC22B, #F88B04);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC22B), to(#F88B04));
	background:-moz-linear-gradient(top, #FFC22B, #F88B04);
	*/
}
#pnHead>h1{ margin: 0px; text-shadow:none; padding: 0.7em 0; font-size: 1em; }
#pnHead>a>img { position: absolute; z-index: auto; right: 0.6em; top:0.6em; opacity: 0.5; }

#nav{ margin-top: 40px; }
#nav>a{ display: block; font-weight: bold; padding:8px 10px; color:#000; border-bottom: 1px solid #cfcfcf; }
#nav>div { border:1px solid #ccc; border-top:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#f1f1f1; font-size:90%; padding:8px 10px; }
#nav>div>a { display:block; color:#000; font-size:100%; font-weight:bold; opacity:0.7; padding:8px 10px; }
#nav>div>a.onmenu { opacity:1; color:#00A99D; background:url(../../mobile/images/arrow_green.png) no-repeat 10px 50%; background-size:7px 10px; text-indent:10px }
#nav>div>a:not(:last-child){ border-bottom:1px dotted #bbb; } 

#contsw{ position: relative; background:#fff; min-height: 300px; padding:10px; }
#contsw>h1{ border-bottom: 1px solid #ccc; padding: 8px 0px; margin-bottom: 10px; }

footer{ background: #fff; padding: 20px 0px 30px 0px; text-align: center; font-size: 80%; font-family: "Noto Sans KR"; color:#777; border-top:1px solid #ddd; letter-spacing: -0.03em; }
footer>div{ margin: 10px auto; color:#000;  }



.h1rbox{ 
    position: relative; text-align: center; font-family: "Noto Sans KR"; font-size: 1.2rem;
    border-top: 2px solid rgba(0, 0, 0, 0.2); margin-top: 65px; word-break: keep-all; 
}
.h1rbox>h1{ 
    position: absolute; top:-50px; left:calc(50% - 50px);
    display: flex; align-items: center; justify-content: center; margin-top: 1rem;
    width: 100px; height: 100px; box-sizing: border-box; background-color: #37958A; color: white; 
    border-radius: 50%; margin: auto; font-size: 1.5rem; font-weight: 500;
}
.h1rbox>h1+p{ padding: 85px 0 1em 0; font-size: 1.7rem; line-height:initial; }
.h1rbox>.flex{
    display: flex; flex-wrap: wrap; margin-top: 85px; font-size: 1rem; gap: 4px; box-sizing: border-box;
}
.h1rbox>.flex>div{ 
    width: 100%; padding: 0px; box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px 5px 5px 5px;
    position: relative; overflow: hidden; 
}
.h1rbox>.flex>div:nth-child(1){ background-color: rgba(71, 147, 172, 0.1) }
.h1rbox>.flex>div:nth-child(2){ background-color: rgba(91, 173, 164, 0.1) }
.h1rbox>.flex>div:nth-child(3){ background-color: rgba(105, 173, 120, 0.1) }
.h1rbox>.flex>div:nth-child(4){ background-color: rgba(138, 173, 106, 0.1) }
.h1rbox>.flex>div:nth-child(5){ background-color: rgba(169, 172, 107, 0.1) }
.h1rbox>.flex>div>h1{ 
    padding: 10px; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); font-weight: 500; font-size: 1.1rem; 
    min-height: 76px; display: flex; justify-content: center; align-items: center; color: #fff;
}
.h1rbox>.flex>div:nth-child(1)>h1{ background-color: #3491AC; }
.h1rbox>.flex>div:nth-child(2)>h1{ background-color: #47ACA4; }
.h1rbox>.flex>div:nth-child(3)>h1{ background-color: #5BAD78; }
.h1rbox>.flex>div:nth-child(4)>h1{ background-color: #85AD69; }
.h1rbox>.flex>div:nth-child(5)>h1{ background-color: #A9AD6A; }
.h1rbox>.flex>div>h2{ 
    padding: 10px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-weight: 400; color:rgba(0, 0, 0, 0.6)
}
.h1rbox>.flex>div>ul{ 
    text-align: left; box-sizing: border-box; color:rgba(0, 0, 0, 0.6);
    padding: 20px 10px 20px 30px;
} 
/* .h1rbox{ 
    position: relative; text-align: center; font-family: "Noto Sans KR"; font-size: 1.2rem;
    border-top: 2px solid rgba(0, 0, 0, 0.2); margin-top: 65px;
}
.h1rbox>h1{ 
    position: absolute; top:-65px; left:calc(50% - 65px);
    display: flex; align-items: center; justify-content: center; margin-top: 1rem;
    width: 130px; height: 130px; box-sizing: border-box; background-color: #37958A; color: white; 
    border-radius: 50%; margin: auto; font-size: 1.5rem; font-weight: 500;
}
.h1rbox>h1+p{ padding: 85px 0 1em 0;}
.h1rbox>.flex{
    display: flex; flex-wrap: wrap; margin-top: 85px; font-size: 1rem; gap: 4px; word-break: keep-all; box-sizing: border-box;
}
.h1rbox>.flex>div{ 
    width: 100%; padding: 20px 10px; box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px 0px 5px 5px;
    position: relative; overflow: hidden; background-color: rgba(0, 0, 0, 0.03);
}
.h1rbox>.flex>div:before{ 
	content: ""; position: absolute; width: 30px; height: 30px; background-color: #4A968A; transform: rotate(45deg); top:-15px; left: -15px;
} 
.h1rbox>.flex>div>h1{ 
    padding-bottom: 10px; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); font-weight: 500; font-size: 1.1rem; 
    min-height: 35px; display: flex; justify-content: center; align-items: center; color: #4A968A;
}
.h1rbox>.flex>div>h2{ 
    padding: 10px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-weight: 400; color:rgba(0, 0, 0, 0.6)
}
.h1rbox>.flex>div>ul{ 
    text-align: left; box-sizing: border-box; color:rgba(0, 0, 0, 0.6);
    padding: 20px 0px 20px 20px;
} 
 */






/*사이트 정의 ----------------------------------------------------*/
.page{ line-height: 150%; letter-spacing: -0.05em; padding-bottom: 30px; }
.page>h1 { font-size: 120%; font-family: "Noto Sans KR"; font-weight: 500; color:#000; text-align: center; padding:20px; border-bottom: 1px solid #ddd; }

.divtype1 { margin-bottom: 15px; padding-bottom: 15px; }
.divtype1>h1 { font-size: 120%;  font-weight: 400; color:#333; font-family: "Noto Sans KR";  margin:15px 0px; line-height: 140%; background: url(../../images/ico_arrow2.png) no-repeat 0% 50%; padding-left: 20px; }
.divtype1>h2 { font-size: 110%;  font-weight: 400; color:#333; font-family: "Noto Sans KR";  margin:20px 0px 10px 0px; line-height: 140%; background: url(../../images/ico_arrow3.png) no-repeat 0% 50%; padding-left: 20px; }
.divtype1>ol, .divtype1>ul{ margin-left: 20px; }
.divtype1>ol>li, .divtype1>ul>li{ padding:3px 0px }
.divtype1>ul>li>ul{ padding-left: 10px;}
.divtype1>ul>li>ul>li{ position: relative; padding-left: 5px; }
.divtype1>ul>li>ul>li::marker { content: "\2578 "; font-size: 0.5em; }

.divtype2{ margin: 15px 0px; padding: 15px 20px; border:5px solid #f1f1f1; }
.divtype2>h1{ font-family: "Noto Sans KR"; font-size: 125%; margin:5px 0px 10px 0px; color:#000; font-weight: 400 }
.divtype2>ul{ margin: 5px 0px 0px 20px; }

.order{ border:1px solid #ccc; background: #f7f7f7; padding: 19px; border-radius:10px; overflow: auto;}
.order > div{ float: left; background: #fff; border:2px solid #FF9153; color:#FF9153; font-family: "Noto Sans KR"; font-weight: 500; font-size: 90%; text-align: center; vertical-align: middle; line-height: 70px;; min-height: 70px; padding: 10px; border-radius: 10px; }
.order > span { float: left; display: inline-block; padding: 33px 5px; min-height: 40px; }

.order2{ border:1px solid #ccc; background: #f7f7f7; padding: 19px; border-radius:10px; overflow: auto;}
.order2 > div{ float: left; background: #fff; border:2px solid #00A99D; color:#00A99D; font-family: "Noto Sans KR"; font-weight: 500; font-size: 90%; text-align: center; min-height: 70px; padding: 20px 5px 0px 5px; border-radius: 10px; }
.order2 > span { float: left; display: inline-block; padding: 33px 5px;}

.order3{ border:1px solid #ccc; background: #f7f7f7; padding: 19px; border-radius:10px; overflow: auto;}
.order3 > div{ float: left; text-align: center; }
.order3 > div>h1{ font-size: 115%; font-family: "Noto Sans KR"; margin: 5px;  }
.order3 > span { float: left; display: inline-block; padding: 33px 10px;}

.pgfilez{ clear: both; background:#f1f1f1; border:1px solid #ccc; padding:20px 30px; border-radius: 3px; }
.pgfilez>h1{ padding-bottom: 10px; color:#333;  }
.pgfilez>img{ vertical-align: middle; }

.rposition{ position: relative; z-index: auto; }
.rposition>div { position:absolute ; z-index: auto; top:0px; right: 0px; }

.pictype{ border:1px solid #ddd; padding: 9px; display: inline-block; text-align: center; width: 42%; margin-bottom: 5px; }
.pictype>img{ width: 100%; }
.pictype>h1{ font-size: 110%; font-family: "Noto Sans KR"; padding: 5px; font-weight: 500; }

.glrzone{ overflow: auto; }
.glrzone>div{ width: 49%; float: left; margin-bottom: 2%; }
.glrzone>div:not(:nth-of-type(2n)){ margin-right: 2%;}
.glrzone>div>div:first-child{ border:1px solid #ddd; min-height: 320px; padding: 9px 9px 20px 9px; }
.glrzone>div>div:first-child>img{ display: block; width: 100%; margin-bottom: 10px; }
.glrzone>div>div:first-child>h1{ font-size: 110%; font-family: "Noto Sans KR"; font-weight: 500; }

.rbox20p{ border:2px solid #00A99D; padding: 15px; border-bottom-right-radius: 50px; font-family: "Noto Sans KR"; font-size: 130%; overflow: auto;  }
.rbox20p>h1{ background:#0B948A; color:#fff; float: left; display: inline-block; padding: 25px; margin-right: 20px;  border-bottom-right-radius: 50px; text-shadow: none; }
.rbox20p>ul{ font-size: 80%; float: left; margin-left: 20px; line-height: 170%; }

.ltype td{ border:1px solid #ddd; padding:5px 0px;}

table.ltype1{ margin:auto; border-top:1px solid #262626; color:#555; width: 100%; }
table.ltype1>thead>tr>th { background:#f6f6f6; border-bottom:1px solid #ccc; color:#555; font-weight: 500; padding:8px 5px; font-family: "Noto Sans KR"; border-right:1px solid #ccc; }
table.ltype1>thead>tr>th:last-child{ border-right:0px; }
table.ltype1>tbody>tr>td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px 5px;  font-family: "Malgun Gothic","Myriad Pro", Dotum,  Tahoma; text-align:center }
table.ltype1>tbody>tr>td:last-child { border-right:0px; padding-left:20px }
table.ltype1 td>ul { margin:10px 0px 10px 20px }
table.ltype1 td>ul>li{ padding: 3px;}
table.ltype1 td>ul>li>h1{ font-family: "Noto Sans KR"; font-size: 105%; font-weight: 500; }

tbody.pd10>tr>td, thead.pd10>tr>th { padding-left:10px; padding-right:10px; text-align:left; } 
tbody.pd10c>tr>td, thead.pd10c>tr>th { padding-left:10px; padding-right:10px; text-align:center; } 

.history { border-top:2px solid #00978C; width:100%; margin-top:10px;}
.history tr>td { border-right:1px dotted #ccc; border-bottom:1px solid #ddd;padding:10px; vertical-align: middle;}
.history tr>td:first-child { text-align:center; font-size:2em; letter-spacing:-0.07em; color:#000; font-weight:bold; font-family: "Lusitana" }
.history tr>td:last-child { border-right:0px; }
.history tr>td>p{ text-indent: -35px;padding-left: 35px }

.tt4wd{ display: inline-block; 	text-align: justify; text-align-last: justify; -moz-text-align-last: justify; width: 55px; }
.tt5wd{ display: inline-block; 	text-align: justify; text-align-last: justify; width: 69px; }
.tt6wd{ display: inline-block; 	text-align: justify; text-align-last: justify; width: 82px; }

/*사이트 구조 ----------------------------------------------------*/
#pgw01_01 .order2>h1{ float: left; line-height: 70px;; min-height: 70px; padding: 10px; width: 70px;text-align: center; font-size: 120%; font-family: "Noto Sans KR"; color:#000;  }
#pgw01_01 .order2>div{ margin:10px 0px; width: 70px; }
.trp10{ text-align: right; padding: 10px 0px;}
#pgw01_01 .divtype1:not(:last-child) { border-bottom: 1px solid #ddd; }
#pgw01_01 .pgfilez{ margin:10px 0px; }

#pgw01_02 .rposition>div{ width: 300px; }
#pgw01_02 div.divtype2>img{ width: 100%; }

#pgw01_04_01>div>table{ margin:10px 0px; }
#pgw01_04_01>div>table tr>td:nth-last-of-type(3){ font-weight: 400; font-size: 110%; background: #f6f6f6; font-family: 'Noto Sans KR'; }
#pgw01_04_01>div>table tr>td:last-child{ text-align: left; }
#pgw01_04_01 .order2>div { width: 80px; margin-bottom: 10px; }
#pgw01_04_01 .order2{ background: #fff; border:0px; padding: 15px;  }

.stepbasic{ margin: 3em 0; text-align: center; counter-reset: icout; }
.stepbasic>div{ border:5px solid rgba(0, 0, 0, 0.1); padding: 1em; border-radius: 3em; width: 80%; margin:0 auto; font-family: "Noto Sans KR"; font-size: 1.1em; font-weight: 500; position: relative; 
}
.stepbasic>div::before{
    counter-increment: icout; content: "STEP"counter(icout);
    position: absolute; display: block; width: 80px; background-color: #3DAA9D; color:#fff;
    padding: 5px ; top:-25px; left:calc(50% - 45px); font-size: 0.8em; border-radius: 2em;
}
.stepbasic>div>img{ display:block;border:1px solid rgba(0,0,0,0.1); width: 100%; max-width: 500px; margin:1em auto; }
.stepbasic>p{ padding: 5px 0 30px 0; font-weight: 700; color:#3DAA9D; }

#pgw01_05_01 img{ display:block; margin:auto; }
#pgw01_05_01 ul{ margin-top: 10px; margin-bottom: 10px;}
#pgw01_05_01>div:nth-of-type(2)>div{ margin: auto; max-width: 100%; padding: 10px 0px; }
#pgw01_05_01>div:nth-of-type(2)>div>img{ max-width: 100%; }
#pgw01_05_01>div:nth-of-type(2)>div>p{ text-align: center; font-size: 120%; font-family: "Noto Sans KR"; font-weight: 400; color:#000; margin-top: 10px; }
.rbox-b5 { display: block; box-sizing: border-box; border:5px solid; border-radius: 10px; max-width: 100%; }
#pgw01_05_01>div:nth-of-type(1) .rbox-b5{ border-color: #7390D3;}
#pgw01_05_01>div:nth-of-type(2) .rbox-b5{ border-color: #39BCCE;}

#pgw01_05_02{ padding-bottom: 20px;  }
#pgw01_05_02 dl{ width: 100%; margin:5px 0px; display: block; border-top:1px solid #00A99D; border-bottom:1px solid #00A99D; padding:15px 0px; overflow: auto; line-height: 170%;   }
#pgw01_05_02 dl>div{ float:left; width: 50%; }
#pgw01_05_02 dt{ float: right; width: 50%; font-family: "Noto Sans KR"; font-size: 115%; font-weight: 500; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }
#pgw01_05_02 dd{ float: right; width: 50%; }

#pgw01_05_04 .order2>div { width: 80px; margin-bottom: 10px; }
#pgw01_05_04 .order2{ background: #fff; border:0px; padding: 15px 0px; }

#pgw03_01>#tab1>div:nth-of-type(3) div.order>div{ width: 13%; }
#pgw03_01>#tab1>div:nth-of-type(3)>div{ overflow: auto; margin-bottom: 10px; }
#pgw03_01>#tab1>div:nth-of-type(3)>div>h3{ float: left; width: 70px; height: 120px; line-height: 120px; text-align: center; font-size: 105%; border-radius: 10px; background: #00A99D; color:#fff; text-shadow:none; }
#pgw03_01>#tab1>div:nth-of-type(3)>div>h3+span{ float: left; padding: 50px 10px 0px 10px }
#pgw03_01>div:not(:first-of-type){ display: none}

#pgw03_01 .order{ padding: 10px; }
#pgw03_01 .order>div{ margin-bottom: 10px}

#pgw03_03>div:last-child > .order2>div{ width: 70px; margin-bottom: 10px; }

#pgw03_04 .order3>div { width:140px; }
#pgw03_04 .order3>div>img { width:100%; }
#pgw03_04 .order3>span { padding:70px 5px 70px 5px; }
#pgw03_04 > div >a{ margin-top:10px; }

#psw{ display: block; width: 100%;}

#pgw06_02_01>div:last-child>table{ width: 100%; border-top:2px solid #036E67}
#pgw06_02_01>div:last-child>table tr>td:nth-of-type(2n-1){background: #f7f7f7; }

.rbox4{ 
    width: 360px; display: flex; flex-wrap: wrap; gap: 10px; color:#fff; font-family: 'Noto Sans KR'; 
    word-break: keep-all; position: relative;/*  margin: 50px auto; */

    /* transform: rotate(45deg); margin: 70px auto 0 auto; */
    position: absolute; left:calc(50% - 180px);
}
/* .rbox4::before{ 
    content: ""; display: block; width: 360px; height: 360px;
    position: absolute; z-index: -1; border:3px dotted rgba(0, 0, 0, 0.1); border-radius: 300px;
} */
.rbox4>div{ 
    background-color: #EC4259; flex: 1 0 45%; border-radius: 200px; height: 180px; box-sizing: border-box;
    display: flex;  justify-content: center;  padding: 30px 20px; text-align: center;
}
.rbox4>div>h1{ 
    font-size: 1.1em; line-height: 1.3; font-weight: 300;  
    /* transform: rotate(-45deg); */
}
.rbox4>div>h1::before{ 
    content: attr(data-num); display: block; width: 100%; height: 40px; font-weight: 300; opacity: 0.5;
}
.rbox4>div:nth-child(1){ border-bottom-right-radius: 0; }
.rbox4>div:nth-child(2){ border-bottom-left-radius: 0; background-color: #223453; }
.rbox4>div:nth-child(3){ border-top-right-radius: 0; background-color: #4B5A74; }
/* .rbox4>div:nth-child(4){ border-top-left-radius: 0; background-color: #EF6879; } */
.rbox4>div:nth-child(4){ border-top-left-radius: 0; background-color: #E07139; }
.rbox4+div{ padding-top: 400px;}


#pgw06_02_03 table>tbody>tr>td>ul{ text-align: left; }

#pgw06_03 p.tt{
    width: 100%; border:5px solid #fff; border-radius: 40px; line-height: 60px; box-shadow: 1px 1px 8px #ccc; box-sizing: border-box; margin-bottom: 10px; 
    text-align: center; color:#fff; font-family: "Noto Sans KR"; font-weight: 500; font-size: 120%; text-shadow: 1px 1px 2px #000;
}
#ort01{ background: url("../../images/clpt01.jpg");}
#ort02{ background: url("../../images/clpt02.jpg");}
#ort03{ background: url("../../images/clpt03.jpg");}
#ort04{ background: url("../../images/clpt04.jpg");}
#ort05{ background: url("../../images/clpt05.jpg");}
#ort06{ background: url("../../images/clpt05.jpg");}

#pgw06_03 .orgul{
    border:1px solid #ccc; padding:20px; background:#f1f1f1; margin-bottom: 15px; 
    border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}
#pgw06_03 .orgul>h1{
    margin:auto; border:5px solid #fff; border-radius: 40px; background: #f7f7f7; line-height: 60px; box-shadow: 1px 1px 8px #ccc; 
    text-align: center;  font-family: "Noto Sans KR"; font-weight: 500; font-size: 120%;
}
#pgw06_03 .orgul>h1+ul{ list-style: none; text-align: center; padding:20px 0px; }
#pgw06_03 .orgul>h1+ul>li{ line-height: 200%; }
#pgw06_03 .orgul>h1+ul>li:not(:last-child){ border-bottom:1px dotted #ccc; }

#pgw06_03 tr>td:last-child{ text-align: left}
#pgw06_03 .textleft{ padding-left: 20px; }
#pgw06_03 .textleft>ul{ text-align: left; }
#pgw06_03 .divtype1{ font-size: 90%;}

#pgw06_04{ margin-top: 20px; }
#pgw06_04>div:not(:first-child){ display: none; }
#pgw06_04>#tab1>div:first-child div.pictype+div{ margin-top: 10px; }
#pgw06_04>#tab1>div:first-child div.pictype+div>h1{ margin: 5px 0px;}
#pgw06_04>#tab1>div:first-child div.pictype+div>ul{ margin-left: 20px; }

#pgw06_06 ul>li>ul{ list-style: disc;}
#pgw06_06 ul>li>ul>h1{ margin: 7px 0px 4px 0px; color:#000; }
#pgw06_06 ul>li>ul>li{ margin-left: 20px;}

#addcateW>a{ font-size: 90%; letter-spacing: -0.05em; }

#pgw06_07>img{ display: block; width: 100%; }


/*regis-list--------------------------------------------------- */
#viewPro { padding: 15px; margin:5px; border:3px solid #0DADA2; display: none; line-height: 180%; letter-spacing: -0.05em; }
#viewPro > h1 { font-family: "Noto Sans KR"; font-weight: 600; padding: 5px 0px; }
#viewPro > a, #viewPro > div {display:block; border-top:1px dotted #ddd; font-size: 85%;  }

.topdesc{ font-size: 90%; border-bottom: 1px dotted #ccc; padding: 5px;  }
#dateMove{ text-align: center; margin: 20px 0px; }
#dateMove>select{ display: inline; width: auto !important; }

.mcalendar {border-right:1px solid #ccc; border-top:1px solid #ddd; width:100%; line-height: 200%; margin-bottom: 20px; }
.mcalendar th {border:1px solid #ddd;color:#000;padding:0px;margin:0px;vertical-align:middle;background:#f7f7f7; }
.mcalendar tr:nth-of-type(2)>th:first-of-type, .mcalendar tr:nth-of-type(2)>th:last-of-type{background:#f0f1f9;color:#5969f7}
.mcalendar tr>td:first-of-type, .mcalendar tr>td:last-of-type{background:#f0f1f9;}
.mcalendar td {border:1px solid #ddd;vertical-align:top;text-align:center;padding:5px;}

.oncday{ color:#51791b; font-weight:bold }
.oncday+div{ display: none; }
.ston{ color:#005b7f; font-weight: bold; }
.stoff{ color:#f26522; font-weight: bold; }

.arr_l{ display:inline-block; width:11px; height:12px; background: url(../../images/page/prenexpage1.png) no-repeat -11px 0px; margin-right: 20px;}
.arr_l:hover{background: url(../../images/page/prenexpage2.png) no-repeat -11px 0px;}
.arr_r{ display:inline-block; width:11px; height:12px; background: url(../../images/page/prenexpage1.png) no-repeat 0px 0px; margin-left: 20px;}
.arr_r:hover{background: url(../../images/page/prenexpage2.png) no-repeat 0px 0px;}


/*regis-write--------------------------------------------------- */
#regisAgree{ height: 100px; padding:15px; background: #f7f7f7; border:1px solid #ddd; overflow-y: scroll;  }
#agrlb { line-height: 170%; border-bottom: 1px solid #ddd; display: block; padding: 10px 0px; margin-bottom: 10px;  }

#regisFW{letter-spacing: -0.05em; margin-bottom: 50px; }
#regisFW>h1{ font-size: 120%; color:#000; font-family: "Noto Sans KR"; padding: 5px 0px; border-bottom:1px solid #ddd; }
#regisFW>ul{ list-style: none; line-height: 270%; }
#regisFW>ul>li{ border-bottom: 1px dotted #ccc; padding:5px 0px; }
#regisFW>ul>li>div{ font-size: 90%; line-height: 130%; color:#999; }
#RGS_BIRTHDAY{ width: 150px;}
#RGS_SEX{ width: 30px;}

#rgsWrap:has(#regisFW){ position: relative; }
.rgswriteoff{ 
    background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; position: absolute; 
    top:0px; left: 0px; border:5px solid #3DAA9D; box-sizing: border-box; border-radius: 10px;
    display: flex; justify-content: center; align-items: center; 
    font-family: "Noto Sans KR"; font-weight: 500; font-size: 300%; color:#000;
}

/*regis-search--------------------------------------------------- */
#rgssearch>h1{ padding:15px;border-bottom:1px solid #ddd; font-size: 105%; text-align: left; font-weight: 400; color:#999; }
#rgssearch>div.fdesc{ padding:15px;border-top:1px solid #ddd; text-align: left; color:#999; letter-spacing: -0.05em;  }

#frgsSearch{ width: 65%; margin: 20px auto; }
#frgsSearch>h1{ color:#00A99D; font-weight: 500; font-family: "Noto Sans KR"; font-size: 150%; margin-bottom: 15px;  }
#frgsSearch>ul{ list-style: none; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0px; }
#frgsSearch>ul>li{ display: block; padding: 3px 0px; }
#frgsSearch>ul>li>input+div{ font-size: 90%; color:#999; padding-top: 5px; }
#frgsSearch>ul+div.smtzone>button{ width: 100%;}

/*사용자정의 아이콘-------------------------------------------------------*/
.ui-icon-dtgLock{ background:url(../../board/icon/basic/adm_open.png) no-repeat 50% 50%; border-radius: 3px; }
.ui-icon-dtgOpen{ background:url(../../board/icon/basic/adm_rock.png) no-repeat 50% 50%; border-radius: 3px; }
.bnS{
	cursor:pointer;font-size:100%; line-height:120%; font-weight:bold; display:inline-block; padding:5px 8px;
	border:1px solid #b1b1b1;border-radius:3px;color:#636363;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnM{
	cursor:pointer;font-size:100%; line-height:120%; font-weight:bold; display:inline-block; padding:5px 20px;
	border:1px solid #b1b1b1;border-radius:3px; color:#636363;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnB{
	cursor:pointer;line-height:120%;font-weight:bold;padding:10px; color:#636363;
	border:1px solid #b1b1b1;border-radius:5px;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnSimg{
	cursor:pointer;line-height:120%; display:inline-block; padding:5px;
	border:1px solid #b1b1b1;border-radius:3px;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnSimg>img{ vertical-align: top;}
.bbsntc{ background: #000; color:#fff; padding:5px; border-radius: 2px; margin-right: 10px; display: block; float: left;}
.blackspan{ display: inline-block; background: #636363; color:#ccc; padding: 1px 3px; font-family: "Noto Sans KR"; font-size: 85%; font-weight: 400; text-shadow: none; }
.bwplus{ display: inline-block; width: 15px; background: #313131; color:#fff; border-radius: 3px; font-weight: bold; text-align: center; line-height: 120%; text-shadow: none; }
.pd30{ display: inline-block; padding: 15px 30px; text-align: center; }
.bd1px{ border:1px solid #ddd; }
.in100img{ border:1px solid #ddd;}
.in100img>img{ display: block; width: 100%;  }
ul.arr2{ list-style: none; }
ul.arr2>li{ background: url(../../images/ico_arrow2.png) no-repeat 0px 5px; padding-left: 20px; }


/*board-admlogin----------------------------------------------*/
#admlogin>section:first-child{ padding:10px;border-bottom:1px solid #ccc;}
#admlogin>section:nth-child(2){ width:267px;margin:30px auto;}
#admlogin>section:nth-child(2)>h1{border-bottom:1px dotted #ccc;padding-bottom:5px; margin-bottom:10px; font-size: 110%; color:#000; letter-spacing: -0.02em;}
#admlogin>section:nth-child(2)>h1>span{ color:#aaa; font-weight: normal; font-size: 70%;}
#admlogin>section:nth-child(2)>form{ overflow: auto; }
#admlogin>section:nth-child(2)>form>div{ width: 150px; float: left;}
#admlogin>section:last-child{ padding:10px;border-top:1px solid #ccc;}
#floginbn{ padding:24px 23px; margin: 3px; letter-spacing: -0.03em; }

/*board-write  ----------------------------------------------*/
#bsagree { padding: 1em; border: 1px solid #ccc; border-radius:3px; height: 100px; overflow-y: auto; margin-top:1em; background: #f9f9f9; }
#bsagree + div { margin: 3px 0px 10px 0px; }
#bsagree + div > label { border:0px; border-radius: 0px; background: #fff; border-bottom: 1px solid #ddd; }
#DD_CONTENT{ height: 200px; }
#if_upload { border:0px; width:100%; height:39px; margin:3px 0px; overflow: hidden; }
.smtzone{ text-align: right; margin: 8px 0px }
.smtzone>.ui-mini{ margin:0px; }

/*board-list  ----------------------------------------------*/
#wrapSearch{ padding:10px; background: #f1f1f1; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 85%; }
#wrapSearch>form{ display: inline;}
#wrapSearch>a{ color:#636363; vertical-align:baseline; }
#keyword{ width: 120px; background: #fff;  }
#bbsList>ul{ list-style: none; }
#bbsList>ul>li{ border-bottom:1px solid #ddd; padding: 10px 0px; font-size: 90%; letter-spacing: -0.03em;  }
#bbsList>ul>li>a, #bbsList>ul>li>span{ font-weight: bold; color:#636363;}
#bbsList>ul>li>div{ color:#a59c8e; font-size: 80%; margin-top:5px; }
#bbsList>ul>li>div>a{ font-weight: normal; color:inherit; }
#multisys{ padding: 7px 13px; border-bottom: 1px solid #ccc; display: none; font-size: 80%; }
#multisys > .black3 { margin-right:1px;}
#pagezone { padding: 10px 0px; }

#pwbox { display:none; position:absolute; z-index:500; top:0px; left:0px;box-shadow: 3px 3px 3px #e6e6e6; font-size: 90%; }
#pwbox > span { position:relative; z-index:501; }
#pwbox > span > img { position:absolute; z-index:502; top:-7px; left:185px; }
#pwbox>section:first-of-type { border:1px solid #ccc; border-radius:5px; padding:15px; color:#636363; background:#fff; line-height: 230%; }
#boxtitle { border-bottom:1px solid #ccc; padding-bottom:8px; color:#000; line-height: normal;  }
#inputpass{ width: 130px;}
.viewfile{ cursor: pointer; }

#filebox{ position:absolute;z-index:auto;background:#fff;padding:5px 15px 10px 15px;border:1px solid #bbb; border-radius:5px; box-shadow: 3px 3px 3px #e6e6e6; font-size: 90%; }
#filebox>img:nth-of-type(1){float:left;margin-top:-13px;display:inline-block;}
#filelist {list-style:none; margin-top:5px}
#filelist>li{ line-height:250%;}
#filelist>li:not(:last-child){ border-bottom:1px dotted #ccc; }
#filelist>li>img{vertical-align:middle;}
#fileQue{ width: 0px; height: 0px; }
#downframe{ width: 0px; height: 0px;}

/*board-view  ----------------------------------------------*/
#viewbn{ font-size: 85%; text-align: right; margin: 1em 0em; border-top:1px solid #ccc; padding:1em 0em; }
#viewbn>.ui-mini{ margin-right:0px; }
#bbsView>h1{ font-size: 120%; letter-spacing: -0.03em; color:#000; padding:8px 0px; border-bottom:1px dotted #ccc; }
#bbsView>h1+div{ font-size: 80%; color:#999; padding:8px 0px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
#bbsfilezn>img {vertical-align: middle; }

/*pagezone -------------------------------------------------*/
.pagezone { color:#ccc; text-align:center; padding:10px }
.pagezone > a, .pagezone > span { margin:0px 2px; }
.pagezone > a:visited{ color:#666; }
.backblue { background:#0087cd; color:#fff; }

/* 탭 */
.tab { position: relative; border-bottom: 1px solid #ddd; vertical-align: top; margin: 15px 0px; height: 35px; font-size: 90%;}
.tab>a { 
	display: inline-block; padding: 10px 10px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
	line-height: 130%; letter-spacing: -0.03em; text-align: center; height: 14px; background: #f9f9f9; vertical-align: middle; 
}
.tab>a:visited{ color:#636363; }
.tab>a:first-of-type{ border-left: 1px solid #ddd; margin-left: 10px}
.tab>a.tabon { background: #fff; border-bottom: 1px solid #fff; border-top:2px solid #00867D; height: 13px; font-weight: bold; color:#000; }