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

body{ background-image: url(../images/topback.png), url(../images/pgback.jpg); background-repeat: no-repeat, repeat-x; background-position: 50% 135px, top;}
#navbar {background:#DB68D0; position:absolute; z-index:1; top:135px; left:0px; width:100%; height:0px; }

#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:135px;position:relative;z-index:auto; text-align: center; margin-bottom: 44px;}
header>h1{ padding: 20px 0px 18px 0px; text-align: center; }
header>h1>a>img{ display:block; margin:auto; }
#topmn { position:absolute;z-index:auto;top:55px;right:15px; font-size:95%; letter-spacing:-0.05em; color:#ccc; }
#topmn>a>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }
#toplimg { position:absolute; z-index:auto; top:38px; left:10px;  }

/*navigation*/
#nav {height:48px;line-height:48px;display:block; position: absolute; z-index: auto; top:86px; left:15px; font-family: "Noto Sans KR"; }
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 45px 10px 45px; font-size:130%; font-weight:500; color:#000; padding:0px 7px; letter-spacing:-0.02em}
#nav>li>a.nvon { color:#C52EC0; }
#nav>li>section{position:absolute;z-index:4;top:20px; font-size: 115%; line-height:35px; height:35px; display:none; padding:0px 10px }
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:500;letter-spacing:-0.03em;color:#fff; opacity:0.7}
#nav>li>section>a:hover{color:#fff; opacity:1}
.onm{ font-weight: 400; }

#midzone{ overflow: auto; background:url(../images/leftback.gif) repeat-y; }

/*menu*/
aside {width:210px;float:left; min-height:350px; background: url("../images/lftitleback.jpg") no-repeat 1px 0px; font-family: "Noto Sans KR"; }
#wLeft >h1 { 
	text-align:center;color:#fff; font-size:180%; font-weight: 500; text-shadow: 1px 1px 1px #464646; letter-spacing: -0.03em; 
	border-bottom:1px solid #ddd; padding:45px 0px 40px 0px;height:25px; 
}
#realleft{ width: 208px; margin: 0px auto; }
#realleft>a, #realleft>span{ display:block; padding-left:20px; line-height: 35px; font-size: 110%; border-bottom:1px solid #ddd; }
#realleft>a.onm{ background:url(../images/lfon.png) no-repeat 100% 100% #DD3AE3; color:#fff; }
#wLeft >div>div>a, #wLeft >div>div>span{
	display:block; line-height: 35px; padding-left:35px; border-bottom:1px dotted #ccc;font-size: 110%; 
	background:url(../images/ico_plus.png) no-repeat 20px 50% #f7f7f7; 
}
#wLeft >div>div>a.onm{ color:#C52EC0;}

#ctsWrap { float:right; width: 840px; min-height:500px; }
 
#ctstitle { height:110px; border-bottom:1px solid #ccc; margin-bottom: 25px; position:relative; z-index: auto; font-family:'Noto Sans KR';  }
#ctstitle>h1 { font-size: 300%; line-height: 100%; letter-spacing: -0.05em; color: #333; padding-top:20px; }
#ctstitle>h1>span { color:#00a99d; }
#ctstitle>h2 { font-size: 130%; color:#7d7d7d; font-weight: 500; padding: 10px 0px 15px 0px; font-family:'Noto Sans KR'; }

footer { min-height:135px; border-top:1px solid #ddd; background: url(../images/footback.jpg) repeat-x;  }
footer>div{ width: 1080px; margin:30px auto 10px auto; }
footer>div>div{ float: right; width: 800px; margin-top: 18px; color:#777;  }
footer>div>div>p{ margin-top:15px}

/*site class*/
.page{ font-size: 125%; line-height: 150%; letter-spacing: -0.05em; padding-bottom: 30px;  word-break: keep-all;}
.page>h1 { font-size: 130%; 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: 150%;  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: 17px; }
.divtype1>h2 { font-size: 130%;  font-weight: 400; color:#333; font-family: "Noto Sans KR";  margin:20px 0px 10px 0px; line-height: 140%; background: url(../images/ico_arrow4.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+div{ margin:10px 0px; }
.divtype1>h2+ul>li{ padding: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; }

.fltr{position: relative; z-index: auto; height: auto}
.fltr>a, .fltr>div{ position: absolute; z-index: auto; right: 0px; }

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

/*site layout*/
#pgw01_01_01>div:first-child{ background:#ECEDF2; overflow:auto; }
#pgw01_01_01>div:first-child>img{display: block; float: right;}
#pgw01_01_01>h1{ 
    position: relative; top:-250px; left:0px; display:block; height:00px; width: 570px; border-bottom:0px;
    font-size: 210%; font-weight: 400; font-family: "Noto Sans KR"; line-height: 130%; color:#000;
}
#pgw01_01_01>h1>span{ color:#B72AB1; font-weight: 400%;}
#pgw01_01_01>div>h1{ font-size: 130%; font-weight: 400; font-family: "Noto Sans KR"; line-height: 160%; }
#pgw01_01_01>div:last-child{ text-align: right; font-size: 130%; font-weight: 400; font-family: "Noto Sans KR"; line-height: 130%; margin-top:30px}
#pgw01_01_01>div:last-child>span{ color:#000; font-size: 150%;}

#pgw01_01_02>div:first-child{ background:#ECEDF2; overflow:auto; }
#pgw01_01_02>div:first-child>img{display: block; height:330px; margin-left: 20px; }
#pgw01_01_02>h1{ 
    position: relative; top:-250px; left:270px; display:block; height:00px; width: 520px; border-bottom:0px;
    font-size: 210%; font-weight: 400; font-family: "Noto Sans KR"; line-height: 130%; color:#000;
}

/* #pgw01_01_02{ background:url(../images/img010102_01.jpg) no-repeat 100% 0%; background-size: 510px; } */
#pgw01_01_02>h1{ 
    border-bottom:0px; text-align: left; padding-left: 0px;
    font-size: 170%; font-weight: 400; font-family: "Noto Sans KR"; line-height: 130%; color:#000;
}
#pgw01_01_02>h1>span{ color:#B72AB1; font-weight: 400%;}
#pgw01_01_02>div>h1{ font-size: 130%; font-weight: 400; font-family: "Noto Sans KR"; line-height: 160%; }
#pgw01_01_02>div:last-child{ text-align: right; font-size: 130%; font-weight: 400; font-family: "Noto Sans KR"; line-height: 130%; margin-top:30px; border-top:1px dotted #ccc; padding-top:20px;  }
#pgw01_01_02>div:last-child>span{ color:#000; font-size: 180%;}

#pgw01_02_02>h1{ font-size: 180%; }

#pgw01_03>div:first-child{ background: url(../images/img0103_01_2106.jpg) no-repeat 50% 0px; height: 450px; position: relative; z-index: auto}
#pgw01_03>div:first-child>div{ position: absolute; z-index: auto; width: 175px; line-height: 65px; text-align: center; color:#fff; text-shadow: 1px 1px 1px #464646; font-weight: 500; font-family: "Noto Sans KR" ; font-size: 120%;  }
#pgw01_03>div:first-child>div.orgsub{ width: 175px; }

#pgw01_03>table td:last-child{ text-align: left; }

#pgw02_02_01>div:first-child{ background: url(../images/img020201_back.gif) no-repeat; height:130px; padding: 30px; text-align: center; margin-bottom: 30px; }
#pgw02_02_01>div:first-child>p, #pgw02_02_01>div:first-child>span{ display: inline-block; vertical-align: middle; }
#pgw02_02_01>div:first-child>p{ margin-top: 20px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 105%;  }
#pgw02_02_01>div:first-child>span{ padding: 5px; }
#pgw02_02_01>div:nth-of-type(2)>div:nth-of-type(2){ width: 600px; text-align: left;}
#pgw02_02_01>div:nth-of-type(3)>div:nth-of-type(2){ width: 600px; text-align: left;}

#pgw02_02_03>div>img{ border:1px solid #ccc; }

#pgw02_03_01>div>img{ border:1px solid #ccc; }
#pgw02_03_02>div>img{ border:1px solid #ccc; }
#pgw02_03_03>ol{ margin-left: 20px; font-size: 110%; font-family: "Noto Sans KR"; font-weight: 400; }
#pgw02_03_03>ol>li{ padding: 5px 0px; }

#pgw02_04>div:first-child>div>table{ margin: 10px 0px; }
#pgw02_04>div:first-child>div>table td:last-child{ text-align: left; padding-left: 20px; }
#pgw02_04>div:first-child>div>table td:nth-last-of-type(3){ background: #1BA5EE; color:#C2EAFF; font-size: 120%; text-shadow:1px 1px 1px #464646;  font-weight: 500; font-family: "Noto Sans KR" }
#pgw02_04>div:last-child>h1+div{ background: url(../images/img0204_back.gif) no-repeat; height:178px; padding: 30px; text-align: center; margin-bottom: 30px; }
#pgw02_04>div:last-child>h1+div>p, #pgw02_04>div:last-child>h1+div>span{ display: inline-block; vertical-align: middle; }
#pgw02_04>div:last-child>h1+div>p{ margin-top: 30px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 105%;  }
#pgw02_04>div:last-child>h1+div>span{ padding: 15px; }

#pgw02_05>div:first-child>div:last-child{ background: url(../images/img0205_back.gif) no-repeat; height:130px; padding: 30px; text-align: center; margin-top: 15px; }
#pgw02_05>div:first-child>div:last-child>p, #pgw02_04>div:first-child>div:last-child>span{ display: inline-block; vertical-align: middle; }
#pgw02_05>div:first-child>div:last-child>p{ margin-top: 20px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 105%;  }
#pgw02_05>div:first-child>div:last-child>span{ padding: 15px; }
#pgw02_05>div:last-child>table td:nth-child(2){ text-align: left; padding-left: 15px; }

#pgw02_06>div:nth-of-type(2)>table td:last-child{ text-align: left; padding-left: 20px; }
#pgw02_06>div:nth-of-type(2)>table td:first-child{ background: #f7f7f7; }

#pgw04_02>div>div{ margin-bottom: 10px;}
#pgw04_02>div>ul>li{ padding: 0px; }

#pgw04_03>div>div{ margin-bottom: 10px;}
#pgw04_03>div>ul>li{ padding: 0px; }

#pgw04_01 { font-size: 100%; list-style: none; border-top:2px solid #555; margin: 10px 0px 60px 0px;  }
#pgw04_01 ul{ list-style: none; }
#pgw04_01>li { border-bottom:1px solid #e1e1e1; }
#pgw04_01>li>div { padding:20px 0px;overflow:auto;  }
#pgw04_01>li>div>div:first-child { width:200px; float:left; margin-left: 20px; }
#pgw04_01>li>div>div:first-child>a>img{ display:block; }
#pgw04_01>li>div>dl { width:580px; float:right;  letter-spacing:-0.05em;  }
#pgw04_01>li>div>dl>dt { padding:5px 0px 10px 0px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
#pgw04_01>li>div>dl>dt>a { font-size:140%; font-weight:400%; color:#444; font-family:"Noto Sans KR";   }
#pgw04_01>li>div>dl>dd>dl>dt { font-size:100%; font-weight:bold; color:#0090b1; float:left; letter-spacing: -0.1em; }
#pgw04_01>li>div>dl>dd>dl>dd { float:right; width:500px; line-height: 160%; letter-spacing:-0.05em; }

#pgw04_05 { margin-bottom:60px; font-size: 120%; list-style: none; border-top:2px solid #555; word-break: keep-all; }
#pgw04_05>ul{ list-style: none; }
#pgw04_05>li { border-bottom:1px solid #e1e1e1; }
#pgw04_05>li>div { padding:20px 0px;overflow:auto;  }
#pgw04_05>li>div>div:first-child { width:200px; float:left; margin-left: 20px; }
#pgw04_05>li>div>div:first-child>a>img{ display:block; max-width: 100%; }
#pgw04_05>li>div>dl { width:580px; float:right;  letter-spacing:-0.05em;  }
#pgw04_05>li>div>dl>dt { padding:5px 0px 10px 0px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
#pgw04_05>li>div>dl>dt>a { font-size:140%; font-weight:400%; color:#444; font-family:"Noto Sans KR";   }
#pgw04_05>li>div>dl>dd>dl>dt { font-size:100%; font-weight:bold; color:#0090b1; float:left; letter-spacing: -0.1em; }
#pgw04_05>li>div>dl>dd>dl>dd { float:right; line-height: 160%; letter-spacing:-0.05em; }
#pgw04_05>li>div>dl>dd>dl>dd>ul{ padding-left: 20px; margin-top:10px}

#pgw05_01>div>div:last-child{ text-align: center; margin: 20px 0px; padding: 20px 0px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 110%; border:5px solid #eee; border-radius: 10px; }
#pgw05_01>div>div:last-child>p{ display: inline-block; }
#pgw05_01>div>div:last-child>p>img{ padding-bottom: 10px;}
#pgw05_01>div>div:last-child>p:not(:last-child){ padding: 0px 10px; }

#pgw05_03>div:first-child>div:last-of-type{ width: 580px; }

#pgw05_05>div>div.order{ margin-bottom:10px; }
#pgw05_05>div>div.order>div{ width:90px; }

#pgw05_06>.loadImgz{ margin: 10px 0px;}

/*error.php*/
#errMsgbox{ margin:30px 20px;}
#errMsgbox>hgroup>h6{ font-size:12px; color:#000; }
#errMsgbox>hgroup>h5{margin:10px 0px;padding:5px 0px;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc}
#errMsgbox>p{margin:15px 0px}