ÿþ@charset "utf-8";

/* Common */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
}
body, html {
    width: 100%;
    height: 100%;
    min-width: 1100px;
}
body, input, textarea, select, button, table {
    font-family: 'Open Sans', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased
}

html
{	overflow-x:hidden;
	overflow-y:scroll;
}

img, fieldset, button {
    border: 0
}
ul, ol {
    list-style: none
}
em, address {
    font-style: normal
}
a {
    text-decoration: none
}
a:hover, a:active, a:focus {
    text-decoration: none
}
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0
}
.edge {
    position: absolute;
    top: 12px;
    right: 4px;
    width: 0;
    height: 0;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #333
}
.clear {
    clear: both
}
/* Skip to content */
.skip {
    margin: 0
}
.skip > a {
    display: block;
    overflow: hidden;
    height: 0;
    line-height: 28px;
    text-align: center
}
.skip > a:focus {
    height: auto
}
/* Layout */
.container {
    min-width: 1100px;
    background-color: #fff
}
.header_wrap {
	background-color: #0072bc;
}

.m_top {position: relative;width: 100%;margin:0 auto;height:28px;background-color: #035d97;}
.m_top .m_trans {width: 1100px;margin:0 auto;}
.m_top .m_trans .lng_select {width:200px;float:right;color:#fff;font-size:11px;padding-top:2px;}
.m_top .m_trans .lng_select img {vertical-align: middle;padding-left:8px;}
.m_top .m_trans .gl_select {	float:right;}
.m_top .m_trans .my_office {display:none;}
.m_top .m_trans .my_office a{color:#fff;}

.l_sel {font-size:10px;vertical-align: top;color:#9fcdea;}

/* navigation menu styles */
#navmenu {
    height: 20px;
    float:right;
    margin-right:0px;
}
#menu {
    float: left;
}
#menu a {
	padding-top:3px;
    text-decoration: none;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu > ul > li {
    float: left;
}
#menu ul li a {
    color: #fff;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
#menu ul li a:hover {
}
#menu > ul > li.active > a {
}
#menu > ul > li.active > a:hover {
}
#menu > ul > li:first-child > a {
}

/* dropdown menu */
#menu ul ul {
	margin-left:-35px;
	text-align:left;
    background: -webkit-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: -moz-linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    background: linear-gradient(#F7F7F7, #F4F4F4) repeat scroll 0 0 padding-box transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F4F4F4',GradientType=0 );

    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    height: 0;
    margin-top: 5px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 150px;
    z-index: 1000;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#menu ul  li:hover ul  {
    height: 300px;
    margin-top: 0\9;
    opacity: 1;
    visibility: visible;
}
#menu ul ul a {
    border-right-width: 0;
    border-top: 1px solid #D1D1D1;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #444;
    height: 20px;
    line-height: 20px;
    padding: 3px 12px;
}
#menu ul ul li:first-child a {
    border-top-width: 0;
}
#menu ul ul a .icon {
    display: block;
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 20px;
}

#menu ul ul a .icon.elem0 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_kr.png");
}
#menu ul ul a .icon.elem1 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_kr.png");
}
#menu ul ul a .icon.elem2 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_usa.png");
}
#menu ul ul a .icon.elem3 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_ca.png");
}
#menu ul ul a .icon.elem4 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_cn.png");
}
#menu ul ul a .icon.elem5 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_jp.png");
}
#menu ul ul a .icon.elem6 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_id.png");
}
#menu ul ul a .icon.elem7 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_ph.png");
}
#menu ul ul a .icon.elem8 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_ec.png");
}
#menu ul ul a .icon.elem9 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_vn.png");
}
#menu ul ul a .icon.elem10 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_kh.png");
}
#menu ul ul a .icon.elem11 {
    background-image: url("/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/fl_kz.png");
}

.header {
    position: relative;
    z-index: 2;
    width: 1100px;
    height: 100%;
    margin: 0 auto;
    zoom: 1
}
.header > .side {
    float: right;
    z-index: 2;
    margin: 39px 0 0 22px;
    line-height: 20px
}
.visual {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%
}

.s_tit1 {
		font-size:19px;
		font-weight:700;
		color:#0072bc;
		padding:20px 0;
}

.ab_img1 {float:left;padding-right: 20px; padding-bottom: 80px;}

.body {
    position: relative;
    padding: 30px 0
}
.body .content {
}
.body .content p{
   	line-height:26px !important;
	font-family: 'Open Sans', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;
	font-size:14px !important;
}
.body.fixed-width {
    width: 1100px;
    margin: 0 auto
}
.header:after, .body:after {
    display: block;
    clear: both;
    content: ''
}
.content {
    zoom: 1;
    font-size:20px;
}
.content:after {
    display: block;
    clear: both;
    content: '';
}
.content > :first-child {
    margin-top: 0
}
.content img {
    max-width: 100%;
    height: auto
}
/* Header */
.header > h1 {
    float: left;
    padding: 20px 0;
    margin-right: 32px;
    line-height: 60px;
}
.header > h1 img {
    vertical-align: middle;
    padding: 10px 0 15px 0;
    max-height: 40px;
}
/* Fixed Header */
.container.fixed_header {
    padding-top: 100px
}
.fixed_header .header_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: 1000;
    padding: 0;
}
.fixed_header .header_wrap.shrink {
    position: fixed;
    top: 0;
    width:auto;
    min-width: 1140px;
    z-index: 1000;
    border-bottom: 1px solid #e1e1e1;
    background-color: #0072bc;
    -webkit-animation: ani-header 0.5s forwards;
    animation: ani-header 0.5s forwards;
    left: 0;
    right: 0;
}
.fixed_header .header_wrap.shrink .header > h1 {
    padding: 0
}
.fixed_header .header_wrap.shrink .gnb > ul > li > a {
    line-height: 60px
}
.fixed_header .header_wrap.shrink .header > .side {
    margin: 19px 0 0 22px
}

/* Footer */
.footer {
    border-top: 1px solid #e4e4e4;
    border-bottom: 3px solid #999;
    background-color: #f1f1f1;
    letter-spacing:0px;
}
.footer a:hover, .footer a:focus {
    text-decoration: none
}
.footer .f_cr_area {
    padding:0px 0 15px 0;
    background-color: #555
}
.footer .f_addr {
	  width: 1100px;
    margin: 0 auto;
    font-size:12px;
    color:#eee;
    line-height:18px;
}

.footer .f_addr img {
	  float:left;
	  padding:0 65px 50px 0;
}

.f_addr a{
    font-size:11px;
    color:#ccc;
    margin:2px 0 0 5px;
}

.footer .f_copy {
	  width: 1100px;
    margin: 0 auto;
    font-family:verdana;
    font-weight:100;
		font-size:12px;color:#aaa;
		padding-top:4px;
}

.footer .sub_desc {
    margin-bottom: 16px;
    font-size: 13px;
    color: #888;
    line-height: 22px
}
.footer .f_info {
    float: left;
    width: 240px;
    margin-right: 65px
}

.footer .f_cr_area .mobile-footer-member {
    display: none;
}
/* button */
.btn_item {
    display: inline-block;
    margin: 35px 0;
    padding: 0 27px;
    height: 50px;
    font-family: "Open Sans";
    background-color: #555;
    font-size: 14px;
    line-height: 50px;
    letter-spacing: 1px;
    color: #FFF;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.btn_item:hover,
.btn_item:active
.btn_item:focus {
    background-color: #CBA061;
    color: #fff
}
.btn_item + .btn_item {
    margin-left: 10px;
}
/* Login */
.header > .side > ul > li {
    float: left;
    position: relative
}
.header > .side > ul:after {
    display: block;
    clear: both;
    content: ''
}
.header > .side > ul > li > a {
    display: block;
    margin-left: 12px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center
}
.header > .side > ul > li > a:hover, .header > .side > ul > li > a:focus, .header > .side > ul > li > a:active, .header > .side > ul > li.on > a {
    color: #cfd6ff;
}
.header > .side > ul .ly {
    position: relative;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 13px;
    background-color: #f9f9f9
}
.header > .side > ul .ly.ly_login {
    overflow: hidden;
    margin-top: 0;
    background: url('/web/20180203140247im_/http://gemmausa.net/layouts/xedition/img/blank.gif') 0 0 repeat;
    height: 0
}
.header > .side > ul .ly.ly_login ul {
    position: relative;
    margin-top: 18px;
    padding: 8px 0;
    background-color: #333;
    z-index: 3
}
.header > .side > ul .on .ly.ly_login {
    height: auto
}
.header > .side > ul .ly a {
    display: block;
    min-width: 120px;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    font-size: 13px;
    color: #9d9d9d
}
.header .side .my_office a{
		color:#baf1ff;
		font-size:14px;
}
.header .side .my_office a:hover{
		font-size:14px;
		color:#fff;
}
.header .side .my_office a i{
		font-size:16px;
		margin:2px 2px 0 0;
		color:#baf1ff;
}
.header > .side > ul .ly a:hover {
    color: #baf1ff;
    text-decoration: none
}
.header > .side > ul > li .login_after {
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    border-radius: 100%
}
.header > .side > ul > li .login_after img {
    width: 20px;
    height: 20px
}
.header > .side > ul > li .login_after ~ .ly_login .edge {
    right: 11px
}

/* Search */
.search_wrap {
    position: relative;
    width: 1000px;
    margin: 0 auto
}
.search_area {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    width: 1000px;
    padding: 10px;
    z-index: 3;
    z-index: 3
}
.search_area input {
    font-size: 13px;
    vertical-align: top
}
.search_area input[type=text] {
    position: relative;
    width: 98%;
    height: 35px;
    padding: 5px 0;
    border: 0;
    font-size: 25px;
 		background-color:#cdd2ff;
    color: #444;
    -webkit-appearance: none;
}
.search_area input[type=text]:focus {
    outline: 0
}
.search_area input[type=text]::-ms-clear {
    display: none
}
.search_area .btn_close {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 20px
}
/* GNB */
.gnb {
    float: right;
    position: relative;
    z-index: 1;
    max-width: 742px;
    height: 100%;
    font-size: 13px;
}
.gnb a {
    text-decoration: none;
    white-space: nowrap
}
.gnb > ul > li {
    float: left;
    position: relative;
    text-align: left
}
.gnb > ul:after {
    display: block;
    clear: both;
    content: ''
}
.gnb > ul > li > a {
    display: block;
    position: relative;
    padding: 0 14px;
    line-height: 100px;
    font-size: 14px;
    font-weight: 600;
    color: #fff
}
.gnb > ul > li > a:hover,
.gnb > ul > li > a:focus,
.gnb > ul > li > a:focus,
.gnb > ul > li.on > a {
    color: #cfd6ff
}
.gnb > ul .depth2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 14px;
    z-index: 2;
    padding: 8px 0;
    background-color: #005993;
}
.gnb > ul .depth2 > li {
    position: relative
}
.gnb > ul .depth2:after {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #003c63;
    content: ''
}
.gnb > ul .depth2 a {
    display: block;
    position: relative;
    min-width: 140px;
    height: 28px;
    padding: 0 30px 0 20px;
    line-height: 28px;
    font-size: 13px;
    color: #fff;
}
.gnb > ul .depth2 a:hover,
.gnb > ul .depth2 a:active,
.gnb > ul .depth2 a:focus,
.gnb > ul .depth2 > li.on > a {
		background-color: #004673;
    color: #cdd2ff
}
.gnb > ul .depth3 {
    display: none;
    position: absolute;
    top: -8px;
    left: 100%;
    z-index: 2;
    padding: 8px 0;
    width:220px;
}

.gnb > ul .depth3 a{
    color:#333;
    background-color: #c6e5fc;
}

.gnb > ul .depth3 a:hover{
    color:#fff;
    background-color: #629ac2;
}

.gnb > ul .depth2 > li.more > a:after {
    position: absolute;
    right: 20px;
    content: '>'
}
.onepage .shrink .header > .side > ul > li > a {
    color: #444;
}
.onepage .shrink .gnb {
    margin-top: 0;
}
.magazine .shrink .gnb {
    margin-bottom: 10px;
}
.magazine .shrink h1 {
    margin-top: 10px;
}
.magazine .header_wrap.shrink .gnb > ul > li > a {
    line-height: 40px;
}
/* VISUAL */
.visual.sub {
    position: relative;
    padding: 50px 0;
    height:50px;
    background-color: #f6f6f6;
    line-height: 30px
}
.visual.sub .sub_title {
    position: relative;
    z-index: 2;
    width: 1100px;
    margin: 0 auto
}
.lnb_title {
		width:190px;
		background-color:#0072bc;
		font-size:22px;
		font-weight:700;
		letter-spacing:-1px;
		padding:40px 10px 20px 20px;
}
.lnb_title a{
		color:#fff;
}

.visual.sub .sub_title h1 {
    position: relative;
    font-weight: 700;
    font-size: 17px;
    color: #444
}
.visual.sub .sub_title h1:after {
    position: absolute;
    top: 115%;
    left: 0;
    width: 22px;
    height: 2px;
    background-color: #444;
    content: ''
}
.visual.sub .bg_img {
    position: absolute;
    top: 0;
    left: 0;
    padding:70px 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}
.visual.sub.sub_type2 {
    padding: 70px 0
}
.visual.sub.sub_type2 .bg_img {
    display: block
}
.visual.sub.sub_type2 .sub_title h1 {
    color: #fff;
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 1px
}
.visual.sub.sub_type2 .sub_title h1:after,
.visual.sub.sub_type3 .sub_title h1:after {
    background: none
}
.visual.sub.sub_type3 {
    padding: 250px 0 210px;
    line-height: 40px;
    text-align: center
}
.visual.sub.sub_type3 .bg_img {
    display: block;
    background-attachment: fixed;
    background-size: auto auto
}
.visual.sub.sub_type3 .sub_title h1 {
    font-size: 39px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px
}
/* LNB */
.body.fixed-width .lnb {
    position: relative;
    z-index: 1;
    background-color:#dff2ff;
    padding-bottom:15px;
}

.body.fixed-width .lnb > ul.depth1 > li {
}

.body.fixed-width .lnb > ul.depth1 > li > a {
    display: block;
    font-size: 15px;
    color: #444;
    padding: 10px 20px;
}
.body.fixed-width .lnb > ul.depth1 > li > a:hover {
		background-color:#c2e0f5;
    padding: 10px 20px;		
		color:#222;
}
.body.fixed-width .lnb ul.depth1 ul a:hover,
.body.fixed-width .lnb ul.depth1 ul a:focus,
.body.fixed-width .lnb ul.depth1 ul a:active {
    color: #cda25a
}

.body.fixed-width .lnb > ul.depth1 > li.on a{
	background-color:#4fa9e4;
    padding: 10px 20px;		
	color:#fff;	
}

.body.fixed-width .lnb > ul > li > ul.depth2 > li {
	margin-top:3px;
	margin-bottom:5px;
	line-height:22px;
	height:22px !important;
	overflow: hidden !important;	
	
}

.body.fixed-width .lnb > ul > li > ul.depth2 > li a {
	color:#426e8d !important;
	padding:8px 20px !important;
	background-color:#dff2ff !important;
}

.body.fixed-width .lnb > ul > li > ul.depth2 > li.on a {
		color:#9f7d4b !important;
		padding:8px 20px !important;
		background-color:#dff2ff !important;
}

.body.fixed-width .lnb > ul > li > ul.depth2 > li a:hover,
.body.fixed-width .lnb > ul > li > ul.depth2 > li a:focus,
.body.fixed-width .lnb > ul > li > ul.depth2 > li a:active {
		padding:8px 20px !important;
		color:#9f7d4b !important;
		background-color:#1f83cb;
}


.body.fixed-width .lnb img {
    vertical-align: top
}
.body.fixed-width.left .lnb,
.body.fixed-width.right .lnb {
    float: left;
    width: 220px;
}
.body.fixed-width.left .content,
.body.fixed-width.right .content {
    float: right;
    width: 820px;
    min-height: 400px;
    padding: 40px 0 50px
}
.body.fixed-width.right .lnb {
    float: right
}
.body.fixed-width.right .content {
    float: left
}
.body.fixed-width.none .lnb {
    display: none
}
.body.fixed-width.none .content {
    float: none;
    width: 1100px
}

.g_table {width:100%;}
.g_table th {background:#efefef;text-align:center;padding:3px 0;line-height:20px;border-top:#ddd solid 1px;border-bottom:#ddd solid 1px;color:#888;}
.g_table td {line-height:18px;border-top:#e1e1e1 solid 1px;}
.g_table .g_td {text-align:center;padding:3px 0;border-bottom:#ddd solid 1px;line-height:20px;}
.g_table .g_td2 {text-align:left;padding:3px 0;border-bottom:#ddd solid 1px;line-height:20px;}

.group_title {font-size:45px;font-weight:300;text-align:center;color:#fff;z-index:1000;text-shadow:#000 1px 1px 2px;}

.con_title {margin:-75px 0 0 280px;padding-bottom:30px;border-bottom:#eaeaea solid 1px;}
.con_title h1 {font-size:26px;font-weight:600;color:#444;}

.ab3_info {width:86%;border:#e1e1e1 solid 1px;border-radius:3px;height:160px;padding:15px 0 0 110px;;text-align:center;}
.ab3_info .mc_circle1 {float:left;border:#8dbde6 solid 8px;margin-top:5px;margin-right:20px;font-size:20px;padding:35px 0;text-align:center;
	 width:120px; height:50px; border-radius:120px; -moz-border-radius : 120px; -webkit-border-radius : 120px; -ms-border-radius :120px;	 -khtml-border-radius : 120px;	 -o-border-radius :120px;	 }
.ab3_info .mc_tit1 {text-align:center;font-size:24px;font-weight:600;color:#3664a2;}
.ab3_info .mc_sub1 {text-align:center;font-size:13px;color:#666;}

.mc_box1 {border:#bdd3f0 solid 2px;width:100%;margin:12px 20px 20px 0;font-size:18px;padding:22px 0;text-align:center;border-radius:6px; }
.mc_box1 i {font-size:28px;color:#888;}
.mc_box3 {border:#ddd solid 1px;width:100%;margin-top:10px;margin-bottom:20px;padding:10px 20px;border-radius:6px; }

.mc_box2 {width:93%;border:#ddd solid 1px;height:120px;margin-bottom:15px;padding:12px 30px;border-radius:6px; }
.mc_circle2 {float:left;border:#8dbde6 solid 8px;font-size:20px;padding:35px 0;text-align:center;color:#3664a2;
	 width:100px; height:30px; border-radius:100px; -moz-border-radius : 100px; -webkit-border-radius : 100px; -ms-border-radius :100px;	 -khtml-border-radius : 100px;	 -o-border-radius :100px;	 }
.mc_txt1 {text-align:left;font-size:18px;font-weight:300;color:#333;padding:40px 0 0 130px;}
.mc_txt2 {font-size:14px;font-weight:300;color:#666;padding:0px 0 0 130px;}

.mc_tt11 {text-align:left;font-size:18px;font-weight:500;color:#222;padding:30px 0 0px 130px;}
.mc_tt12 {text-align:left;font-size:12px;color:#666;padding:0px 0 20px 130px;line-height:18px;}


.c_tit1 {font-weight:600;color:#3782b7;font-size:24px;padding:8px 0;letter-spacing:0px;}
.c_tit2 {font-weight:700;color:#a78a18;font-size:19px;padding:8px 0;letter-spacing:0px;}
.c_tit21 {font-weight:500;color:#a78a18;font-size:19px;padding:12px 0;letter-spacing:0px;}
.c_tit3 {font-weight:800;color:#559bb5;font-size:16px;padding:5px 0;letter-spacing:0px;}
.c_num {font-size:35px;border:#e1e1e1 solid 0px;border-radius:6px;padding:10px 8px;text-align:center;width:58px;color:#fff;margin-right:15px;float:left;background:#d8c991;}
.c_titsub1 {font-weight:500;color:#a78a18;font-size:19px;padding:8px 0;letter-spacing:0px;margin-top:-8px;}
.c_titsub2 {float:left;margin-top:-5px;}
.c_box21 {font-size:16px;font-weight:600;border:#d8c991 solid 2px;border-radius:6px;text-align:center;padding:8px 20px;float:left;margin-right:25px;}
.c_stt1 {padding:0px 0 6px 140px;line-height:18px;}

.mc_tt1 {float:left;left:120px;font-size:16px;padding:18px 0px 0px 10px;color:#555;}

.logo_box {border:#e1e1e1 solid 1px;padding:15px;text-align:center;border-radius:6px;float:left;width:130px;margin-right:30px;}
.logo_txt {padding:0 0 16px 190px;}
.files_btn {float:right;}
.files_btn a{background:#5d81b3;padding:10px 18px;color:#fff;border-radius:3px;}
.files_btn a:hover{background:#4891a6;padding:10px 18px;color:#fff;border-radius:3px;}

/* Scroll to top link */
.btn_top {
    display: none;
    position: fixed;
    right: 0;
    bottom: 57px;
    z-index: 1000;
    width: 48px;
    height: 48px;
    background-color: #333;
    font-size: 24px;
    color: #fff;
    text-align: center;
    opacity: 0.8;
    filter: alpha(opacity=80)
}
.btn_top:hover {
    background-color: #73a7cb;
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80)
}
.btn_top i {
    line-height: 48px
}
.swiper-container {
    height: 600px;
    text-align:center;
}
.swiper-container > div > div {
    display: table;
    height: 600px;
    color: #fff;
    background-size: cover;
}
.swiper-container > div > div > div {
    display: table-cell;
    vertical-align: middle;
}
.swiper-container > div > div > div > div {
    width: 1100px;
    margin: 0 auto;
}
.swiper-container h1 {
    font-weight: 700;
    margin: 0 0 0px 0;
    padding-top:220px;
    font-size: 60px;
    line-height: 70px;
    text-decoration: none;
    text-shadow:#000 1px 1px 2px;
}
.swiper-container p {
    font-size: 30px;
    line-height: 50px;
    text-shadow:#000 1px 1px 2px;
}
.swiper-button {
    position: absolute;
    top: 50%;
    display: none;
    margin:-25px 0 0 0;
}
.swiper-container:hover .swiper-button {
    display: block;
}
.swiper-button.left {
    left: 20px;
}
.swiper-button.right {
    right: 20px;
}
.swiper-button i {
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}
.swiper-button button {
    background-color: #333;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.swiper-pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    opacity: 0.6;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
    opacity: 1;
}
@media all and (max-width: 479px) {
    body, html {
        min-width: 100%;
    }
    a.btn_top {
        display: none;
    }

	.m_top {position: relative;width: 100%;margin:0 auto;height:26px;background-color: #035d97;}
	.m_top .m_trans {width:100%;text-align:right;padding-right:12px !important;}
	.m_top .m_trans .gl_select {display: none;}
	.m_top .m_trans .lng_select img {vertical-align: middle;padding-left:4px;}
	.m_top .m_trans .my_office {display:block !important;float:left !important;padding-top:3px;padding-left:10px;font-size:14px;}
	.m_top .m_trans .my_office a{color:#fff;}
	.l_sel {font-size:10px;vertical-align: top;color:#9fcdea;}    
	
    .ab_img1 {float:left;width:40%;padding-right: 20px; padding-bottom: 20px !important;}
    
	.ab3_info {width:100%;border:#e1e1e1 solid 0px;border-radius:0px;padding:15px 0 0 20px;;text-align:center;margin-bottom:60px;}
	.ab3_info .mc_circle1 {float:left;border:#8dbde6 solid 8px;margin-top:5px;margin-right:30px;font-size:20px;padding:35px 0;text-align:center;
		 width:130px; height:50px; border-radius:130px; -moz-border-radius : 120px; -webkit-border-radius : 130px; -ms-border-radius :130px;	 -khtml-border-radius : 130px;	 -o-border-radius :130px;	 }
	.ab3_info .mc_tit1 {text-align:center;font-size:24px;font-weight:500;color:#3664a2;}
	.ab3_info .mc_sub1 {text-align:center;font-size:13px;color:#666;}

	.mc_box1 {border:#bdd3f0 solid 2px;width:90%;margin:12px 0px 20px 0;font-size:18px;padding:15px 15px;text-align:center;border-radius:6px; }
	.mc_box1 i {font-size:28px;color:#888;}
	.mc_box3 {border:#ddd solid 1px;width:100%;margin-top:10px;margin-bottom:20px;padding:10px 20px;border-radius:6px; }
	
	.mc_box2 {width:100%;margin-bottom:25px;padding:12px 15px;border:#ddd solid 0px;}
	.c_tit1 {font-weight:500;color:#3782b7;font-size:20px;padding:8px 0;letter-spacing:-1px;}
	.mc_circle2 {text-align:left;font-size:18px;color:#3664a2; border-radius:0px;height:30px !important;font-weight:700;border:#fff solid 0px;}
	.mc_txt1 {text-align:left;font-size:18px;font-weight:300;color:#333;padding:0px;}
	.mc_txt2 {font-size:12px;color:#666;padding:0px;line-height:1.1em;}
	
	.mc_tt11 {text-align:left;font-size:18px;font-weight:400;color:#222;padding:0px;}
	.mc_tt12 {text-align:left;font-size:12px;color:#666;padding:0px;line-height:1.1em;}
	.c_num {font-size:25px;border:#e1e1e1 solid 0px;border-radius:6px;padding:10px 8px;text-align:center;color:#fff;margin-right:15px;float:left;background:#d8c991;}
	.c_titsub1 {font-weight:500;color:#a78a18;font-size:19px;padding:8px 0;letter-spacing:0px;margin-top:-8px;}
	.c_titsub2 {float:left;margin-top:-5px;}

		    
    /* Layout */
    .container {
        min-width: 100%;
        background-color: #fff
    }
    .header {
        position: relative;
        z-index: 2;
        width: 100%;
        height: auto;
        margin: 0 auto;
        zoom: 1
    }
    .magazine .header {
	    text-align:left;
    }
    .magazine .header > h1 {
	    text-align:left;
	    display:block;
	    padding:0 15px;
    }
    .header > .side {
        display: none;
    }
    .body.fixed-width {
        width: auto;
        margin: 0
    }
    .header:after, .body:after {
        clear: both;
        content: ''
    }
    .body {
        padding: 0;
    }
    .content {
        zoom: 1;
    }
    .content:after {
        clear: both;
        content: ''
    }
    .content > :first-child {
        margin-top: 0;
    }
    .body.fixed-width.none .content {
	    width:auto;
    }
    .content img {
        max-width: 100%;
        height: auto
    }
    .body.fixed-width.left .content,
    .body.fixed-width.right .content {
        width: auto;
        float: none;
        min-height: 100%;
        padding: 40px 0;
    }
    /* Header */
    .header > h1 {
        float: none;
        margin-right: 0;
        padding: 0 15px;
        line-height: 50px;
        display: block;
    }
    .header > h1 img {
        max-height: 40px;
        padding: 20px 0;
        margin: 0;
    }
    .header.sub_type3 {
        position: absolute;
    }
    /* Fixed Header */
    .container.fixed_header {
        padding-top: 0
    }
    .header_wrap.shrink {
        display: none;
    }
    .onepage .header > h1 {
        padding: 0 14px;
    }
    .fixed_header .header_wrap {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000
    }
    .fixed_header .header_wrap.shrink {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        border-bottom: 1px solid #e1e1e1;
        background-color: #fff;
        -webkit-animation: ani-header 0.5s forwards;
        animation: ani-header 0.5s forwards
    }
    .fixed_header .header_wrap.shrink .header > h1 {
        padding: 0
    }
    .fixed_header .header_wrap.shrink .gnb > ul > li > a {
        line-height: 60px
    }
    .fixed_header .header_wrap.shrink .header > .side {
        margin: 19px 0 0 22px
    }
    .fixed_header .header_wrap.shrink .search_area {
        padding: 0 20px
    }
    /* Footer */
    .footer {
        border-top: 1px solid #e4e4e4;
        border-bottom: 3px solid #cda25a;
        background-color: #f1f1f1;
    }
    .footer a:hover, .footer a:focus {
        text-decoration: none
    }
    .footer .f_info_area {
        width: auto;
        margin: 0;
    }
 
	 .footer .f_addr {
		  width: 100%;
	    margin: 0 auto;
      margin-top:-20px;
	    font-size:12px;
	    color:#eee;
	    line-height:18px;
		}
		.footer .f_addr img {
			  display: none;
		}
		
		.footer .f_copy {
			  width: 100%;
		    margin: 0 auto;
		    font-family:verdana;
		    font-weight:100;
				font-size:11px;
				color:#aaa;
				padding-top:4px;
		}
    .footer .sub_desc {
        display: none;
    }
    .footer .sub_desc {
        display: none;
    }
    .footer .f_cr_area {
        padding:0 20px 10px 20px;
        background-color: #555;
        color: #fff;
    }
    .footer .f_cr_area p {
        margin: 0;
        padding: 8px 14px;
    }
    .footer .f_cr_area a {
        color: #fff;
    }
    .footer .f_cr_area .mobile-footer-member {
        padding: 0;
        margin: 0;
        border-top: 1px solid #444;
        list-style: none;
        overflow: hidden;
        display: block;
    }
    .footer .f_cr_area .mobile-footer-member li {
        float: left;
        width: 50%;
        border-left: 1px solid #444;
        box-sizing: border-box;
    }
    .footer .f_cr_area .mobile-footer-member li:first-child {
        border-left: 0;
    }
    .footer .f_cr_area .mobile-footer-member li a {
        display: block;
        line-height: 32px;
        text-align: center;
    }
    /* button */
    .btn_item {
        display: inline-block;
        margin: 35px 0;
        padding: 0 27px;
        height: 50px;
        font-family: "Open Sans";
        background-color: #555;
        font-size: 14px;
        line-height: 50px;
        letter-spacing: 1px;
        color: #FFF;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .btn_item:hover,
    .btn_item:active
    .btn_item:focus {
        background-color: #CBA061;
        color: #fff
    }
    .btn_item + .btn_item {
        margin-left: 10px;
    }
    /* Login */
    .header > .side {
        display: none;
    }
    .header > .custom_area {
	    display:none;
    }
    /* Search */
    .search_wrap {
        display: none;
    }
    .gnb {
        float: none;
        position: static;
        z-index: 1;
        max-width: 100%;
        height: 100%;
        font-size: 1em;
        background: #fff;
    }
    .onepage .gnb {
	    margin-top:0;
    }
    .magazine .gnb {
	    margin-bottom:0;
    }
    .gnb a {
        white-space: normal;
        font-size: 14px;
        display: block;
        padding: 10px 0;
        border-top: 1px solid #eee;
    }
    .gnb > ul {
        display: none;
        padding: 0 14px 14px 14px;
        max-height: 240px;
        overflow-x: scroll;
        border-bottom: 1px solid #eaeaea;
        background: #fff;
        -webkit-overflow-scrolling: touch;
    }
    .magazine .gnb > ul {
	    display:none;
    }
    .gnb > ul > li {
        float: none;
        position: static;
    }
    .gnb > ul > li:first-child > a {
        border-top: 0;
    }
    .gnb > ul:after {
        display: none;
    }
    .magazine .gnb > ul > li > a,
    .gnb > ul > li > a {
        position: static;
        padding: 10px 0;
        line-height: normal;
        font-size: normal;
        color: #555;
        font-weight: bold;
    }
    .onepage .gnb > ul > li > a {
        color: #555;
        line-height: normal
    }
    .onepage .gnb > ul > li > a:hover,
    .onepage .gnb > ul > li > a:focus,
    .onepage .gnb > ul > li > a:focus,
    .onepage .gnb > ul > li.on > a {
	    color:#555;
    }
    .magazine .gnb > ul .depth2,
    .magazine .gnb > ul .depth3,
    .gnb > ul .depth2 {
        display: block;
        position: static;
        padding: 0;
        background-color: #fff
    }
    .gnb > ul .depth2 > li {
        position: static
    }
    .gnb > ul .depth2:after {
        display: none
    }
    .gnb > ul .depth2 a {
        position: static;
        min-width: 100%;
        height: auto;
        padding: 10px 10px;
        line-height: normal;
        color: #216ea7;
    }
    .gnb > ul .depth3 {
        display: block;
        position: static;
        background-color: #fff;
        padding: 0;
    }
    .gnb > ul .depth3 a {
    	 padding-left:20px;
        color: #777;
        background-color: #fff;
    }

    .gnb > ul .depth2 > li.more > a:after {
        display: none;
    }
    /* GNB */
    .gnb {
        float: none;
        position: static;
        z-index: 1;
        max-width: 100%;
        height: 100%;
        font-size: 1em;
        display: block;
    }
    .gnb #mobile_menu_btn {
        display: block;
        
    }
    .gnb .menu_btn {
        height: 22px;
        width: 44px;
        display: block;
        position: absolute;
        top: 26px;
        right: 20px;
        display: inline-block;
    }
    .gnb .menu_btn .menu_bar {
        width: 20px;
        height: 18px;
        position: relative;
        top: 4px;
        left: 12px;
    }
    .gnb .menu_btn .menu_bar div {
        height: 0;
        border-top: 2px solid #fff;
        position: absolute;
    }
    .header.sub_type3 .gnb .menu_btn .menu_bar div {
        border-top: 2px solid #fff;
    }
    .gnb .menu_btn .menu_bar div.btn1 {
        width: 26px;
        top: 0;
    }
    .gnb .menu_btn .menu_bar div.btn2 {
        width: 26px;
        top: 8px;
        transition: all 0.1s
    }
    .gnb .menu_btn .menu_bar div.btn3 {
        width: 26px;
        bottom: 0;
    }
    .gnb .menu_btn.opened .menu_bar div.btn1 {
        top: 6px;
        width: 20px;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .gnb .menu_btn.opened .menu_bar div.btn2 {
        top: 6px;
        display: none;
    }
    .gnb .menu_btn.opened .menu_bar div.btn3 {
        top: 6px;
        width: 20px;
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .body {
    }
    .body .lnb {
        display: none;
    }
    .body .content {
        overflow: hidden;
        padding:0;
        margin:0 20px;
    }
    
    .body .lnb_title {
    		display: none;
    }
       
		.con_title {margin:35px 20px 0 20px;padding-bottom:20px;border-bottom:#eaeaea solid 1px;}
		.con_title h1 {font-size:26px;font-weight:500;}
    
    .visual {
        box-sizing: border-box;
    }
    .visual.sub {
        position: relative;
        padding: 15px 14px 30px 14px;
        background-color: #f6f6f6;
        line-height: 30px
    }
    .visual.sub .sub_title {
        position: relative;
        z-index: 2;
        width:auto;
        margin:0;
    }
    .visual.sub .sub_title h1 {
        position: relative;
        font-weight: 700;
        font-size: 17px;
        color: #444
    }
    .visual.sub .sub_title h1:after {
        position: absolute;
        top: 115%;
        left: 0;
        width: 22px;
        height: 2px;
        background-color: #444;
        content: ''
    }
    .visual.sub .bg_img {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }
    .visual.sub.sub_type2 {
        padding: 40px 15px
    }
    .visual.sub.sub_type2 .bg_img {
        display: block
    }
    .visual.sub.sub_type2 .sub_title h1 {
        color: #fff;
        font-weight: 400;
        font-size: 23px;
        letter-spacing: 1px
    }
    .visual.sub.sub_type2 .sub_title h1:after,
    .visual.sub.sub_type3 .sub_title h1:after {
        background: none
    }
    .visual.sub.sub_type3 {
        padding: 80px 0 0;
        line-height: 40px;
        text-align: center
    }
    .visual.sub.sub_type3 .bg_img {
        display: block;
        background-attachment: fixed;
        background-size: auto auto
    }
    .visual.sub.sub_type3 .sub_title {
	    padding:100px 0 70px 0;
    }
    .visual.sub.sub_type3 .sub_title h1 {
        font-size: 23px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 2px
    }
    .swiper-container {
        height: 270px;
    }
    .swiper-container > div > div {
        display: table;
        height: 270px;
        color: #fff;
    }
    .swiper-container > div > div > div {
        display: table-cell;
        vertical-align: middle;
    }
    .swiper-container > div > div > div > div {
        padding: 0 14px;
        width: auto;
        margin: 0;
    }
    .swiper-container h1 {
        font-weight: 600;
        font-size: 40px;
        margin-bottom:15px;
        padding-top:50px;
        line-height: 30px;
        text-decoration: none;
    }
    .swiper-container p {
        font-size: 30px;
        line-height: 18px;
    }

}
/* header animation */
@-webkit-keyframes ani-header {
    0% {
        top: -60px
    }
    100% {
        top: 0px
    }
}
@keyframes ani-header {
    0% {
        top: -60px
    }
    100% {
        top: 0px
    }
}
ÿþ
/*
     FILE ARCHIVED ON ÿþ14:02:47 Feb 03, 2018ÿþ AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON ÿþ15:22:07 Nov 06, 2025ÿþ.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
ÿþplayback timings (ms):
ÿþ  ÿþcaptures_listÿþ: ÿþ0.558ÿþ
ÿþ  ÿþexclusion.robotsÿþ: ÿþ0.017ÿþ
ÿþ  ÿþexclusion.robots.policyÿþ: ÿþ0.006ÿþ
ÿþ  ÿþesindexÿþ: ÿþ0.008ÿþ
ÿþ  ÿþcdx.remoteÿþ: ÿþ14.694ÿþ
ÿþ  ÿþLoadShardBlockÿþ: ÿþ188.776ÿþ (ÿþ3ÿþ)
ÿþ  ÿþPetaboxLoader3.datanodeÿþ: ÿþ159.797ÿþ (ÿþ4ÿþ)
ÿþ  ÿþPetaboxLoader3.resolveÿþ: ÿþ875.507ÿþ (ÿþ2ÿþ)
ÿþ  ÿþload_resourceÿþ: ÿþ947.476ÿþ
ÿþ*/