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

body{ background:url('../images/pagetop.jpg') no-repeat 50% 0%; }
#navbar {background:#000; opacity: 0.5;; position:absolute; z-index:1; top:110px; left:0px; width:100%; height:0px; }

#wrap{width:1124px;margin:0px auto;color:#636363}
header{height:110px;position:relative;z-index:auto;}
#topmn { position:absolute;z-index:auto;top:0px;right:0px; font-size:100%; letter-spacing:-0.05em; color:#ccc; background:#004b93; padding:10px 10px 5px 10px }
#topmn>a{ color:#fff; opacity: 0.7;}
#topmn>a>img{ vertical-align:-2px; }
#topmn>a:hover{opacity:1 }
#logo{ display: inline-block; width: 250px; height:110px; background:#004b93; }
#logo>img{ display: block; margin:15px auto 0px auto; }

/*navigation*/
#nav { font-family: "Noto Sans KR"; font-size: 170%; float:right;width:770px;height:40px;line-height:40px;display:block;margin-top:60px;}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 30px 10px 30px; font-weight:500; color:#fff; text-shadow:2px 2px 2px #000; padding:0px 7px; letter-spacing:-0.05em}
#nav>li:last-child>a{ margin-right:0px; }
#nav>li>a.nvon { color:#fff !important; border-bottom:3px solid #fff;  }
#nav>li>section{position:absolute;z-index:4; top:40px;line-height:35px; height:35px; display:none; padding:0px 10px; font-size: 70%; text-shadow:1px 1px 1px #000;  }
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:400;letter-spacing:-0.03em;color:#fff; opacity: 0.8; }
#nav>li>section>a:hover{color:#fff; opacity:1}
.onm{ font-weight: bold; }

/*ani*/
#topmovie{ height: 240px; position: relative; font-family: "Noto Sans KR"; letter-spacing: -0.05em;}
#topmovie>.ani{ position: absolute; color:#fff; opacity: 0; }
#ani01{ left:310px; top:70px; }
#ani02{ left:430px; top:90px; font-size: 150%; font-weight: 400; }
#ani03{ left:420px; top:140px; font-size: 450%; font-weight: 700; }
#ani03>span{ font-weight: 200;}

#ctsWrap { min-height:400px; letter-spacing:-0.05em }
#ctsWrap>h1 { font-size: 180%; font-weight: 600; font-family: "Noto Sans KR"; color:#000; border-bottom:1px solid #e5e5e5; background:url(../images/pgtico.gif) no-repeat 0% 50%; margin:15px 0px; padding:15px 0px 15px 20px; }

footer {  background:#2b2b2b; min-height: 275px;}
footer>section{ width: 1080px; margin: auto; }
footer>section>div:first-child{ padding: 35px 0px 20px 0px; border-bottom: 1px solid #555; text-align: center }
footer>section>div:last-child{ border-top:1px solid #000; color:#707070; text-align: center; padding-top: 25px; }
footer>section>div:last-child>p{ margin-top:15px}

/*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*/
.pgw{ word-break: keep-all; letter-spacing: -0.03em; font-size: 115%; line-height: 160%; padding-bottom: 50px; }
.pgw>h1{ font-family: "Noto Sans KR"; font-size: 140%; margin:20px 0px;} 

.divtype1:not(:last-of-type){ border-bottom:1px dotted #ccc; }
.divtype1{padding: 15px 0px;}
.divtype1>h1{ font-family: "Noto Sans KR"; font-size: 130%; padding-bottom: 10px;}
.divtype1>h1>span{ color:#000; font-size: 120%; }

.divtype3 { padding: 15px 0px; overflow: auto;  }
.divtype3:not(:last-of-type){ border-bottom: 1px dotted #ccc; }
.divtype3>h1 { font-size: 130%;  font-weight: 400; color:#333; font-family: "Noto Sans KR";  line-height: 140%; }

.loadImgz{position:relative; z-index:auto; overflow:hidden;}

.boxs01{ overflow: auto; display: block; }
.boxs01>dl{ width:calc(25% - 60px); font-size: 110%; }
.boxs01>dl:not(:last-of-type){ margin-right:20px; }
.boxs01>dl{ float: left; display: block; border: 1px solid #ddd; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; word-break: keep-all; padding:20px; background:#f7f7f7; }
.boxs01>dl>dt{ font-weight: 500; font-family: 'Noto Sans KR'; font-size: 120%; padding: 10px; border-bottom: 1px dotted #aaa; color:#333; }
.boxs01>dl>dd{ padding: 10px 5px; font-size: 95%; }
.boxs01>dl>dd>ul{margin-left: 20px;}
.boxs01>dl>dd>p{ padding: 10px 0px; font-size: 95%; color:#E26A52; }

.history tr:not(:last-of-type){ border-bottom:1px solid #ccc; }
.history tr>td{ font-size: 110%; padding: 20px; line-height: 200%;}
.history tr>td:first-child{ vertical-align: top;}
.history tr>td:first-child>div{ font-family: "Noto Sans KR"; width: 150px; height: 150px; line-height: 150px; text-align: center; background: #004B93; color:#fff; border-top-right-radius: 80px; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; font-size: 150%;}
.history tr>td>ul{ margin-left: 20px;}

.divbasic{margin-bottom: 15px; padding-bottom: 15px; }
.divbasic>h1 { font-size: 140%;  font-weight: 500; color:#333; font-family: "Noto Sans KR";  margin:15px 0px; line-height: 140%; }
.divbasic .step1{ margin-left: 20px; padding: 5px 0px;}
.divbasic .step1>li{ padding: 5px 0px; }
.divbasic .step2{ margin-left: 20px; list-style:upper-alpha ; padding: 5px 0px; }
.divbasic .step2>li{ padding: 2px 0px; }
.divbasic .step1>li>p{ text-indent: -20px; padding:3px 0px 3px 20px;  }

/*site layout*/
#pgw01_01 { font-size: 120%;}
#pgw01_01>h1{ font-family: 'Stylish', sans-serif; font-size: 400%; line-height: 100%; font-style: italic; font-weight: 400; color:#000; margin:20px 0px; letter-spacing: -0.05em;  }
#pgw01_01>h2{ font-family: "Noto Sans KR"; font-size: 200%; font-weight: 400;}
#pgw01_01>div:last-of-type{ text-align: right; font-family: "Noto Sans KR"; font-size: 180%; font-weight: 400; margin:40px 0px}
#pgw01_01>div:last-of-type>span{ font-family: 'Stylish', sans-serif; font-size: 180%; font-style: italic; color:#000; }

#pgw01_02>h1{ font-family: 'Stylish', sans-serif; font-size: 180%; font-style: italic; font-weight: 400; color:#000; }
#pgw01_02>.boxs01{ padding-top: 10px;}
#pgw01_02>.boxs01>dl{ min-height: 210px }
#pgw01_02>.boxs01>dl:nth-of-type(1){ border-top:3px solid #6169B4; }
#pgw01_02>.boxs01>dl:nth-of-type(2){ border-top:3px solid #5F89B1; }
#pgw01_02>.boxs01>dl:nth-of-type(3){ border-top:3px solid #2CA9C7; }
#pgw01_02>.boxs01>dl:nth-of-type(4){ border-top:3px solid #18D2A3; }

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

#pgw01_04 { overflow: auto;}
#pgw01_04 .history{ float:left; width: 700px;}
#pgw01_04 .history tr>td{ padding: 50px 0px;}
#pgw01_04 .history tr:nth-of-type(2)>td>ul{ float:left; }
#pgw01_04 .history tr:nth-of-type(2)>td>ul:first-of-type{ width: 200px;}
#pgw01_04 .history+div{ float: right; }
#pgw01_04 .history+div>img{ border:1px solid #ddd; padding:9px; display: block; margin-bottom: 10px;}

#pgw01_05{ text-align: center; }