@import url(https://fonts.googleapis.com/css?family=Raleway:100,300);

@font-face {
font-family: "Gotham-Black";
src:url(../../img/images/font/Gotham-Black.eot);
src: url(../../img/images/font/Gotham-Black.woff);
}
@font-face {
font-family: "Gotham-Book";
src:url(../../img/images/font/Gotham-Book.eot);
src: url(../../img/images/font/Gotham-Book.woff);
}
@font-face {
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:400;
src:url(../../img/images/font/NanumBarunGothic.eot);
src:url(../../img/images/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumBarunGothic.woff) format('woff');
}
@font-face {
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:700;
src:url(../../img/images/font/NanumBarunGothicBold.eot);
src:url(../../img/images/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumBarunGothicBold.woff) format('woff');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 400;
font-style: normal;
src: url(../../img/images/font/NanumSquareR.eot);
src: url(../../img/images/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumSquareR.woff) format('woff'),
url(../../img/images/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 600;
font-style: normal;
src: url(../../img/images/font/NanumSquareB.eot);
src: url(../../img/images/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumSquareB.woff) format('woff'),
url(../../img/images/font/NanumSquareB.ttf) format('truetype');
}

/* ÃʱâÈ­ */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:13px; font-family:Raleway,'NanumSquare';}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}
textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
.full_img {width: 100%;}
img {max-width: 100%;}
.clear {clear: both;}
.half {float:none;width:100%;}
.half_half {float:left;width:50%;}
ul {margin: 0; padding: 0; list-style: none;}
.noMargin { margin: 0 !important;}
.pc_hidden {display: none;}
.hidden {display: none;}

#wrapper {position:relative;overflow:hidden;width:100%;}
.img_half {width:50%;}


#callNav {position:absolute;top:0px;right:0px; width:30px; height:30px; cursor:pointer; z-index:5005; transition:all 0.3s ease;}
#callNav:hover {background:#}
#callNav > div {position:absolute;width:20px;margin-left:3px; height:2px; background:#243b7d; transition:all 0.3s ease}
#callNav .bar1 {top:5px;transform:rotate(0deg)}
#callNav .bar2 {top:12px;display:block;}
#callNav .bar3 {top:19px;transform:rotate(0deg)}
#callNav:hover > div {background:#243b7d;}
#callNav.active {background:#}
#callNav.active > div {background:#243b7d}
#callNav.active .bar1 {top:13px; transform:rotate(45deg)}
#callNav.active .bar2 {display:none}
#callNav.active .bar3 {top:13px; transform:rotate(-45deg)}
#top_info {display:none;}

/*¸ÞÀκñÁÖ¾óÅؽºÆ®*/
.main_txt {position:absolute;top:65%;z-index:9999;text-align:center;width:100%;}
.main_txt p {width:80%;font-size:28px;line-height:1;color:#fff;margin:0px auto;}
.main_txt span {width:80%;font-size:12px;line-height:1.5;color:#e9e9e9;display:block;margin:10px auto;}
.main_txt span.btn {margin:20px auto;display:inline-block;width:100px;height:30px;border:solid 1px #fff;text-align:center;}
.main_txt span.btn a {font-size:12px;display:block;line-height:30px;color:#fff;}
/*¸ÞÀκñÁÖ¾óÅؽºÆ®*/

/* »ó´Ü ·¹À̾ƿô */
#hd {width:100%;z-index: 20 !important;position: absolute; min-width: 100%;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {float: left;padding-top: 10px;padding-left: 10px;}
#main_hd_wrapper {position: relative;margin: 0px auto;width: 100%;zoom: 1;background-color: rgba( 255, 255, 255, 0.000000000000000000000000000000000000000001 );padding-bottom:20px;}
#main_hd_wrapper:after {display: block;visibility: hidden;clear: both;content: "";}


/* Áß°£ ·¹À̾ƿô */
#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}
#main_wrapper {z-index:5;margin:0 auto;width:100%;zoom:1;overflow-x: hidden;}
#main_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#sliders {width: 100%;}
.section {position: relative;}

/*Æ÷Æ®Æú¸®¿À*/
.main_collections {position:relative;text-align:center;height:110px;background:#000;}
.main_collections .title {color:#fff;font-size:23px;line-height:40px; padding-top:25px;}
.main_collections2 {position:relative;text-align:center;height:50px;background:#fff;}
.main_collections2 .title {color:#fff;font-size:20px;line-height:50px;}
.img_zoom_wrapper { position: relative; overflow: hidden;}
.img_zoom_wrapper a {display:block;position:absolute;width:100%;height: 100%;z-index: 10;background: rgba(0, 0, 0, 0);}
/*Æ÷Æ®Æú¸®¿À*/

/*¸ÞÀÎSTAFF*/
.res_wrap{width:100%;margin:0 auto;}
#main_icon{position:relative;width:100%;background:#000;margin:0px auto;padding:40px 0px;text-align:center;}
#main_icon .title{text-align:center;}
#main_icon .title h3{font-size:23px;color:#fff;line-height:1.5;}
#main_icon .title p{color:#fff;font-size:14px;margin-bottom:30px;}
#main_icon .icons{position:relative;margin:0 auto;overflow:auto;}
#main_icon .icons li{position:relative;width:100%;margin:10px 0px;display:inline-block;}
#main_icon .icons li a:hover{text-decoration:none;}
#main_icon .icons li p {color:#fff;}
#main_icon .icons li img {margin-bottom:20px;}
#main_icon .icons .icon_line{width:50px;height:1px;margin:0 auto;background:#fff;margin-top:10px;margin-bottom:10px;}

.res_wrap2{width:100%;margin:0 auto;}
#main_icon2{position:relative;width:100%;background:#fff;margin:0px auto;padding:40px 0px;text-align:center;}
#main_icon2 .title{text-align:center;}
#main_icon2 .title h3{font-size:23px;color:#000;line-height:1.5;}
#main_icon2 .title p{color:#000;font-size:14px;margin-bottom:30px;}
#main_icon2 .icons{position:relative;margin:0 auto;overflow:auto;}
#main_icon2 .icons li{position:relative;width:100%;margin:20px 0px;display:inline-block;}
#main_icon2 .icons li a:hover{text-decoration:none;}
#main_icon2 .icons li p {color:#fff;}
#main_icon2 .icons li img {margin-bottom:20px;}
#main_icon2 .icons .icon_line{width:50px;height:1px;margin:0 auto;background:#fff;margin-top:10px;margin-bottom:10px;}
/*¸ÞÀÎSTAFF*/

/*¸ÞÀÎÁöµµ*/
.main_map {position:relative;text-align:center;height:60px;background:#fff;}
.main_map .title {color:#000;font-size:20px;line-height:60px;}
#map {position:relative; height:200px;overflow:hidden}
/*¸ÞÀÎÁöµµ*/


.main_bottom { padding: 6% 0 6%; background:#082579 url('') center center;}
.main_contact {text-align: center;padding-top: 0px;}
.main_contact p {display: inline-block;margin-right: 28px;color: #fff;font-size: 16px;margin-right: 65px;}
.main_contact .m_contact1 {display: block;margin: 0;margin-bottom: 5px;}
.main_contact .m_contact2 {margin-right: 0px;}


/*·Î±×ÀÎ*/
#top_info {width:100%;display:block;position:relative;z-index:9999;height:45px;background:#000;}
#top_info ul {width:100%;line-height:45px;font-size:0px;}
#top_info ul li {width:50%;display:inline-block;text-align:center;box-sizing:border-box;border-right:dotted 1px #202020}
#top_info ul li a {display:block;font-size:12px;color:#fff;}
/*·Î±×ÀÎ*/

/*¿À¸¥Âʸ޴º*/
#m_menu_toggle {display: block;position:absolute;top:10px;right: 10px;cursor: pointer;z-index: 25;}
.mobile_menu {position: absolute;top: 0px;right: -50%;width: 50%;height: 100%;background:#6f7178 url('') repeat;}
.mobile_right_menu {}
.moblie_right_menu_body {position:relative;top:0;left:0;}
.m_menu {margin-top:;}
.m_menu li {box-sizing:border-box;background:#6f7178;border-bottom:solid 1px #7e7f86;line-height:45px;}
.m_menu li>a {padding-left:30px;color: #fff;font-size: 14px;text-decoration: none;display:block;}
.m_menu li a.active {font-weight:bold;line-height:45px;background:#5d616b}
ul.m_menu2 {display: none;margin:15px 0px 20px;}
ul.m_menu2 li {padding:0px;border:0px;}
ul.m_menu2 li a {color:rgba(255, 255, 255, 0.7);font-size:13px;display:block;line-height:25px;}
/*¿À¸¥Âʸ޴º*/

/* sub */
#sub_wrapper {background: #fff;}
.sub_container {width: 100%;margin: 0 auto;}
.sub_top {width: 100%;height: 100px;}

.sub_title_wrapper {padding: 20px 0 90px;}
.sub_title {width:90%;margin:0px auto;font-size: 24px;}
.sub_title span.title{float:left;width:100%;font-size: 24px;color: #000;} 
.sub_title span.intro_text {float:left;font-size:11px;color:#666666;margin-left:0px;margin-top:6px;display:block;line-height:18px;}

.top_company {background: url('../../img/images/sub_img1.png') center center no-repeat;}
.top_business {background: url('../../img/images/sub_img2.png') center center no-repeat;}
.top_product {background: url('../../img/images/sub_img5.png') center center no-repeat;}
.top_inquiry {background: url('../../img/images/sub_img3.png') center center no-repeat;}
.top_customer {background: url('../../img/images/sub_img4.png') center center no-repeat;}
.top_company, .top_product, .top_business, .top_inquiry, .top_customer {background-size: cover;}

/* ÇÏ´Ü ·¹À̾ƿô */
#ft {text-align: center;min-width: 100%;font-size: 12px;background: #1f1f1f;padding: 20px 0;}
#ft p {padding: 0 10px;line-height: 20px;color: rgba(255, 255, 255, 0.4);}
#ft p a {color: rgba(255, 255, 255, 0.4) !important;text-decoration: none !important;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* º»¹® ¹Ù·Î°¡±â */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
/* ie6 À̹ÌÁö ³Êºñ ÁöÁ¤ */
.img_fix {width:100%;height:auto}

/* ¹öÆ° */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* ¼­½Ä´Ü°è ÁøÇà */
.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* ¿ìÆí¹øÈ£°Ë»ö¹öÆ° µî */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

.mobile_menu {
-webkit-transition: -webkit-transform 600ms ease;
-moz-transition: -moz-transform 600ms ease;
-o-transition: -o-transform 600ms ease;
transition: transform 600ms ease;
-webkit-font-smoothing: subpixel-antialiased;
}
.mobile_right_menu_open {
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
}
.moblie_right_menu_body {
-webkit-transition: -webkit-transform 600ms ease;
-moz-transition: -moz-transform 600ms ease;
-o-transition: -o-transform 600ms ease;
transition: transform 600ms ease;
-webkit-font-smoothing: subpixel-antialiased;
}
.moblie_right_menu_toright {
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
}