@charset "utf-8";

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family:'Nanum Gothic', 'dotum', 'arial'; border:0 none; margin:0; padding:0;}
body, input, button, textarea, select {font-family:'Nanum Gothic', 'dotum', 'arial'; margin:0; padding:0;}
table {width:100%; border-collapse:collapse;}
select, input, img {vertical-align:middle;}
select {color:#444; font-family:'Nanum Gothic', 'dotum', 'arial';}
-ms-select {color:#444; font-family:'Nanum Gothic', 'dotum', 'arial';}
address, caption, cite, code, dfn, em, th, var {font-style:normal;}
ul, li, ol {list-style-type:none;}
hr {display:none;}
legend {position:absolute; z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption {z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
a {text-decoration:none; vertical-align: top;}
a:hover {text-decoration:underline;}
a:focus {outline:1px dotted #aaa; text-decoration:underline;}

/* 팝업 */
.popup_wrap {padding: 25px 30px 30px;}
.popup_title {padding-bottom: 15px; border-bottom: 1px solid #3652a2; font-size: 18px;}
.popup_content {padding-top: 20px;}

.popup_content .tab_wrap {position: relative; height: 411px; padding-bottom: 55px;}
.popup_content .tab_wrap .sub_tab {position: absolute; left: 50%; bottom: 0; margin-left: -79px;}

.popup_content .tab {overflow: hidden;}
.popup_content .tab li {float: left; margin-left: 10px; text-indent: -9999px;}
.popup_content .tab li a {display: block; width: 32px; height: 32px; background-image: url('../images/img_number.png'); background-repeat: no-repeat;}
.popup_content .tab li:first-child {margin-left: 0;}
.popup_content .tab li.li-01 a {background-position: 0 -42px;}
.popup_content .tab li.li-01.on a {background-position: 0 0;}
.popup_content .tab li.li-02 a {background-position: -42px 0;}
.popup_content .tab li.li-02.on a {background-position: -42px -42px;}
.popup_content .tab li.li-03 a {background-position: 0 -126px;}
.popup_content .tab li.li-03.on a {background-position: 0 -84px;}
.popup_content .tab li.li-04 a {background-position: -42px -84px;}
.popup_content .tab li.li-04.on a {background-position: -42px -126px;}

.popup_content .tab_cont dl {height: 66px;}
.popup_content .tab_cont dt {float: left; width: 60px; min-height: 40px; text-indent: -9999px; background-image: url('../images/img_number.png'); background-repeat: no-repeat;}
.popup_content .tab_cont .num-01 {background-position: -90px 0;}
.popup_content .tab_cont .num-02 {background-position: -153px 0;}
.popup_content .tab_cont .num-03 {background-position: -90px -50px;}
.popup_content .tab_cont .num-04 {background-position: -90px -100px;}
.popup_content .tab_cont dd {position: relative; float: left; width: 490px; font-size: 14px; font-weight: bold; color: #3652a2; line-height: 1.4em;}
.popup_content .tab_cont dd span {display: block; margin-top: 8px; color: #777;}
.popup_content .tab_cont > p {text-align: center;}

/* font */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}