@CHARSET "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
body {font-family: '나눔고딕','NanumGothic','Malgun Gothic','맑은 고딕','돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size: 20px;}
fieldset,img{border:0 none}
img {vertical-align:top;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'nanum gothic','돋움',dotum,sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
a:active {background-color:transparent}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {*zoom:1;}
.clear {clear:both; height:0; visibility:hidden; font-size:0; line-height:0;}
.f_left {float:left;}
.f_right {float:right;}
table { border:0; border-spacing:0; border-collapse:collapse; }

/* 1.첫화면.psd */
#header {position: relative; width:980px; margin:0 auto; *zoom:1;}
#header:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#logo {float:left; margin-top:77px; }
#topmenu {float:right; margin-top:71px; }
#topmenu a {color:#929292; font-size:22px; color:#000; font-weight:bold; height:44px; display:block; border-bottom:4px solid #FFF; padding:0 5px; vertical-align:bottom;}
#topmenu a:last-child {padding-right:0;}
#topmenu a:hover { color:#fb4d4e; border-bottom:4px solid #fb4d4e;}
#topmenu .letter a { background: url('/img/union/ic_msn_off.png') no-repeat left top; color:#929292; font-size:22px; color:#000; font-weight:bold; height:44px; display:block; border-bottom:4px solid #FFF; padding:0 0 0 40px;}
#topmenu .letter a:hover { background: url('/img/union/ic_msn_on.png') no-repeat left top; color:#fb4d4e; border-bottom:4px solid #fb4d4e;  padding:0 0 0 40px;}
#topmenu ul li {float:left; margin-left:40px; vertical-align:bottom;}
#main_visual {text-align:center; position:relative;}
#main_visual .main_img img {max-width:100%;}
#main_visual .paging {position:absolute; bottom:20px; width:100%;}
#main_visual .paging a {margin:0 5px;}
#content {text-align:center; padding:50px 0 50px 0; *zoom:1; width:980px; margin:0 auto;}
#content:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#content ul {margin-top:50px;}
#content ul li {float:left; width:33.333%; text-align:center; font-size:22px;}
#content ul li img {display:block; margin:0 auto 10px;}
.allbg {width:100%; text-align:center; border-bottom:1px solid #f6f6f6;}
#content2 {position:relative; text-align:center; padding:83px 0 50px 0; width:980px; margin:0 auto;}
#content2 ul {margin-top:46px; height:130px;  position:relative; clear:both;}
#content2 ul li {float:left;  position:relative; width:25%; text-align:center;}
#content2 ul li img {display:block; margin:0 auto;}

#footer {background:#242424; padding:50px 0; margin-top:0px;}
#footer_inner:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#footer_inner {*zoom:1; width:980px; margin:0 auto; color:#888;}
#footer_inner a {color:#888;}
#footer_inner h2 {float:left; width:200px; text-align:center;}
#footer_inner #address {float:left; line-height:25px;}
#footer_inner #address span {color:#ccc; margin:0 20px 0 5px;}
#footer_inner #address ul li {float:left;}
#footer_inner #address ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

#header .gnb {position: absolute; right: 0px; top: 12px; }
#header .gnb > li {float: left; font-weight:bold; }
#header .gnb li.no01 {padding-left: 21px; padding-top:4px; background: url('/img/union/icon_01.png') no-repeat 0 7px;}
#header .gnb li.no01 span {font-size: 15px; color: #373737;}
#header .gnb li.no02 {margin-left: 12px; padding: 4px 12px; background: url('/img/union/line_01.png') no-repeat 0 9px;}
#header .gnb li.no02 a {font-size: 15px; color: #8b8b8b;}
#header .gnb li.no03 {margin: 0 5px;}
#header .gnb li.no03 a {display: inline-block; width: 91px; height: 31px; border: 1px solid #8b8b8b; font-size: 15px; text-align: center; line-height: 31px; color: #8b8b8b;}
#header .gnb li.no04 {position: relative;}
#header .gnb li.no04 > a span {display: inline-block; padding-right: 19px; width: 72px; height: 31px; border: 1px solid #8b8b8b; font-size: 15px; text-align: center; line-height: 31px; color: #8b8b8b; background: url('/img/union/icon_05.png') no-repeat 58px 11px;}
#header .gnb .snsList { position: absolute; left: 0px; top: 32px; display:none; z-index:10000; }
#header .gnb .snsList ul { border: 1px solid #d7d7d7; background-color: #fff;}
#header .gnb .snsList ul li {border-bottom: 1px solid #d7d7d7;}
#header .gnb .snsList ul li a {display: inline-block; padding-left: 68px; width: 107px; font-size: 15px; line-height: 48px;}
#header .gnb .snsList ul li.bb0 {border-bottom: 0;}
#header .gnb .snsList ul li.sns01 {background: url('/img/union/icon_facebook.png') no-repeat 19px 8px;}
#header .gnb .snsList ul li.sns01 a {color: #537bbd;}
#header .gnb .snsList ul li.sns02 {background: url('/img/union/icon_instagram.png') no-repeat 19px 8px;}
#header .gnb .snsList ul li.sns02 a {color: #696a6a;}
#header .gnb .snsList ul li.sns03 {background: url('/img/union/icon_blog.png') no-repeat 19px 8px;}
#header .gnb .snsList ul li.sns03 a {color: #5eb22f;}

/* landing 페이지 */
.exp_landing1 { width:100%; max-width:1600px; text-align: center; }
.exp_landing2 { width:100%; max-width:1600px; text-align: center; vertical-align:middle; }
.exp_landing3 { width:100%; max-width:1600px; text-align: center; vertical-align:middle; }
.exp_landing4 { width:100%; max-width:1600px; text-align: center; vertical-align:middle; }
.exp_landing5 { width:100%; max-width:1600px; text-align: center; vertical-align:middle; }
.exp_landing6 { width:100%; max-width:1600px; text-align: center; vertical-align:middle; }
.exp_landing_btn { width:100%; padding:20px; max-width:1600px; text-align: center; vertical-align:middle; }

#landing_logo { margin:0 auto; padding:131px 20px 111px 20px; width:980px; text-align:center; }

.exp_box { margin:0 auto; max-width:980px; width:968px; min-width:968px; }
img.pd74 { margin-top:74px; }
.landing_flt_btn {
    position: fixed;
    min-width:153px;
    text-align:right;
    bottom: 50px;
    right: 12%;
    margin-left: 415px;
    margin-top: 600px;
    z-index: 100;
}
.landing_flt_btn img { border-radius:85px; border:0; }
/* footer */
#footer {background:#3c3c3c; margin:0; padding:50px 0;}
#footer .footer_inner {width:1000px; margin:0 auto; color:#CCC;}
#footer #logo_bottom {float:left;}
#footer .menu {float:left; margin:15px 0 0 0;}
#footer .menu li {float:left; margin:0 0 0 40px;}
#footer .menu li a  {color:#CCC; font-size:14px;}
#footer .address {float:right; text-align:right; font-size:12px; line-height:1.7;}
#footer .address .tel {font-size:22px; color:#f55555; margin:0 0 0 5px;}

.mask_q { clear:both; position: absolute; width: 100%; height: 100%; top:0; left:0; background: url('/img/login/mask.png'); z-index: 9888 !important;  min-height: 2500px; display: none;}
.popup_q {  position:relative; background: #fff; margin: 200px auto; width: 542px; height: 512px; border-radius:10px; text-align:center; }
.popup_q .exit_btn { position:absolute; right:-14px; top:-14px; }
.popup_q iframe {width:522px; height:492px; margin-top:10px;  border:0; overflow-x:scroll; }
.quest_btn { position: fixed; min-width:153px; text-align:right; bottom: 200px; right: 14%; margin-left: 415px; margin-top: 600px; z-index: 9999 !important; }
.quest_btn img { border:0; }