*{box-sizing: border-box;}
/*
@font-face {
 font-family: 'Nanum Barun Gothic';
 font-style: normal;
 font-weight: 200;
 src: url(../font/NanumBarunGothicUltraLight.eot);
 src: local('Nanum Barun Gothic UltraLight'),
      local('NanumBarunGothicUltraLight'),
      url(../font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumBarunGothicUltraLight.woff2) format('woff2'),
      url(../font/NanumBarunGothicUltraLight.woff) format('woff'),
      url(../font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
 font-family: 'Nanum Barun Gothic';
 font-style: normal;
 font-weight: 300;
 src: url(../font/NanumBarunGothicLight.eot);
 src: local('Nanum Barun Gothic Light'),
      local('NanumBarunGothicLight'),
      url(../font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumBarunGothicLight.woff2) format('woff2'),
      url(../font/NanumBarunGothicLight.woff) format('woff'),
      url(../font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
 font-family: 'Nanum Barun Gothic';
 font-style: normal;
 font-weight: 400;
 src: url(../font/NanumBarunGothic.eot);
 src: local('Nanum Barun Gothic'),
      local('NanumBarunGothic'),
      url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumBarunGothic.woff2) format('woff2'),
      url(../font/NanumBarunGothic.woff) format('woff'),
      url(../font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
 font-family: 'Nanum Barun Gothic';
 font-style: normal;
 font-weight: 700;
 src: url(../font/NanumBarunGothicBold.eot);
 src: local('Nanum Barun Gothic Bold'),
      local('NanumBarunGothicBold'),
      url(../font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumBarunGothicBold.woff2) format('woff2'),
      url(../font/NanumBarunGothicBold.woff) format('woff'),
      url(../font/NanumBarunGothicBold.ttf) format('truetype');
}
*/
body{font-size:16px; font-size:1em; 
/*background-image: url(../img/cloud.png), url(../img/bg_color.png);
background-repeat: no-repeat , repeat-x;
background-position: 25% 30% , center center;
min-height:744px;

background-size: cover;
overflow: hidden;*/
}

#wrap{position:relative; width:1440px; height:800px; background-image: url(../img/cloud.png), url(../img/bg_color.png);
background-repeat: no-repeat , repeat-x;}
#wrap .main_content{width:100%;}
#wrap .main_content .gnb{position: absolute; top:0px; left:50%; z-index:3; width:701px; text-align:  center; margin-left:-337px;}
#wrap .main_content .gnb .rc{float:right;}
#wrap .main_content .gnb .un_tit{margin-bottom:18px;}
#wrap .main_content .gnb a{display: block; margin-bottom:15px;}

#wrap .main_content .nav {position: absolute; bottom:-50px; right:219px; z-index:3; width:510px;}
#wrap .main_content .nav a{display: inline-block; margin-left:25px;}

#wrap .foot {width:100%; height:326px; position: absolute; bottom:0px; left:0px; z-index: 2; background: url(../img/foot_bg.png) no-repeat center;}

.guide {width:740px; height:522px; position: fixed; top:50%; margin-top:-261px; margin-left:-370px; left:50%; z-index:10; background: url(../img/pop_bg.png) no-repeat center; display: none;}
.guide .cp_btn{ margin-top:331px; text-align: center; width:100%;}
.guide .cp_btn a{display: inline-block; margin:0px 40px;}
.guide .th_btn{margin-top:52px; margin-left:109px; font-size:0px; letter-spacing: 0px; word-spacing: 0px;}
.guide .th_btn a{display: inline-block; width:164px; margin-right:28px; margin-bottom:5px;}
.guide .th_btn a img{width:95%;}

.ieguide_btn{cursor:pointer;}


.mask{position: fixed; top:0px; left:0px; width:100%; height:100%; z-index:9; background: #000; opacity: 0.7; display: none;}
.ci{position:absolute; top:15px; left:15px; z-index:9999;}