@charset "utf-8";
/* CSS Document */
body{ 
    background: url("../images/pgback03.gif"), url("../images/pgback02.png"), url("../images/pgback01.jpg") ;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position:0px 180px, 50% 130px, 0% 0%;
    background-size: calc(50% - 540px) 170px, auto, auto;
}

#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:130px;position:relative;z-index:auto; margin-bottom: 50px;}
#topmn { position:absolute;z-index:2;top:50px;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 }
#logoz{ height: 76px; padding-top: 5px; text-align: center; vertical-align: middle; background: url("../images/topback.png") no-repeat 0px 5px;}
#logo{ padding-top:15px; }

/*navigation*/
#nav {height:18px;display:block;  z-index: 6; font-family: "Noto Sans KR"; border:5px solid #fff; padding: 10px; }
#nav>li{list-style:none;float:left; width: calc((100%/6) - 21px); padding:0px 10px; text-align: center;}
#nav>li:not(:last-child){ border-right: 1px solid #ccc; }
#nav>li>a {display:inline-block;margin:0px 0px 0px 0px; font-size:130%; font-weight:500; color:#000; padding:0px 0px; letter-spacing:-0.02em}
#nav>li>a:hover { color:#416FCA; }
#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.8}
#nav>li>section>a:hover{color:#fff; opacity:1}
a.onm{ font-weight: bold; background: url("../images/leftonmsk.png") no-repeat #2a549e; color:#fff; }

#subnav{ display:none; background: #fff; width: calc(100% - 30px); border:5px solid #2a549e; position: absolute; z-index: 5; top:119px; padding: 10px; font-size: 120%; letter-spacing: -0.09em; }
#subnav>li{list-style:none;float:left; display: block; width: calc((100%/6) - 21px); padding:5px 10px; min-height: 250px; }
#subnav>li:hover{ background:#2A549E;  }
#subnav>li:hover>a{ color:#fff; font-weight:bold; border-bottom:1px dotted #5276b8; text-shadow: 1px 1px 1px #0D2C64; }
#subnav>li:hover>a:hover{ color: yellow; }
#subnav>li:not(:last-child){ border-right: 1px solid #ccc; }
#subnav>li>a{ display: block; padding: 10px 0px; border-bottom: 1px dotted #ccc; }


#midcontainer{ 
    width: 100%; min-height:400px; display: block; overflow: auto; 
    background:url("../images/leftback.gif"); 
    background-repeat:  no-repeat;
    background-position: 0px 50px;
    background-size:210px calc(100% - 50px);
}

/*menu*/
#wLeft >h1 { text-align:center;color:#000; font-size:135%;  height:170px;}
#realleft{ letter-spacing: -0.03em;}
#realleft>a, #realleft>span {display:block; padding-left:25px; border-bottom:1px dotted #ccc;line-height: 35px; font-size: 110%;}
#realleft>div>a{display:block; line-height: 35px; font-size: 110%; padding-left:25px; border-bottom:1px dotted #ccc; background:#f7f7f7}
#realleft>div>a.onm{ color:#2a549e;}

aside { 
    width:210px;float:left; min-height:350px;
    background:url("../images/lftitleback.png"); 
    background-repeat: no-repeat;
    background-position:0px 0px;
    background-size: auto;
}
aside>div:first-child{height: 170px; width: 100%;text-align: center; font-family: "Noto Sans KR"; }
aside>div>p{ color:#fff; opacity: 0.5; font-size: 140%; font-weight: 500; padding-top:60px; padding-bottom: 10px; }
aside>div>h1{ color:#fff; font-size: 190%; font-weight: 500; text-shadow:1px 1px 1px black; }
#realleft{ padding: 0px 1px;}

#ctsWrap { float:right; width:840px; font-size: 110%; padding-bottom: 50px; line-height: 160%; letter-spacing: -0.03em;  }

#ctstitle { height:95px; border-bottom:1px solid #ccc; margin-bottom: 25px; position:relative; z-index: auto;   }
#ctstitle>h1 { font-size: 260%; line-height: 100%; letter-spacing: -0.05em; color: #333; padding-top:10px; font-family:'Noto Sans KR'; }
#ctstitle>h1>span { color:#3869c8; }
#ctstitle>h2 { font-size: 100%; color:#777777; padding: 10px 0px 15px 0px; font-weight: normal; letter-spacing: -0.03em;  }

#fprivacy{ text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.03); padding:0.5rem; }


footer { height:100px; background:url("../images/footback.jpg") repeat-x; border-top:1px solid #ddd; color:#777; line-height: 160%; }
#footct{ width: 1080px; margin: 25px auto ;}
#footct>img+div{ border-left:1px solid #e5e5e5;padding-left: 20px; margin:20px 0px 20px 210px; }
#footct>img+div>div:not(:last-child){ margin-bottom: 10px;}
#footct>img+div>div>h1{ color:#555; font-size: 120%;}

/*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}

/*site class*/
.pagewrap{ word-break: keep-all; }

table.ltypexh { width: 100%; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; }
table.ltypexh td{ padding: 7px 5px; line-height: 29px; }
table.ltypexh tr>td:not(:last-child){ border-right: 1px solid #ddd; }
table.ltypexh tr:not(:last-child)>td{ border-bottom: 1px dotted #ccc; }

.history { border-top:2px solid #2A549E; width:100%; margin-top:10px; line-height: 170%; letter-spacing: -0.02em; }
.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 }

.divtype1 { margin-bottom: 20px; padding-bottom: 20px; }
.divtype1>h1 { font-size: 150%;  font-weight: 400; color:#333; font-family: "Noto Sans KR";  margin:15px 0px; line-height: 140%; }
.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; }
.divtype1>.b10px{ margin-bottom: 10px; }

.divtype2 { margin-bottom: 20px; padding-bottom: 20px; overflow:auto; }
.divtype2>h1 { font-size: 150%;  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; }
.divtype2>img{ display:block; float: right; border:1px solid #ddd; padding: 9px; margin-left: 50px; }
.divtype2>ol, .divtype2>ul{ margin-left: 20px; }
.divtype2>ol>li, .divtype2>ul>li{ padding:3px 0px }


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

.pgfilez{ background: #f1f1f1; border:1px solid #ccc; padding: 20px 30px; border-radius: 3px; }
.pgfilez>h1{ padding-bottom: 10px; color:#333; font-family: "Noto Sans KR"; font-weight: 500; }
.pgfilez>img { vertical-align: middle; }

.stepbox>p{ display: inline-block; vertical-align: middle; }
.stepbox>p{ margin-top: 20px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 115%; color:#355fc0;  }
.stepbox>span{ padding: 5px; }

.order{ padding: 20px 0px; border-radius:10px; overflow: auto;}
.order > div{ float: left; background: #fff; border:3px solid #7C99D4; color:#2A549E; 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: block; padding: 33px 5px;}

.boxtype1{ 
    border: 1px solid #ccc; border-top:2px solid #000; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding:10px 20px;float: left; 
    background:#f5f5f5 linear-gradient(#ffffff, #f5f5f5);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
	background:-moz-linear-gradient(top, #ffffff, #f5f5f5);
}
.boxtype1>h1{ font-family: "Noto Sans KR"; font-size: 115%; font-weight: 500; border-bottom:1px solid #ddd; padding: 5px 0px; }
.boxtype1>div{ padding: 10px 0px; font-size: 90%; letter-spacing: -0.03em; }

.roundbox{ overflow: hidden; }
.roundbox>div{ float: left; border:1px solid #ccc; border-radius: 10px; padding: 20px; text-align: center; height: 100px; }
.roundbox>div>h1{ font-family: "Noto Sans KR"; font-size: 130%; color:#2A549E; padding-bottom: 10px; border-bottom:1px solid #ddd; font-weight: 500; }
.roundbox>div>p{ padding-top:10px;}
.roundbox>img{ display:block; float: left; padding: 63px 10px;}

.txtidt30{ text-indent: -14px; padding-left:14px;}

/*page 구조*/
#pgw01_01>p:first-of-type{ font-size: 160%; font-weight: 300; font-family: "Noto Sans KR"; line-height: 120% }
#pgw01_01>p:first-of-type>span{ color:#3869C8}
#pgw01_01>p:last-of-type{ font-size: 150%; font-weight: 500; font-family: "Noto Sans KR"; text-align: right; }

#pgw01_03>div:first-child{ background: url("../images/img01_03_240826.jpg") no-repeat; background-position: 50% 0px; margin: auto; height: 560px; position: relative; z-index: auto; }
#pgw01_03>div:first-child>p{ width: 171px; height: 65px; text-align: center; color:#fff; font-family: "Noto Sans KR";font-size: 120%; font-weight: 500; line-height: 65px; position: absolute;z-index: auto }
#pgw01_03>div:first-child>ul{ list-style: none; text-align: center;width: 240px; padding: 20px; position: absolute; z-index: auto; }
#pgw01_03>div:first-child>ul>li{ border-bottom: 1px dotted #ccc; padding: 3px;  }
#pgw01_03>div:first-child>ul>li:last-child{ border-bottom: 0px; }
#pgw01_03 table>tbody>tr>td:last-child{ text-align: left; }

#pgw01_04{ border-top:1px solid #ccc;}
#pgw01_04>h1 { padding:20px 0px;font-family: 'Noto Sans KR'; font-weight: 500; font-size: 130%; text-align: center; line-height: 160%; color:#333; border-bottom: 1px dotted #aaa; }
#pgw01_04>ul { margin: 10px 0px 20px 20px ;}

#pgw01_04_02>h1 { padding:20px 0px;font-family: 'Noto Sans KR'; font-weight: 500; font-size: 130%; text-align: center; line-height: 160%; color:#333; border-bottom: 1px dotted #aaa; }
#pgw01_04_02>ul { margin: 10px 0px 20px 20px ;}

#pgw02_01 .ltype1{ border:1px solid #ccc; margin:5px auto;  }
#pgw02_01 .ltype1 tr>td:last-child{ padding-left: 0px;}
#pgw02_01>div:nth-of-type(3)>p{ margin-bottom: 10px;}
#pgw02_01>div:nth-of-type(3){ overflow:auto;}
#pgw02_01>div:nth-of-type(3)>div:not(:last-child){ margin-right: 5px;}
#pgw02_01>div:nth-of-type(3)>div{ width: calc(15% - 5px);}
#pgw02_01>div:nth-of-type(3)>div>div{ min-height: 170px;}
#pgw02_01 .boxtype1>h1{ color:#3869C8; }

#pgw02_02_01>div:first-child{ background: url(../images/img020201_back.jpg) no-repeat; height:130px; padding: 30px; text-align: center; margin-bottom: 30px; }
#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_01 div.divtype1:not(:last-child){ border-bottom:1px dotted #ccc; }

#pgw02_02_02>.divtype1>img, #pgw02_02_03>.divtype1>img{ border:1px solid #ccc; display: block;}

#pgw02_03>table tr>th{ background:#4371CB; color:#fff; }
#pgw02_03>table tr>td:last-child{ text-align: left; }
#pgw02_03>table:not(:first-of-type){ display: none; ;}

#pgw02_04>table tr>th{ background:#4371CB; color:#fff; }

#pgw02_05 table.ltype1{ border-top:2px solid #4371CB;}
#pgw02_05 table.ltype1 td:last-child{ text-align: left;}
#pgw02_05 table.ltype1 td:nth-last-of-type(3){ background:#f7f7f7; font-weight: bold;}
#pgw02_05 table.ltype1+div{ margin: 10px 0px;}
#pgw02_05 .roundbox{ margin-top: 0px;}
#pgw02_05 .roundbox>div>p{ width: 135px;}
#pgw02_05 .roundbox>div{ border:5px solid #eee; }

#pgw02_06_01>div{ border-bottom:1px dotted #ccc;}

#pgw02_06_02>div:nth-of-type(2){ overflow:auto; }
#pgw02_06_02>div:nth-of-type(2)>div:not(:last-child){ margin-right: 5px;}
#pgw02_06_02>div:nth-of-type(2)>div{ width: calc(15% - 5px); height: 160px;}
#pgw02_06_02 .ltype1 tr>td:last-child{ text-align: left;}
#pgw02_06_02 table.ltype1 tr>th{ background:#4371CB; color:#fff; }

#pgw02_06_03 ol>li{ padding-top:7px; padding-bottom: 7px;}
#pgw02_06_03 ol>li>h1{ font-family: "Noto Sans KR"; font-size: 120%; font-weight: 400; }
#pgw02_06_03 .roundbox{ margin-top: 0px;}
#pgw02_06_03 .roundbox>div>p{ width: 180px;}
#pgw02_06_03 .roundbox>div{ border:5px solid #eee; }
#pgw02_06_03 table.ltype1{ margin-top:5px; }
#pgw02_06_03 table.ltype1 tr>th{ background:#4371CB; color:#fff; }

#pgw02_06_04{ display: flex; column-gap: 10px;  }
#pgw02_06_04>div{  width:calc(50% - 10px); }
#pgw02_06_04>div>table{ border:1px solid rgba(0, 0, 0, 0.2)}
#pgw02_06_04>div>table>caption{ text-align: left; font-size: 120%; font-weight: bold; padding-bottom: 10px; }
#pgw02_06_04>div>table tr>th{ background:#4371CB; color:#fff; }

#pgw03_01>table tr>th{ background:#4371CB; color:#fff; }
#pgw03_01>table td:has(>ul){ text-align: left; }
#pgw03_01>table tr>td:last-child{ padding-left:5px; }
#pgw03_01>table:not(:first-of-type){ display: none; ;}
#pgw03_01>div{ margin:10px auto;}

#pgw03_02>div{ box-sizing: border-box;}
#pgw03_02 table tr>td:last-child{ padding-left:5px; }
#pgw03_02 table tr>td:nth-of-type(2){ text-align: left;}
#pgw03_02 table ul{ margin:0px 0px 0px 20px; }
#pgw03_02 table ul>li{ line-height: 130%; }
#pgw03_02 table td.xlasttd{ border-right:1px solid #ddd; text-align: left; }

#pgw04_01>div:first-child>img{ display: block; margin-top: 10px; }
/* #pgw04_03 .ltype1 tr>td:first-child{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; background:#f7f7f7 } */
#pgw04_03 .ltype1 tr>td:last-child{ text-align: left; }
#pgw04_03 ol{ margin-left: 20px; }
#pgw04_04{ background: url(../images/img0404_01.jpg) no-repeat 100% 550px;}
#pgw04_04 .order{ padding-top: 0px;}
#pgw04_04 .order>div{ width: 90px; background: url("../images/lftitleback.png"); border:0px; color:#fff }
#pgw04_04 .order+ol>li{ padding: 0px;}