@charset "utf-8";



@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@font-face {
  font-family: 'S-CoreDream-4Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }



/* common */
html,body { height:100%; margin: 0 auto; left: 0; right: 0;}
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family:"Noto Sans KR"; /* box-sizing:border-box;*/}
ul>li>a { text-decoration:none; }
a { color:#666666;}
em {font-style:normal}
/*span { color:#666; font-size:12px; }*/
table { border-collapse: collapse; }
i {display:inline-block;}
select::-ms-expand {display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */
button {cursor:pointer;}


/* LAYOUT */
#A_Wrap { width:100%; height:100%; min-width:1500px;}
#A_Header {	width:100%; clear:both; background:rgba(0,0,0,0.8); height:70px; line-height:70px; position:fixed; z-index:9999;}
#A_Container_Wrap {	width:100%;	clear:both; overflow:hidden;}
.inner {width:1680px; margin:0 auto; position:relative;}
.inner2 {width:1180px; margin:0 auto; position:relative;}

#A_Header .logo_gnb {position:absolute; left:0px; top:0px;}
#A_Header .gnb {display: table; margin-left: auto; margin-right: auto;}
#A_Header .gnb li {float:left; margin:0 40px; position:relative;}
#A_Header .gnb li:last-child {margin-right:0px;}
#A_Header .gnb li:hover:before {position:absolute; left:50%; transform:translateX(-50%); top:0px; background-color:#60b3ef; width:70px; height:4px; content:''; display:block;}
#A_Header .gnb li a {color:#bbb; font-size:18px;}
#A_Header .gnb li a:hover {color:#fff;}
#A_Header .lang {position:absolute; right:0px; top:0px;}
#A_Header .lang span {font-size:14px; color:#bbb; margin-right:20px; }
#A_Header .lang select {  -webkit-appearance: none;  -moz-appearance: none; appearance: none; width:120px; height:30px; font-size:12px; color:#bbb; box-sizing:border-box; padding:0 20px; vertical-align:middle; box-sizing: border-box; border: 1px solid #999; background: transparent url(../images/main/select_arrow.png)no-repeat 90% 50%;}

.pageArrow {position:fixed; top:46%; left:0px; z-index:2; }
.pageArrow button {outline:none; display:block; border:0; text-indent:-9999px; cursor:pointer; font-weight:600; width:50px; height:50px; box-sizing:border-box; }
.pageArrow .prev {margin-bottom:5px; background:url(../images/main/pagetop.png) no-repeat 50% 50% rgba(0,0,0,0.5);}
.pageArrow .next {background:url(../images/main/pagebottom.png) no-repeat 50% 50% rgba(0,0,0,0.5);}

.infoDown {z-index:2; border-top-left-radius:15px; border-bottom-left-radius:15px; cursor:pointer; position:absolute; padding-top:15px; top:50%; right:0px; width:100px; height:100px; box-sizing:border-box; text-align:center; background: rgba(0,0,0,0.5);}
.infoDown p {font-size:14px; color:#fff; font-family:'Montserrat'; font-weight:600;}
.infoDown i {width:20px; height:16px; background:url(../images/main/main_icons.png) no-repeat -170px 0; margin-top:10px;}

#fp-nav {display:none;}


.popup_div { position: fixed; background:rgba(0,0,0,0.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 99; display:none;}
.popup_div .popup_wrap .close {position:absolute; right:-80px; top:30px; cursor:pointer;}
.popup01 .popup_wrap {width:580px; height:760px; margin:5% auto 0; color:#fff; position:relative; background:#fff; border-radius:15px;}
.popup_div .popup_wrap .popupTit {font-family:'S-CoreDream-6Bold';font-size:36px; color:#333; text-align:center; padding:45px 0 35px;}
.popup_div .popup_wrap .popupTit span {color:#60b3ef; font-family:'S-CoreDream-6Bold';}
.popup_div .popup_wrap .popupCon {padding:0 60px;}
.popup_div .popup_wrap .popupCon label {font-size:14px; color:#666; margin-bottom:10px;}
.popup_div .popup_wrap .popupCon input[type="text"] {width:100%; border:1px solid #ddd; height:33px; line-height:33px; padding:0 10px; box-sizing:border-box;}
.popup_div .popup_wrap .popupCon input[type="password"] {margin-top:5px; width:100%; border:1px solid #ddd; height:33px; line-height:33px; padding:0 10px; box-sizing:border-box;}
.popup_div .popup_wrap .popupCon div {padding:5px 0;}
.popup_div .popup_wrap .popupCon textarea {width:100%; border:1px solid #ddd; height:244px; overflow-y:scroll; padding:10px; box-sizing:border-box;}
.popup_div .popup_wrap .popupCon ul {overflow:hidden;}
.popup_div .popup_wrap .popupCon ul li {float:left; width:220px;}
.popup_div .popup_wrap .popupCon ul li:last-child {float:right}
.popup_div .popup_wrap .popupCon .popupBtns {margin-top:30px;}
.popup_div .popup_wrap .popupCon .popupBtns button{font-family:'S-CoreDream-4Regular'; line-height:46px; height:46px; text-align:center; border:0; font-size:16px; color:#fff; border-radius:15px;}
.popup_div .popup_wrap .popupCon .popupBtns .btn1 {background:#bbb; width:160px; margin-right:6px;}
.popup_div .popup_wrap .popupCon .popupBtns .btn2 {background-image: linear-gradient(to right, #5baedc , #4f82d4); width:290px;}


.popup02 .popup_wrap {width:580px; height:760px; margin:5% auto 0; color:#fff; position:relative; background:#fff; border-radius:15px;}
.popup03 .popup_wrap {width:580px; height:760px; margin:5% auto 0; color:#fff; position:relative; background:#fff; border-radius:15px;}
.popup04 .popup_wrap {width:580px; height:760px; margin:5% auto 0; color:#fff; position:relative; background:#fff; border-radius:15px;}
.popup05 .popup_wrap {width:980px; height:550px; margin:10% auto 0; color:#fff; position:relative; background:#fff;}
.popup05 .popupImg iframe {vertical-align: top;}
.popup_div .agreeTxt {width:100%; height:547px; overflow-y:scroll; border:1px solid #ddd; padding:20px !important; box-sizing:border-box;}
.popup_div .agreeTxt p {font-size:16px;color:#666; }

/* 자주묻는 질문 */

.qnaDiv {position:relative; width:460px; margin:0 auto; height:550px; overflow-y:scroll; }
.qnaDiv ul li {margin-bottom:10px; }
.qnaDiv ul li .title_bar {margin-bottom:10px; padding: 10px 0; font-size:16px; color:#666; position:relative; cursor:pointer; border:1px solid #ddd;}
.qnaDiv ul li .contents {padding:10px 25px 30px; font-size:14px; color:#999; line-height:1.7; display:none; border:1px solid #ddd; position:relative;}
.qnaDiv ul li .contents .qna_a {font-size:16px; color:#60b3ef; position:absolute; left:18px; top:10px;}
.qnaDiv ul li .contents .a_txt {padding-left:21px;}
.qnaDiv ul li .title_bar span { display:inline-block; text-align:center; font-size:15px; vertical-align:middle;}
.qnaDiv ul li .title_bar .demo_tit {width:85%; text-align:left; color:#666; }
.qna_q { width:10%; float:left; color:#333; font-size:16px !important; font-weight:600;}


.file_box {position: relative; display:inline-block; width:220px}
.file_box label {margin-bottom:0px !important; position: absolute; margin-left:5px; width:60px; height: 33px; line-height: 33px; font-size: 14px; color: #666; background: #ddd; text-align: center; cursor: pointer;}
.file_box input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.file_box .upload_name {display: inline-block; width: 155px; box-sizing:border-box; height:33px; padding:0 10px; background:#fff; border:1px solid #ddd; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.file_box button {width: 40px; text-indent: -9999px;}
.file_box .upload_file {margin-top: 5px;}
.file_box .btn_delete {display: inline-block; margin-left: 10px; width: 18px; height: 18px; background: transparent url(../image/sub/icon_delete.png) no-repeat 0 0 / 18px; border: 0; text-align: center; text-indent: -9999px; cursor: pointer;}




.sub_ft {position:static !important;}
#A_Footer {background:#fff; width:100%; position:absolute; bottom:0px;}
#A_Footer .ft_btns {position:relative; line-height:50px; height:50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#A_Footer .ft_btns .ftLeft {position:absolute; left:0px;}
#A_Footer .ft_btns .ftLeft a {font-size:14px; color:#999; margin-right:30px;}
#A_Footer .ft_btns .ftLeft a.on {color:#60b3ef;}
#A_Footer .ft_btns .ftRight {position:absolute; right:0px; overflow:hidden;}
#A_Footer .ft_btns .ftRight .sns {overflow:hidden; float:left;}
#A_Footer .ft_btns .ftRight .sns li {width:50px; border-right:1px solid #ddd; float:left;}
#A_Footer .ft_btns .ftRight .sns li:first-child {border-left:1px solid #ddd;}
#A_Footer .ft_btns .ftRight .sns li:nth-child(1) a {background:url(../images/main/ft_sns.png) no-repeat 19px 15px;}
#A_Footer .ft_btns .ftRight .sns li:nth-child(1):hover a {background:url(../images/main/ft_sns.png) no-repeat 19px -21px #455e99;}
#A_Footer .ft_btns .ftRight .sns li:nth-child(2) a {background:url(../images/main/ft_sns.png) no-repeat -22px 18px}
#A_Footer .ft_btns .ftRight .sns li:nth-child(2):hover a {background:url(../images/main/ft_sns.png) no-repeat -22px -19px #32b24a}
#A_Footer .ft_btns .ftRight .sns li:nth-child(3) a {background:url(../images/main/ft_sns.png) no-repeat -63px 18px;}
#A_Footer .ft_btns .ftRight .sns li:nth-child(3):hover a {background:url(../images/main/ft_sns.png) no-repeat -63px -19px #2ba9e0; }
#A_Footer .ft_btns .ftRight .sns li:nth-child(4) a {background:url(../images/main/ft_sns.png) no-repeat -100px 18px;}
#A_Footer .ft_btns .ftRight .sns li:nth-child(4):hover a {background:url(../images/main/ft_sns.png) no-repeat -100px -19px #824c9e;}
#A_Footer .ft_btns .ftRight .sns li:nth-child(5) a {background:url(../images/main/ft_sns.png) no-repeat -140px 19px;}
#A_Footer .ft_btns .ftRight .sns li:nth-child(5):hover a {background:url(../images/main/ft_sns.png) no-repeat -140px -17px #d2272c;}
#A_Footer .ft_btns .ftRight .sns li a {transition:0.3s; display:block; width:100%; height:100%; text-indent:-9999px;}
#A_Footer .ft_btns .ftRight .btns {overflow:hidden;}
#A_Footer .ft_btns .ftRight .btns li {width:140px; border-right:1px solid #ddd; float:left;}
#A_Footer .ft_btns .ftRight .btns li select {  -webkit-appearance: none;  -moz-appearance: none; appearance: none; width:100%; height:100%; border:0; font-size:14px; color:#999; box-sizing:border-box; padding:0 20px; vertical-align:middle; background: transparent url(../images/main/select_arrow.png)no-repeat 90% 50%;}
#A_Footer .ft_btns .ftRight .btns li a {transition:0.3s; display:block; width:100%; height:100%; text-indent:-9999px;}
#A_Footer .ft_btns .ftRight .btns li:nth-child(1) a {background:url(../images/main/google_icon2.png) no-repeat 50% 50%;}
#A_Footer .ft_btns .ftRight .btns li:nth-child(1):hover a {background:url(../images/main/google_icon2_on.png) no-repeat 50% 50% #111}
#A_Footer .ft_btns .ftRight .btns li:nth-child(2) a {background:url(../images/main/app_icon2.png) no-repeat 50% 50%;}
#A_Footer .ft_btns .ftRight .btns li:nth-child(2):hover a {background:url(../images/main/app_icon2_on.png) no-repeat 50% 50% #111}
#A_Footer .ft_txt {padding:25px 0 ; position:relative;}
#A_Footer .ft_txt p {font-size:14px; color:#999; line-height:2; text-align:left;}
#A_Footer .ft_txt p span {margin:0 10px;}
#A_Footer .ft_txt p.copy {margin-top:10px;}
#A_Footer .ft_txt i {position:absolute; right:0px; bottom:35px; width:60px; height:30px; background:url(../images/main/ft_logo.png) no-repeat 0 0;}