@charset "utf-8";

@font-face {
  font-family: NanumGothic;
  src: url(font/NanumGothic.eot);
  src: url(font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic.woff) format('woff'),
       url(font/NanumGothic.ttf) format('truetype'),
       url(font/NanumGothic.svg#NanumGothic) format('svg');
}
@font-face {
  font-family: NanumGothicBold;
  src: url(font/NanumGothicBold.eot);
  src: url(font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothicBold.woff) format('woff'),
       url(font/NanumGothicBold.ttf) format('truetype'),
       url(font/NanumGothicBold.svg#NanumGothicBold) format('svg');
}

/* Reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,blockquote,strong,b{margin:0; padding:0; font:normal 14px NanumGothic; color:#000;}
legend,caption{display:none;}
ul, ol{list-style:none;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#000;}
table{ border-collapse:collapse; border-spacing:0; background:#fff;}
th,td{border:1px solid #d7dfea; padding:15px 5px; color:#333;}
th{font-family:NanumGothicBold; background:#999; color:#fff; border:1px solid #aaa; border-left:1px solid #bbb;border-right:1px solid #bbb; font-size:1.1em; padding:12px 0}
html,body{height:100%;}
input{vertical-align:middle; border:1px solid #ddd; padding-left:10px; height:36px; line-height:36px; outline:none; }
select{vertical-align:middle; border:1px solid #ddd; padding-left:10px; height:38px; line-height:38px; outline:none; }
input[type="radio"],input[type="checkbox"]{height:16px; width:16px; border:0; vertical-align:top}
a{display:block;}

body{ background:#f0f0f2; }
#wrapper{min-height:100%;}

#header{background:#5484c0; padding:15px}/*16b9b0*/
#header>div{width:800px; margin:auto; overflow:hidden}
#header h2{float:left; width:185px; height:47px; font-size:0; background:url(../img_2017/seoul.png) no-repeat center;}
#header h3{float:right; width:133px; height:47px; font-size:0; background:url(../img_2017/seoulsoul2.png) no-repeat center;}


#content{width:720px; margin:auto; padding:20px 0 60px;}
.title1{text-align:center; font:20px/26px NanumGothic; padding-bottom:40px; letter-spacing:10px; margin-top:20px}
.title1 span{display:block; font:36px/40px NanumGothicBold; }
.submit{padding:50px 0; text-align:center; font:20px NanumGothicBold; color:#ff3366}

.left{text-align:left; font-family: NanumGothicBold; color:#333;}
.center{text-align:center;}

.title2{text-align: center; font: 28px/90px NanumGothicBold; margin-top: 15px; background: url(../images/icon_13.png) no-repeat right 130px top 10px;}
.title2 b{font: 28px/90px NanumGothicBold; color:#ff3366}
.title2 img{vertical-align:middle; margin-left:20px; margin-top:20px}

.step3 ul{text-align:center; margin:10px 0; padding:25px; border:1px solid #ccc; border-width:1px 0; background:#fff}
.step3 ul li{display:inline-block;  width:270px}
.step3 ul li label{font:18px/22px NanumGothicBold;}
.step3 ul li label input{width:20px; height:20px; vertical-align:middle; margin-right:5px;}
.typeA{margin:auto}
.typeA,.typeB{background:#fff;}
.typeA th{font-family:NanumGothicBold; font-size:1.2em; padding:10px; background:#adadad; color:#fff}
.typeA th,.typeA td{padding:10px 5px; border:1px solid #ccc; text-align:center;}
.typeA b{display:block; color:#d9546a; font-family:NanumGothicBold; padding-top:5px;}
.typeA span{display:block; color:#3357b3; font-family:NanumGothicBold; padding-top:5px;}
.typeA td.left{text-align:left; line-height:22px;}

.typeB th{background:#f8f8f8; font-size:0.9em; font-family:NanumGothicBold}
.typeB th,.typeB td{padding:10px 5px; border:1px solid #d7dfea; text-align:center; color:#000}
.typeB td{text-align:left; line-height:20px}
.print .typeB td{text-align:center;}
.print .typeB td.le{text-align:left}
.print .typeB .color_B{color:blue}
.typeB td button{height:38px; padding:0 20px; background:#8f95a0; color:#fff; border:1px solid #8f95a0;}
.typeB td .w300{width:300px;}
.typeB td .w400{width:400px;}
.typeB td.la label{display:inline-block; width:180px; padding:4px 0}
.typeB td a.link{line-height:38px;padding:0 15px; margin-left:5px; vertical-align:middle}
.typeB td .face{width:120px; height:160px}

.b{display:block; color:#3366ff; padding-top:10px}
.w input{width:90%; margin:4px 0}
.w input.w100{width:100px}
.w .btn1{background:#666; width:120px; text-align:center; color:#fff; font:14px/36px NanumGothicBold; padding:0;}
.bg3{text-align:center; padding:30px}
.bg3 input{background:#ff3366; padding:0 20px; text-align:center; color:#fff; font:18px/40px NanumGothicBold; border:1px solid #ff3366;}



input.w100{width:100px}
.btn4 td{text-align:center; padding:30px;}

.btn4 a,.btn4 input{display:inline-block; width:200px; font:18px/50px NanumGothicBold; text-align:center; color:#fff; background:#4c8ce1; margin:5px; vertical-align:middle; height:50px}
.btn4 td input:first-child,.btn input:first-child{background:#e7648c; vertical-align:middle;}

/*.btn{padding:20px; text-align:center; vertical-align:middle;}
.btn a,.btn button,.btn input[type="button"]{display:inline-block; width:200px; font:18px/50px NanumGothicBold; text-align:center; color:#fff; background:#4c8ce1; margin:5px; vertical-align:middle; height:50px}
.btn button[type="cancle"],.btn a.btn_close{background:#7b8990;}
.btn span:first-child a{background:#e7648c; vertical-align:middle;}
*/
.btn td,.btn{ text-align:center; padding-top:30px }
.btn .ok,.btn .can{display:inline-block; min-width:130px; font:18px/40px NanumGothicBold; text-align:center; color:#fff;  margin:5px; vertical-align:middle; height:40px; padding:0 20px; border:0}
.btn .ok{background:#e7648c;}
.btn .can{background:#4c8ce1;}

.typeB.samp input[type="text"]{width:100px}
.typeB.samp input[type="file"]{width:340px}
.typeB .down{background:#777; padding:0 15px; color:#fff; height:36px; line-height:36px; display:inline-block; margin-left:5px; vertical-align:middle; font-family:NanumGothicBold}
.label label{display:inline-block; vertical-align:middle; width:200px; padding:5px 0}
#footer{background:url(../img_2017/foot.jpg) repeat-x; text-align:center; margin-top:50px; width:100%}
/*
p.center{text-align:center; padding:30px 0 15px; font-size:14px}
p.left{text-align:left; font-size:14px}
p.right{text-align:right; font-size:14px}
p.center b{font:20px/50px NanumGothicBold}
*/
.school{padding:20px 10px}
.school li{text-align:center;  font:16px/30px NanumGothic;}
.school li b{font:16px/40px NanumGothicBold; padding-left:20px; display:inline-block;}
.school li.right{text-align:right;}
.school li h3{font:20px/50px NanumGothicBold; text-align:center;}

.note{padding:15px}
.note h2{font:18px/40px NanumGothicBold; text-align:center;}
.note ul li{font:14px/24px NanumGothic;}
.note ul li b.blue{color:blue}
.note ul li b.red{color:red}
.note ul li{font:14px/24px NanumGothic;}
.note p{padding:10px; }
.typeB.w3.btn{ text-align:center;}
b.blue{color:blue}
b.green{color:green}
b.red{color:red}
.btn.ww3 {text-align:center;}
.btn.ww3 a{min-width:100px; height:40px; font:14px/40px NanumGothic; padding:0; display:inline-block}
.btn.ww3 a.can1{background:#999; color:#fff}
.btn.ww3 a.can2{background:#336699; color:#fff}
.btn.ww3 p{text-align:center; padding:50px 0 10px}
.img_show{text-align:center;vertical-align:middle}
.img_show img{width:130px;vertical-align:middle}

.form{font:20px/40px NanumGothicBold;}

.btn_post input{width:90%;  margin:5px 0;}
.btn_post input:first-child{width:100px}
.btn_post input[type="button"]{background:#666; color:#fff; text-align:center; border:0; width:100px; padding:0}
.mil{ position:relative;}
.mil2{position:absolute; right:0; top:0;  padding:0 50px 0 20px;}
.mil2 b{display:inline-block; width:80px;border:1px solid #ddd;  border-width:0 1px; line-height:40px; text-align:center;}
.mil2 label{display:inline-block; margin:0 20px; vertical-align:middle}
.mil2 label input{vertical-align:middle}
.typeB td.emw{width:136px;   
  white-space:normal;word-break:break-all
  }
.btn.m{padding:10px}
.typeB.www input{width:200px}
.table_width{width:800px}

  @media print{
     .prt{display: none;}
  }
#rdept{width:200px}
.rtel{width:100px}
#totn{padding:20px;text-align:left;font-size:20px}