@charset "utf-8";
@import url('hhs.css');
@import url('./jquery.bxslider.css');
/* wrap */

/* header */
#header_wrap {position:relative;overflow:hidden;}
#videobcg {position:absolute;top:0px;left:0px;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1000;overflow:hidden;}

#header {background:#fff;height:90px;max-height:90px;width:100%;position:fixed;z-index:60000;top:0;left:0;display:none; border-bottom:5px solid #4574cc; box-shadow: 0 4px 4px -2px rgba(0,0,0,0.2);}
#header2 {display:none !important;}
#header.fix {position:fixed;top:0;left:0;z-index:60000;}
#header.rela {position:relative;}
#header_inner {width:1200px;margin:0 auto;height:67px;max-height:67px;position:relative;}
#header_inner.list_header {width:100% !important;height:67px;max-height:67px;position:relative;}
#header_inner .logo {position:absolute;z-index:50;top:15px;left:5px;}
#header_inner .logo a {display:block;}
.header_txt {position:absolute;z-index:600;top:50%;left:50%;margin-left:-314px;margin-top:-56px;width:628px;text-align:center;}
.header_txt h2 {font-size:60px;letter-spacing:-3px;color:#fff;}
.header_txt p {font-size:50px;color:#fff; padding:3px 5px; display:block; background:#4574cc; letter-spacing:1px; font-weight:bold;}

#mobile_header {display:none;}


.tnb {position:absolute;z-index:50;right:30px !important;top:32px;}
.tnb li {float:left;color:#fff;cursor:pointer;font-size:20px;vertical-align:middle; }
.tnb li a {color:#4574cc; font-weight:300; letter-spacing:-0.5px;}
.tnb li a:hover {color:#4574cc; font-weight:600; letter-spacing:-0.5px;}
.tnb li.worth1 {margin:0 23px; color:#dddddd;}

.flag_wrap {z-index:50; clear:both; margin-left:30px; text-align:center;}
.flag_wrap li {float:left;margin-left:6px;cursor:pointer;}
.flag_wrap li img{border:1px solid #eee;}

.top_menu_wrap {position:absolute;z-index:500;right:100px;top:13px;}
.top_menu_inner {position:relative;}
.top_menu_btn {position:relative;z-index:600; width:120px; height:40px; line-height:42px; text-align:center; color:#333;  
background:url('../img/common/top_menu_icon.png') no-repeat 5px 8px #fff; font-size:15px; text-indent:22px; color:#333; font-family:'Nanum Square'; font-weight:bold; }
.top_menu_btn:focus {outline: none; }
.top_menu_bg {position:absolute;z-index:500;left:-5px;top:-5px;background:#fff;padding:60px 15px 15px 15px;display:none; border:1px solid #eee; border-top:5px solid #4574cc;}
.top_menu {padding-bottom:5px;border-bottom:1px dotted #dbdbdb;margin-bottom:17px; margin-top:-10px;}
.top_menu > li {position:relative;width:180px;/*background:url('../img/common/top_menu_dp1_bg.png') no-repeat 160px 50%;*/text-indent:10px;font-size:16px;color:#555;line-height:33px;cursor:pointer; font-weight:600; letter-spacing:-1px;}
.top_menu > li:hover {color:#4574cc; }
.top_menu > li .top_menu_dp2 {position:absolute;z-index:501;top:0;left:-150px;display:none;background:#fff;}
.top_menu > li .top_menu_dp2 li {width:150px;color:#333;}
.top_menu > li:hover .top_menu_dp2 {display:block; margin-top:10px;}
.top_menu > li:hover .top_menu_dp2 li:hover {color:#fff;background:#494949;}

.top_menu2 {}
.top_menu2 li {text-align:center;margin-bottom:10px;}
.top_menu2 .top_menu2_btn {display:block; width:175px; height:40px; line-height:40px; text-align:center; font-weight:600; font-size:15px; color:#fff; background:#4f9d86;}
.top_menu2 .top_menu2_btn:hover{display:block; width:175px; height:40px; line-height:40px; text-align:center; font-weight:600; font-size:15px; color:#fff; background:#52818b;}

/* container */


/* footer */
#footer {font-family:''Nanum Square', 'Nanum Gothic'';}
.ft_logo {background:#121212;text-align:center;padding:24px 0;}
.ft_logo img {display:inline;}
.bottom_menu_wrap {background:#2f2f2f;padding:50px 0;}
.bottom_menu_inner {width:1200px;margin:0 auto;}
.bottom_menu_inner > div {float:left;border-left:1px solid #3e3e3e;min-height:200px;width:33%;}
.bottom_menu_inner > div .bt_menu_part_inner {text-align:left;padding:25px 20px;}
.bottom_menu_inner > div:first-child {border-left:0;}
.bottom_menu_inner > div h3 {color:#ee2f4e;font-size:16px;line-height:15px;margin-bottom:10px;}
.bottom_menu_inner > div ul {margin-bottom:25px;}
.bottom_menu_inner > div ul li {color:#fff;cursor:pointer;line-height:30px;font-size:14px;line-height:25px;}
.copy {background:#222222;padding:40px 0;}
.copy_inner {color:#ececec;width:900px;margin:0 auto;}
.copy_inner > div {float:left;}
.company_info1 {margin-right:106px;font-size:14px;line-height:25px;}
.company_info1 ul {margin-bottom:10px;}
.company_info2 {margin-right:110px;font-size:14px;line-height:25px;}
.bt_menu_list {}
.bt_menu_list > div {float:left;}
.bt_menu_list > div.bt_menu_list_inner01 {width:42%;}
.bt_menu_list > div.bt_menu_list_inner02 {width:45%; margin-left:15px;}
.bt_menu_list > div h3 {color:#fff;}
.bt_menu_list > div a {color:#b3b3b3;}
.bt_menu_list02, .bt_menu_list03 {float:left;width:90%;}
.bt_menu_list02 li {}
.sns_part {color:#fff;}
.sns_bar {padding:10px;background:#4574cc;margin-bottom:10px;}
.sns_bar > div {float:left;}
.sns_part_title {font-size:14px;font-family:'Nanum Square';line-height:28px;font-weight:bold;}
.sns_icon {border-left:1px solid #fff;padding-left:15px;margin-left:15px;}
.sns_icon td {padding:0 10px;}

/* main movie */
.curtains {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(0, 30, 60, 0.05)
}

.container iframe, .container video, .container object {
    position: absolute;
}

.pass_btn {
    position: absolute;
    bottom: 4em;
    font-size: 0.8125em;
    font-weight: bold;
    color: white;
    text-decoration: none;
    border: 0.1875em solid white;
    -webkit-border-radius: 0.214em;
    -moz-border-radius: 0.214em;
    -ms-border-radius: 0.214em;
    -o-border-radius: 0.214em;
    border-radius: 0.214em;
    padding: 0.625em 1em 0.69231em;
    left: 50%;
    margin-left: -75px;
    text-shadow: 0 2px 10px rgba(0,30,60,0.1),0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 2px 10px rgba(0,30,60,0.1),0 0 2px rgba(0,0,0,0.05);
    z-index: 4;
    width: 150px;
	padding:10px 0;
}
.pass_btn:hover {
    background: rgba(0, 0, 0, 0.4)
}




::selection {
    background:#428f92;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background:#428f92;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#428f92;
    color: #FFF;
    text-shadow: none;
}