/*Reset*/
html{font-size:10px; min-height:100%; height:100%;}
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0; min-height:100%; height:100%;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td,figure{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#444;}
a:hover,a:active,a:focus{text-decoration:none;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}

strong{font-weight:700;}
h1,h2,h3,h4,h5,h6{font-weight:400;}

p{margin:0; padding:0;}
html, body{height:100%; padding:0; margin:0; font-family: 'Noto Sans KR', sans-serif; font-weight:400;}
strong{font-weight:500;}
.bg{position:relative; background:url("../../images/intro/index-bg.jpg") no-repeat; /*width:100%; height:100%;*/ background-size:cover; background-position:50% 36%; min-height:100%;}
.black{position:absolute; top:0; left:0; background:rgba(0,0,0,0.25); width:100%; height:100%;}
.popup{ max-width:1200px; margin:0 auto; padding:150px 0 100px; }
.popup:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.popup .info_box{position:relative;  background: rgba(6, 64, 113,0.95); padding:60px 100px 100px; box-sizing:border-box; border-radius:50px 50px 0 50px;}
.popup .info_box .txt_box{color:#fff; font-size:23px;}
.popup .info_box .txt_box p{font-size:30px; margin-bottom:10px;}
.popup .info_box .txt_box p strong{color:#ffda23;}
.popup .info_box .icon_box{position:absolute; top:46%; transform:translateY(-50%); right:100px;}
.popup .info_box .icon_box img{width:265px; }
.popup .info_box .list_cont{padding-top:40px; margin-top:30px; position:relative;}
.popup .info_box .list_cont:before{content:""; display:block; width:45px; height:2px; background:#fff; position:absolute; top:0; left:0;}
.popup .info_box .list_cont li{position:relative; color:#fff; padding-left:35px; margin-top:20px; font-size:18px;}
.popup .info_box .list_cont li:first-child{margin-top:0;}
.popup .info_box .list_cont li span{position:absolute; top:0; left:0; display:inline-block; width:25px;}
.popup .info_box .list_cont li span img{width:100%;}
.popup .info_box .list_cont li a{color:#fff;}
.popup .notice_box{padding:50px;  background:#fff; position:relative; float:right; width:960px; margin-top:-50px; margin-right:50px; box-sizing:border-box; }
.popup .notice_box:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
.popup .notice_box .tit{float:left; font-size:25px; font-weight:500; text-align:left; margin-bottom:20px; width:180px; padding-top:20px; border-top:2px solid #064071; color:#064071;}
.popup .notice_box .tit .small{display:block; font-size:13px; color:#999; letter-spacing:0.08em;}
.popup .notice_box #list{float:right; width:630px;}

@media (max-width:1200px) {
.wrap{margin:0 20px; height:100%;}
.popup{max-width:100%; margin:0 30px; box-sizing:border-box; padding-top:80px;}
.popup .info_box{border-radius:50px 50px 0 0; padding:60px;}
.popup .info_box .icon_box{top:30%; right:60px;}
.popup .info_box .icon_box img{width:160px;}
.popup .info_box .list_cont:before{left:50%; transform:translateX(-50%);}
.popup .notice_box{width:100%; margin-top:0; margin-right:0;}
}

@media (max-width:1024px) {
.popup{width:90%;height:auto;; box-sizing:border-box; position:relative; top:auto; left:auto; transform:inherit; margin:0 auto; padding:50px 30px;}
.popup .info_box{padding:50px;}
.popup .info_box .icon_box{position:static; top:auto; left:auto; transform:none; text-align:center; margin-bottom:20px;}
.popup .info_box .icon_box img{display:inline-block; width:130px;}
.popup .info_box .txt_box{text-align:center; word-break:keep-all;}
.popup .notice_box .tit, .popup .notice_box #list{float:none; width:100%;}
.popup .notice_box .tit{border-top:0; padding-top:0;}
}


@media (max-width:767px) {
html, body{height: -webkit-fill-available;}
.popup{padding:30px 0;}
.popup .info_box{padding:30px 20px;}
.popup .info_box .icon_box img{ width:70px;}
.popup .info_box .txt_box{font-size:16px; }
.popup .info_box .txt_box p{font-size:20px;}
.popup .info_box .list_cont{padding-top:20px; margin-top:20px;}
.popup .info_box .list_cont li{font-size:16px; word-break:keep-all;}
.popup .notice_box{padding:40px 20px;}
.popup .notice_box .tit{font-size:20px;}
}