@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;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#000;}
table{width:100%; border-collapse:collapse; border-spacing:0;}
html,body{height:100%;}
a{display:block;}
button{border:0; vertical-align:middle;}
input{vertical-align:middle; border:1px solid #ddd; padding-left:10px; height:30px;}
input[type="radio"],input[type="checkbox"]{height:16px; width:16px; border:0; vertical-align:top}
select{border:1px solid #ddd; vertical-align:middle; height:30px; width:100px }

#wrapper{min-height:100%; background:#f0f0f2 url(../images/icon_06.png) repeat-x left bottom -20px; }


/* ******** header ******** 
#header{background:url(../images/shadow.png) repeat-x 0 -25px; height:90px;}
#header div{width:800px; margin:0 auto; height:80px;}
#header div h1{background:url(../images/logo_49.png) no-repeat left center; font-size:0; height:80px; width:400px; float:left;}
#header div h2{float:right; text-align:right; padding-top:22px; color:#888;}
#header div h2 span{display:block; font:18px NanumGothicBold; color:#2c3f5d; padding-top:2px;}
*/
#header{background:#5484c0; padding:15px}
#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;}

/* ******** main ******** */
#main{width:800px; margin:0 auto; padding-bottom:40px;}
#main h2.title1{font:20px/40px NanumGothicBold; text-align:center; color:#3e557a; padding:30px 0 40px; letter-spacing:11px; background:url(../images/icon_13.png) no-repeat right 80px bottom; background-size:auto 120px}
#main h2.title1 b{letter-spacing:0;font:20px/40px NanumGothicBold; color:#3e557a;}
#main h2.title1 span{font-size:41px; color:#2c3f5d; display:block; letter-spacing:4px;}

.typeA,.typeB{background:#fff;}
.typeA th{font-family:NanumGothicBold; font-size:1.2em; padding:10px; background:#adadad; color:#000}
.typeA th,.typeA td{padding:15px 10px; 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:1.1em; font-family:NanumGothicBold}
.typeB th,.typeB td{padding:15px; border:1px solid #d7dfea; text-align:center;}
.typeB td{text-align:left;}
.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 30px; 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}

.show{padding:20px}
.show li{line-height:30px; font-size:16px}
.show li.alignC{text-align:center}
.show li.alignR{text-align:right}
.show li.alignC.sign{font:18px/40px NanumGothicBold;}

.explan{background:url(../images/logo_50.png) no-repeat center 20px; padding-top:90px; font-size:0}
.explan.ok{background:#fff; font-size:14px; padding-top:0}

.explan h3{font:20px NanumGothicBold; color:#fff; background:#aaa; padding:10px 20px;}
.explan ul{border:1px solid #aaa; padding:20px}
.explan ul li{padding:4px 0}

.btn{padding:20px; text-align:center; vertical-align:middle;}
.btn a,.btn button{display:inline-block; width:200px; font:18px/46px NanumGothicBold; text-align:center; color:#fff; background:#4c8ce1; margin:5px; vertical-align:middle;}
.btn button[type="cancle"],.btn a.btn_close{background:#7b8990;}
.btn a:first-child,.btn button:first-child{background:#e7648c; vertical-align:middle;}
.btn .btns,.close{display:inline-block; width:200px; font:18px/46px NanumGothicBold; text-align:center; color:#fff; background:#e7648c; margin:5px; border:1px solid #e7648c; height:46px; vertical-align:top}
input.w100{width:100px}

/* step01 */
.tab01,.tab02,.tab03,.tab04,.tab05{width:800px; height:69px; margin-top:20px; font-size:0;}
.tab01{background:url(../images/tab01.jpg) no-repeat;}
.tab02{background:url(../images/tab02.jpg) no-repeat;}
.tab03{background:url(../images/tab03.jpg) no-repeat;}
.tab04{background:url(../images/tab04.jpg) no-repeat;}
.tab05{background:url(../images/tab05.jpg) no-repeat;}

.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; }

.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}

.title3{text-align:center; font:28px/90px NanumGothicBold; margin-top:15px; background:url(../images/icon_13.png) no-repeat right 230px top 10px;}
.title4{text-align:center; font:28px/90px NanumGothicBold; margin-top:15px; background:url(../images/icon_13.png) no-repeat right 130px top 10px;}
.title5{text-align:center; font:28px/90px NanumGothicBold; margin-top:15px; background:url(../images/icon_13.png) no-repeat right 200px top 10px;}
.list>li{padding-left:20px; position:relative; padding-bottom:10px; font-size:15px}
.list>li>span:first-child{position:absolute; left:0; top:0; width:20px; font:bold 15px arial;}
.list ul{padding:2px 0}
.list ul li{background:url(../img_2017/point_blue2.png) no-repeat 9px 10px; padding:3px 0 2px 20px;}
span.red{color:#e53b6f; font-family:NanumGothicBold}
span.blue{color:#3f8bf3; font-family:NanumGothicBold}
a.link{background:#87aae9; color:#fff; padding:5px 15px; display:inline-block;}

.check_box{background:#fff; border:1px solid #ddd; padding:10px 20px; margin:10px 0;}
.check_box input{margin-right:5px;}
.check_box form ul li{padding:5px;}
.check_box h3{font:18px NanumGothicBold; padding-bottom:10px;}

/* step2 */
.step2>ul{position:relative;}
.step2>ul:after{display:block; content:""; clear:both;}
.step2>ul>li{float:left; width:50%; height:400px}
.step2>ul>li:first-child{height:700px}
.step2>ul>li>div{position:absolute; left:0; top:50px; width:100%; display:none;}
.step2>ul>li.active>div{display:block;}
.step2>ul>li>h3{text-align:center; font:16px/50px NanumGothicBold; background:#d7dfea; color:#97abc5}
.step2>ul>li>h3:first-child{border-right:1px solid #c8d3e2}
.step2>ul>li.active>h3{ background:#a0b4ce; color:#fff}


.file{width:500px; border:1px solid #ddd;}
/*
.typeB .file{border:1px solid #ddd; width:400px; line-height:36px; overflow:hidden; position:relative; float:left; padding-left:10px; cursor:pointer; }
.typeB .file span{position:absolute; right:0; top:0; z-index:2; width:80px; line-height:36px; background:#aaa; color:#fff; text-align:center;}
.typeB .file input{width:3000px; height:80px; position:absolute; border:0; left:-1600px; top:-40px; z-index:5; background:none;}
.typeB .file b{position:relative; z-index:2; width:380px}
.typeB .icon_red{margin-right:5px; }

.file2{background:none; bordeR:1px solid #ddd; width:500px;}
*/
.typeB.mT50{margin-top:50px;}

.agree_box{border:1px solid #aaa; background:#fff; padding:20px; margin:5px 0;height:155px;overflow:hidden; overflow-y:scroll;position:relative;}
.agree_box div{}
.agree_box h3{font:15px NanumGothicBold; padding:13px 0 5px; color:#444}
.agree_box ol{margin-left:15px}
.agree_box ol li{padding:0 0 5px 15px; position:relative; line-height:18px; color:#777}
.agree_box ol li span{position:absolute; left:0; top:0; width:15px;}
.agree_box div p{padding-bottom:10px; color:#444}
.label{padding:5px 0 15px; font:17px NanumGothicBold; color:#e70052}
.label input{vertical-align:middle; margin-right:7px;}


#addr2,#addr3{width:90%; margin-top:5px; display:block;}
select.w200{width:200px;}
.btn_ok{display:inline-block; padding:0 10px; color:#fff; background:#97a3b4; border:1px solid #97a3b4; margin-left:5px;}
td label{padding-right:20px}
td label input{margin-right:5px}


/* **************  로그인  ************** */
#login{background:#43566f; min-height:100%;}
#login .bg{background:#5484c0; min-height:100%; box-shadow:inset 0 0 350px rgba(0,0,0,0.5); position:absolute; left:0; top:0;z-index:1; width:100%}
#login .login{width:460px; background:#fff; position:absolute; left:50%; top:50%; margin:-210px 0 0 -230px; border-radius:10px 10px; box-shadow: 0 0 20px rgba(0,0,0,0.5); overflow:hidden; z-index:2}
/*#login .login.join{margin:-320px 0 0 -230px;}
#login h2{background:url(../images/logo_70.png) no-repeat center 35px; height:150px; font-size:0; }*/
#login table{margin:0 35px 40px; width:390px}
#login input{background-color:#dde3ef !important; border:0; height:40px; width:230px; outline:none}
#login th{text-align:right; padding-right:15px}
#login td{padding:4px}
#login .center th{text-align:center; padding:15px 0;}
#login button{width:160px; font:normal 16px/38px NanumGothicBold; color:#fff; background:#2c97da}
#login button:first-child{background:#e33d77}
#login h3{font:normal 22px/66px NanumGothicBold; color:#333; letter-spacing:-1px; text-align:center; background:#eee; border-radius:10px 10px 0 0 ;}
#login h3:first-child{border-radius:10px 10px 0 0; margin-bottom:40px}
#login .login.join table{margin-top:30px}
#login .login.join input{height:30px; width:215px}
#login .login.join select{height:30px; width:225px}
#login .login.join .last th{text-align:center; padding-top:15px}
#login .login.join button{width:225px}

.tableD{border:1px solid red}

.btn td,.btn{ text-align:center; padding-top:40px }
.btn .ok,.btn .can{display:inline-block; min-width:110px; font:18px/50px NanumGothicBold; text-align:center; color:#fff;  margin:5px; vertical-align:middle; height:50px; padding:0 20px}
.btn .ok{background:#e7648c;}
.btn .can{background:#4c8ce1;}