/* style */

/* font */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/css?family=Noto+Sans);

tr {font-family: "돋움"; font-size: 11px; color: #898989;}
.input2 { font-family: "돋움"; font-size: 12px; border: 1px solid #ccc; height: 22px;}
.title14{font-size: 14px;font-weight: bold;/* display: block; */}
.orange{color: #d66411;	font-weight: bold;}
.blue{ color:#36c1ff;font-weight: bold;}
.small{ font-size: 11px; color: #898989;}

/* Common */
body{text-align:left; font-size:13px; color:#333; line-height:24px; font-family:'Noto Sans', 'Nanum Gothic','나눔고딕', 'Malgun Gothic','맑은고딕', 'Montserrat', sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0}
article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Noto Sans', 'Nanum Gothic', '나눔고딕', 'Malgun Gothic','맑은고딕', sans-serif; font-size:14px;}
img,fieldset,iframe{border:0 none;}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle; border-radius:0px 0px;}
textarea,button,input{-webkit-appearance: none;}
em,address,optgroup{font-style:normal;}
label,button{cursor:pointer;}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none;}
a:link,a:visited{text-decoration:none;color:#666;}
a:hover,a:focus,a:active{color:#3a3a3a; }
hr{display:none;}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px;}
p{text-align:left;font-weight:400;}
table {width:100%; border-spacing:0; border:0;}
input[type="radio"], input[type="checkbox"]{ margin: 5px; -webkit-appearance: checkbox;}

/* */
.popBox{position:relative;overflow:hidden;width:400px; height:335px; box-sizing:border-box;background: #ecedef url(../images/bg.jpg) no-repeat;letter-spacing: -0.03em;}
.popBox .titBox{ position:relative; padding:0 20px 10px 20px; }
.popBox .titBox .topTit{display:block; height:22px; line-height:22px; background:#506d7f; color:#fff; font-weight:bold; margin-bottom:15px; }
.popBox .titBox h2{font-size:30px;line-height: 30px;color:#333;margin-bottom:10px;letter-spacing: -1.5;font-weight:bold;}
.popBox .titBox h2 em{ color:#1a57aa;}
.popBox .titBox p{letter-spacing: -0.03em; color:#666;}

.popBox .content{}
.popBox .content .tit{font-size:18px;color:#375bae;font-weight:bold;margin: 0 0 10px 20px;}
.popBox .content .tit:before{ content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin-right:5px; background:url('../images/dot_tit.png')no-repeat;}

.inputList{background:rgba(255,255,255,0.75);padding:24px 20px;}
.inputList li{display:block;margin:0 0 10px 0;position: relative;overflow: hidden;}
.inputList li:last-child{ margin-bottom:0;}
.inputList label{display:block; float:left; height:17px; line-height:17px; width:55px; color:#707e9f; font-weight:bold;}
.inputList input{ display: block; float: left;}
.inputList p.txt_s{padding-left:10px;float: left;font-size:11px;}

.btnBox{text-align:center;padding: 10px 20px;box-sizing: border-box;}
.btnBox  ul{margin:0 auto;}
.btnBox li{ display:inline-block; padding:0 5px;}

.popBtn{overflow:hidden;padding:8px 10px 3px;background: #fff;/*position: absolute;*/bottom: 0;width: 100%;box-sizing: border-box;}
.popBtn p {float:left;}
.popBtn p label{line-height:14px;}
.popBtn input{float:left;vertical-align:top; margin:5px;}
.popBtn span{float:right;cursor:pointer;}
.popBtn span img { vertical-align:middle; padding-bottom:3px}

/* notice */
.popBox.notice{background:#fff url('../images/notice.jpg') no-repeat; overflow-y: auto;}
.popBox.notice .titBox{padding: 20px 20px 10px 20px;}
.popBox.notice .titBox .topTit{background:none;font-size: 20px;color: #0097ef;margin-bottom: 12px;}
.popBox.notice .titBox .topTit em{ color:#003eac;}
.popBox.notice .titBox h2{color: #0e4b9b;font-size: 35px;}

.popBox.notice .noticeList {position:relative;padding: 24px 20px 24px 30px; margin-bottom:15px;}
.popBox.notice .noticeList:before{ content:''; display:block; background:url('../images/notice_bg.png') repeat-x; height:10px; width:348px; position:absolute; top:0; left:30px;}
.popBox.notice .noticeList:after{content:''; display:block; background:url('../images/notice_bg.png') repeat-x; height:10px; width:348px; position:absolute; bottom:0;left:30px;}
.popBox.notice .noticeList li{ margin-bottom:5px; position:relative;}
.popBox.notice .noticeList li:last-child{ margin-bottom:0;}
.popBox.notice .noticeList li p.tit{position:absolute;left:0;top:0;color: #5388bc;font-size:13px;letter-spacing: -0.3;margin: 0;font-weight: bold;}
.popBox.notice .noticeList li p.tit:before{ display:none;}
.popBox.notice .noticeList li p.tit:after{content:'';display:block;border: 2px solid #5289bf;border-width:0 0 2px 0;width:50px;}
.popBox.notice .noticeList li p.txt{padding: 0 0 0 70px; letter-spacing:-0.06em;}
.popBox.notice .noticeList li p.txt:after{content:'';display:block;border: 1px solid #d1d2d4;border-width: 0 0 1px 0;}
.popBox.notice p.s_txt{padding-left:20px;font-size:11.5px;letter-spacing:0; font-weight:bold;color: #1a4c6d; line-height:1.6;}

.resultBox{padding: 15px 20px;background:rgba(255, 255, 255, 0.75);line-height: 1.5;min-height:70px;}

.s_txt{ font-size:0.92em;}