@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');

body { -webkit-text-size-adjust: 100%; }

/* LAYOUT */
#wrap { min-width: 1260px; }
#header { position: relative; min-width: 1260px; }
#container { position:relative; min-width: 1260px; background-color:#fcfcfc; }
#sub_container { overflow: hidden; position:relative; min-width: 1260px; min-height: 600px; background-color: #f9f9f9; }
#footer { overflow: hidden; position: relative; min-width: 1260px; margin-top: 4px; background-color: #f2f2f2; }

/* HEADER */
#header > .head { position: relative; width: 1200px; height: 90px; margin: 0 auto; }
#header > .head > h1 { margin:0; line-height: 0; }

#header > .head > .lang { position: absolute; right: 0; top: 36px; }
#header > .head > .lang ul { margin: 0; padding: 0; }
#header > .head > .lang li { list-style: none; float: left; line-height: 0; }
#header > .head > .lang:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .head > .lnb { position: absolute; right: 50px; top: 39px; }
#header > .head > .lnb ul { margin: 0; padding: 0; }
#header > .head > .lnb li { position: relative; list-style: none; float: left; padding-left: 27px; }
#header > .head > .lnb li:after { content:""; position: absolute; width: 1px; height: 10px; left: 13px; top: 2px; background-color: #979797; }
#header > .head > .lnb li:first-child:after { display: none; }
#header > .head > .lnb a,
#header > .head > .lnb a:hover { font-family: Arial, "serif";  font-size: 12px; line-height: 12px; color: #128344; }
#header > .head > .lnb:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .gnb { height: 53px; border-top: 5px solid #128344; border-bottom: 1px solid #eeeeee; background: url(../images/inc/gnb_bg.png) repeat-x left top; }
#header > .gnb ul { width: 1238px; margin: 0 auto; padding: 0; }
#header > .gnb li { position: relative; list-style: none; float: left; }
#header > .gnb li:after { content:""; position: absolute; width: 1px; height: 16px; left: 0; top: 18px; background-color: #dddddd; }
#header > .gnb li:first-child:after { display: none; }
#header > .gnb a { display: block; padding: 0 19px; font-family: Arial, "serif";  font-size: 13px; line-height: 53px; font-weight:bold; color: #0b6e37; }
#header > .gnb a:hover { color: #fff; background-color: #e01519; }
#header > .gnb li.select { }
#header > .gnb li.select a,
#header > .gnb li.select a:hover { color: #fff; background-color: #e01519; }
#header > .gnb .hot { position:absolute; right:-34px; top:18px; }

#header > .gnb .smenu { display:none; position:absolute; width:162px; left:-10px; top:80px; padding:0 0 30px 0; border-left:2px solid #dedede; border-right:2px solid #dedede; border-bottom:2px solid #dedede; background-color:#ffffff; z-index:21; }
#header > .gnb .smenu ul { margin:0; }
#header > .gnb .smenu li { list-style:none; width:100%; height:30px; padding-left:0; background:none; }
#header > .gnb .smenu li:first-child { height:20px; }
#header > .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header > .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header > .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }

/* CONTAINER */
#container > .slide {}
#container > .slide ul {}
#container > .slide li { width: 100%; background-color: #deeaff; }
#container > .slide .outer { display: table; position: relative; width: 1200px; height: 400px; margin: 0 auto; }
#container > .slide .outer .inner { display: table-cell; vertical-align: middle; }
#container > .slide .outer .inner .text01 { font-family: "Myriad Pro", "serif";  font-size: 25px; line-height: 26px; letter-spacing:-1px; color: #000000; }
#container > .slide .outer .inner .text02 { margin-top: 30px; font-family: "Myriad Pro", "serif"; font-size: 46px; line-height: 46px; color: #1159aa; font-weight: bold; letter-spacing: -1.5px; }
#container > .slide .outer .inner .text03 { margin-top: 20px; font-family: "Myriad Pro", "serif"; font-size: 18px; line-height: 28px; color: #175fae; letter-spacing: -0.5px; }

#container > .product { min-width: 1260px; margin: 60px 0 0; }
#container > .product ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#container > .product li { display: inline-block; list-style: none; width: 240px; }
#container > .product .thum { line-height: 0; text-align: center; }
#container > .product .thum_info { margin: 14px 0 0; font-family: Arial, "serif";  font-size: 12px; line-height: 18px; font-weight:bold; color: #0b6e37; text-align: center; }
#container > .product a,
#container > .product a:hover { font-size: 0; }

#container > .partner { width: 1200px; margin: 45px auto 0; background-color: #f2f2f2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#container > .partner ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#container > .partner li { display: inline-block; list-style: none; margin: 0 18px; line-height: 0;  }

#container > .main_movie { width:450px; height:250px; margin: 80px auto 0; }

#container > .request { margin: 50px 0 0; padding-bottom:95px; }
#container > .request p { margin: 0; font-family: Arial, "serif"; font-size: 13px; line-height: 13px; font-weight: bold; color: #0b6e37; text-align: center; }
#container > .request .btn { width: 433px; height: 48px; margin: 18px auto 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align: center;
background: #1e9b55; /* Old browsers */
background: -moz-linear-gradient(top,  #1e9b55 0%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e9b55), color-stop(100%,#128344)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e9b55 0%,#128344 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9b55', endColorstr='#128344',GradientType=0 ); /* IE6-9 */ 
}
#container > .request .btn a,
#container > .request .btn a:hover { display: block; font-family: "Myriad Pro", "serif"; font-size: 18px; line-height: 46px; color: #fff; }


/* SUB LAYOUT */
.sub_layout { position: relative; margin: 40px auto 0; }
.sub_layout .sub_inner { position: relative; width: 1200px; margin: 0 auto; font-size: 0;  }
.sub_layout .sub_inner > .side { display: inline-block; vertical-align: top; width: 340px;}
.sub_layout .sub_inner > .side .side_title { height: 51px; padding-left: 30px; border: 1px solid #188247; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 18px; line-height: 50px; color: #ffffff; 
background: #1d8d4a; /* Old browsers */
background: -moz-linear-gradient(top,  #1d8d4a 0%, #0c7a37 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d8d4a), color-stop(100%,#0c7a37)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d8d4a 0%,#0c7a37 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1d8d4a 0%,#0c7a37 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1d8d4a 0%,#0c7a37 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1d8d4a 0%,#0c7a37 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8d4a', endColorstr='#0c7a37',GradientType=0 ); /* IE6-9 */ 
}
.sub_layout .sub_inner > .side .side_menu { margin-top: 9px; background-color: #fff; border: 1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.15); -moz-box-shadow:0 0 5px rgba(0,0,0,0.15); box-shadow:0 0 5px rgba(0,0,0,0.15); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.sub_layout .sub_inner > .side .side_menu ul { margin: 15px 0; padding: 0; }
.sub_layout .sub_inner > .side .side_menu li { position: relative; list-style: none; padding-left: 43px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sub_layout .sub_inner > .side .side_menu li:after{ content:""; display:block; clear:both; position: absolute; width: 4px; height: 2px; left: 30px; top: 19px; background-color: #0e7a3d; }
.sub_layout .sub_inner > .side .side_menu a { display: block; font-family: dotum, Arial, "serif";  font-size: 12px; line-height: 40px; color: #0b6e37; }
.sub_layout .sub_inner > .side .side_menu a:hover { font-weight: bold; }
.sub_layout .sub_inner > .side .side_menu li.select{ }
.sub_layout .sub_inner > .side .side_menu li.select a,
.sub_layout .sub_inner > .side .side_menu li.select a:hover { font-weight: bold; }
.sub_layout .sub_inner > .side .side_menu:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

.sub_layout .sub_inner > .content_area { display: inline-block; vertical-align: top; width: 820px; margin-left: 30px; }

/* ABOUT */
#about { overflow: hidden; }
#about .thum { line-height: 0; }
#about p { margin: 30px 10px 90px; font-family: dotum, Arial, "serif";  font-size: 13px; line-height: 24px; color: #0b6e37; text-align: justify; }
#about_bottom { overflow: hidden; min-width: 1260px; background-color: #fff; }
#about_bottom ul { margin: 60px 0; padding: 0; font-size: 0; text-align: center; }
#about_bottom li { display: inline-block; list-style: none; margin: 0 12px; }
#about_bottom .thum { line-height: 0; }
#about_bottom .thum_info { margin: 28px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; line-height: 22px; color: #000000; text-align: center; }

/* MISSION */
#mission { overflow: hidden; }
#mission .thum { line-height: 0; }
#mission p { margin: 35px 10px 90px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 13px; line-height: 24px; color: #0b6e37; text-align: justify; }
#mission p strong { display: block; margin: 0 0 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 28px; line-height: 28px; color: #076e2f; font-weight: normal; }

#mission_bottom { overflow: hidden; min-width: 1260px; background-color: #fff; }
#mission_bottom ul { margin: 60px 0; padding: 0; font-size: 0; text-align: center; }
#mission_bottom li { display: inline-block; list-style: none; margin: 0 12px; }
#mission_bottom .thum { line-height: 0; }
#mission_bottom .thum_info { margin: 28px 0 0; font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; line-height: 22px; color: #000000; text-align: center; }

/* ORGANIZATION */
#organization { overflow: hidden; }
#organization .thum { line-height: 0; }
#organization .list_thum { margin: 60px auto 0; line-height: 0; }
#organization .list { font-size: 0; margin-bottom: 90px; }
#organization .list .inner { display: inline-block; vertical-align: top; width: 250px; }
#organization .list .inner.v1 { margin-left: 30px; }
#organization .list .inner ul { margin: 0; padding: 0; }
#organization .list .inner li { position: relative; list-style: none; border-bottom: 1px solid #d8d8d9; font-size: 0; }
#organization .list .inner .lang { position: absolute; right: 5px; top: 43px; }
#organization .list .inner .lang.v1 { top: 28px; }
#organization .list .inner .lang ul { margin: 0; padding: 0; }
#organization .list .inner .lang li { list-style: none; margin-bottom: 5px; line-height: 0; border: none; }
#organization .list .inner .photo { display: inline-block; vertical-align: middle; width: 76px; margin: 15px 0 15px 5px; line-height: 0; }
#organization .list .inner .photo_info { display: inline-block; vertical-align: middle; width: 154px; margin: 15px 0 15px 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 14px; line-height: 20px; color: #333333; font-weight: normal; }
#organization .list .inner .photo_info strong { color: #355a9a; font-weight: bold; letter-spacing: -0.5px; }
#organization .list .inner .photo_info span { color: #015924; letter-spacing: -0.5px; }
#organization .list .inner:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/* WAREHOUSE */
#warehouse { overflow: hidden; }
#warehouse h2 { margin: 10px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; font-weight:normal; line-height: 30px; color: #000000; }
#warehouse p { margin: 20px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 15px; line-height: 24px; color: #0b6e37; text-align: justify; }
#warehouse .list { margin: 20px 20px 120px; }
#warehouse .list ul { margin: 0; padding: 0; }
#warehouse .list li { position: relative; list-style: none; padding-left: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 13px; line-height: 30px; color: #0b6e37; text-align: justify; }
#warehouse .list li:after{ content:""; display:block; clear:both; position: absolute; width: 4px; height: 4px; left: 0; top: 12px; background: url(../images/company/warehouse_dot.png) no-repeat left top; }
#warehouse .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#warehouse_bottom { overflow: hidden; min-width: 1260px; background-color: #fff; }
#warehouse_bottom ul { margin: 60px 0; padding: 0; font-size: 0; text-align: center; }
#warehouse_bottom li { display: inline-block; list-style: none; margin: 0 12px; }
#warehouse_bottom .thum { width: 380px; height: 210px; line-height: 0; }
#warehouse_bottom .thum_info { margin: 28px 0 0; font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; line-height: 22px; color: #000000; text-align: center; }

/* HISTORY */
#history { overflow: hidden; }
#history .thum { line-height: 0; }
#history h2 { margin: 40px 30px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight:normal; line-height: 28px; color: #000000; }
#history .list { margin: 15px 38px 90px; }
#history .list ul { margin: 0; padding: 0; }
#history .list li { position: relative; list-style: none; font-size: 0; }
#history .list .year { display: inline-block; vertical-align: top; width: 65px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 40px; color: #0b6e37; font-weight: bold; }
#history .list .text { display: inline-block; vertical-align: top; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 40px; color: #0b6e37; }

/* PARTNER */
#partner { overflow: hidden; }
#partner .thum { line-height: 0; }
#partner h2 { margin: 40px 9px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight:normal; line-height: 24px; color: #000000; }
#partner .box01 { overflow: hidden; margin: 15px 0 0; background-color: #fff; }
#partner .box01 ul { margin: 20px 0; padding: 0; font-size: 0; text-align: center; }
#partner .box01 li { display: inline-block; list-style: none; margin: 0 20px; }
#partner .box01:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#partner .box02 { overflow: hidden; margin: 15px 0 90px; background-color: #fff; }
#partner .box02 ul { margin: 20px 0; padding: 0; font-size: 0; text-align: center; }
#partner .box02 li { display: inline-block; list-style: none; margin: 5px 40px; line-height: 0; }
#partner .box02:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/* BRAND */
#brand { overflow: hidden; }
#brand h2 { margin: 10px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; line-height: 30px; color: #000000; font-weight: normal; }
#brand p { margin: 20px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 15px; line-height: 24px; color: #0b6e37; text-align: justify; }
#brand .list { margin: 40px 0 60px; }
#brand .list ul { margin: 0; padding: 0; }
#brand .list li { overflow: hidden; list-style: none; border-top: 1px solid #dddddd; font-size: 0; cursor: pointer; }
#brand .list li:nth-child(odd) { background-color: #fff; }
#brand .list .logo { display: inline-block; vertical-align: middle; width: 160px; text-align: center; line-height: 0; }
#brand .list .text { display: inline-block; vertical-align: middle; width: 650px; margin: 20px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 24px; color: #555555; }

#brand_view { overflow: hidden; }
#brand_view .view_head { background-color: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-size: 0; }
#brand_view .view_head .logo { display: inline-block; vertical-align: middle; width: 160px; text-align: center; line-height: 0; }
#brand_view .view_head .text { display: inline-block; vertical-align: middle; width: 650px; margin: 20px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 24px; color: #555555; }
#brand_view .view_list { padding: 40px; border-bottom: 1px solid #dddddd; }
#brand_view .view_list h2 { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 26px; line-height: 26px; color: #000000; font-weight: normal; }
#brand_view .view_list .list { margin: 20px 0 0; }
#brand_view .view_list .list ul { margin: 0; padding: 0; }
#brand_view .view_list .list li { list-style: none; float: left; width: 50%; padding-left: 10px; background: url(../images/brand/dot.png) no-repeat left 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 28px; color: #0b6e37; }
#brand_view .view_list .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#brand_view > .request { margin: 65px 0 90px; }
#brand_view > .request p { margin: 0; font-family: Arial, "serif"; font-size: 13px; line-height: 13px; font-weight: bold; color: #0b6e37; text-align: center; }
#brand_view > .request .btn { width: 433px; height: 48px; margin: 18px auto 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align: center;
background: #1e9b55; /* Old browsers */
background: -moz-linear-gradient(top,  #1e9b55 0%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e9b55), color-stop(100%,#128344)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e9b55 0%,#128344 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9b55', endColorstr='#128344',GradientType=0 ); /* IE6-9 */ 
}
#brand_view > .request .btn a,
#brand_view > .request .btn a:hover { display: block; font-family: "Myriad Pro", "serif"; font-size: 18px; line-height: 46px; color: #fff; }

/* STOCK LIST */
#stock { margin-bottom:70px; background-color: #fff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#stock h2 { margin: 38px 40px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 27px; line-height: 28px; color: #000000; font-weight: normal; }
#stock h2.v1 { margin: 60px 40px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; line-height: 26px; color: #000000; font-weight: normal; }
#stock .list { margin: 20px 0 0; }
#stock .list ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#stock .list li { display: inline-block; list-style: none; width: 360px; height: 44px; margin: 0 8px; text-align: center; }
#stock .list li.bg01 { background: url(../images/stock/stock_btn01.png) no-repeat center top; }
#stock .list li.bg02 { background: url(../images/stock/stock_btn02.png) no-repeat center top; }
#stock .list li.bg03 { background: url(../images/stock/stock_btn03.png) no-repeat center top; }
#stock .list a,
#stock .list a:hover { display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 44px; color: #fff; font-weight: normal; }
#stock .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#stock .stock_table { margin: 20px 40px 0; border-top: 2px solid #1c63b0; }
#stock .stock_table td { text-align: center; border-bottom: 1px solid #dcdcdc; }
#stock .stock_table td.v1 { padding: 9px 0; }
#stock .stock_table td.subject { width: 11%; padding-left: 25px; background: url(../images/stock/dot.png) no-repeat 15px; background-color: #f9f9f9; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 44px; color: #1c63b0; font-weight: normal; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#stock .stock_table .input { width: 405px; height: 26px; padding: 0 5px; border: 1px solid #d7d7d7; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 44px; color: #696969; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#stock .stock_table .input.v1 { width: 964px; }
#stock .stock_table .textarea { width: 964px; height: 146px; padding: 5px; border: 1px solid #d7d7d7; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 44px; color: #696969; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#stock .stock_table:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#stock .submit_btn { width: 235px; height: 50px; margin: 30px auto 50px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align: center;
background: #1e9b55; /* Old browsers */
background: -moz-linear-gradient(top,  #1e9b55 0%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e9b55), color-stop(100%,#128344)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e9b55 0%,#128344 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e9b55 0%,#128344 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9b55', endColorstr='#128344',GradientType=0 ); /* IE6-9 */ 
}
#stock .submit_btn a,
#stock .submit_btn a:hover { display: block; font-family: "Myriad Pro", "serif"; font-size: 18px; line-height: 48px; color: #fff; }

/* CONTACTS */
#contact { overflow: hidden; }
#contact h2 { margin: 10px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 27px; line-height: 27px; color: #000000; font-weight: normal; }
#contact .info { margin: 30px 10px 0; }
#contact .info ul { margin: 0; padding: 0; }
#contact .info li { list-style: none; font-size: 0; }
#contact .info .info_text01 { display: inline-block; vertical-align: middle; width: 65px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 26px; color: #0b6e37; font-weight: normal; }
#contact .info .info_text02 { display: inline-block; vertical-align: middle; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 26px; color: #0b6e37; font-weight: normal; }
#contact .list { margin: 50px auto 0; }
#contact .list ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#contact .list li { display: inline-block; vertical-align: top; list-style: none; width: 195px; margin: 0 5px; }
#contact .list .subject { height: 50px; background-color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 46px; color: #000000; font-weight: normal; text-align: center; letter-spacing: -0.5px; border: 2px solid #355a9a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#contact .list .list_info { margin: 15px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 30px; color: #555555; font-weight: normal; text-align: center; }
#contact .list .list_info a,
#contact .list .list_info a:hover { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 30px; color: #555555; font-weight: normal; }
#contact .map { margin: 40px auto 90px; }

/* CAREERS */
#careers { overflow: hidden; }
#careers h2 { margin: 10px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 27px; line-height: 27px; color: #000000; font-weight: normal; }
#careers .outer { margin: 24px 0 0; background-color: #fff; border: 1px solid #dddddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#careers .outer.v1 { margin: 10px 0 0; }
#careers .outer .subject { margin: 0 30px; padding-left: 10px; border-bottom: 1px solid #dddddd; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 60px; color: #0b6e37; font-weight: normal; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#careers .outer .list { margin: 20px 40px; }
#careers .outer .list ul { margin: 0; padding: 0; }
#careers .outer .list li { list-style: none; float: left; font-size: 0; }
#careers .outer .list .list_subject { display: inline-block; vertical-align: top; width: 140px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 30px; color: #0b6e37; font-weight: normal; letter-spacing: -0.5px; }
#careers .outer .list .list_subject.v1 { width: 92px; }
#careers .outer .list .list_info { display: inline-block; vertical-align: top; width: 205px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 30px; color: #555555; font-weight: normal; letter-spacing: -0.5px; }
#careers .outer .list .list_info.v1 { width: 200px; }
#careers .outer .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

/* NEWS */
#news { margin-bottom:70px; padding:0; }
#news h2 { margin: 38px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 27px; line-height: 28px; color: #000000; font-weight: normal; }

/* SOUTH KOREA */
#korea { overflow: hidden; position: relative; width: 1190px; margin: 0 auto; }
#korea h2 { margin: 28px 20px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 27px; line-height: 28px; color: #000000; font-weight: normal; }
#korea .korea_map { position: relative; width: 730px; height: 730px; margin: 0 auto 90px; background: url(../images/korea/map.png) no-repeat left top; }
#korea .point01 { position: absolute; left: 144px; top: 72px; cursor: pointer; }
#korea .point02 { position: absolute; left: 18px; top: 118px; cursor: pointer; }
#korea .point03 { position: absolute; left: 306px; top: 115px; cursor: pointer; }
#korea .point04 { position: absolute; left: 101px; top: 151px; cursor: pointer; }
#korea .point05 { position: absolute; left: 323px; top: 185px; cursor: pointer; }
#korea .point06 { position: absolute; left: 24px; top: 253px; cursor: pointer; }
#korea .point07 { position: absolute; left: 113px; top: 364px; cursor: pointer; }
#korea .point08 { position: absolute; left: 438px; top: 376px; cursor: pointer; }
#korea .point09 { position: absolute; left: 415px; top: 420px; cursor: pointer; }
#korea .point10 { position: absolute; left: 219px; top: 454px; cursor: pointer; }
#korea .point11 { position: absolute; left: 481px; top: 451px; cursor: pointer; }
#korea .point12 { position: absolute; left: 32px; top: 150px; cursor: pointer; }
#korea .point13 { position: absolute; left: 0x; top: 376px; cursor: pointer; }
#korea .point14 { position: absolute; left: 425px; top: 414px; cursor: pointer; }
#korea .popup_area { position: absolute; width: 100%; left: 0; top: 105px; }
#korea .popup_area .popup01 { position: relative; width: 339px; margin: 0 auto; display: none; }
#korea .popup_area .popup01 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup02 { position: relative; width: 840px; margin: 50px auto 0; display: none; }
#korea .popup_area .popup02 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup03 { position: relative; width: 339px; margin: 0 auto; display: none; }
#korea .popup_area .popup03 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup04 { position: relative; width: 840px; margin: 0 auto; display: none; }
#korea .popup_area .popup04 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup05 { position: relative; width: 840px; height: 601px; margin: 0 auto; background: url(../images/korea/point05_pop.png) no-repeat left top; display: none; }
#korea .popup_area .popup05 .movie { position: absolute; width: 798px; height: 448px; left: 20px; top: 122px; }
#korea .popup_area .popup05 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup06 { position: relative; width: 840px; margin: 60px auto 0; display: none; }
#korea .popup_area .popup06 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup07 { position: relative; width: 840px; height: 640px; margin: 0 auto; background: url(../images/korea/point07_pop.png?20190107) no-repeat left top; display: none; }
#korea .popup_area .popup07 .movie { position: absolute; width: 538px; height: 303px; right: 33px; top: 305px; }
#korea .popup_area .popup07 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup08 { position: relative; width: 840px; height: 449px; margin: 40px auto 0; background: url(../images/korea/point08_pop.png) no-repeat left top;  display: none; }
#korea .popup_area .popup08 .movie { position: absolute; width: 451px; height: 253px; right: 20px; top: 165px; }
#korea .popup_area .popup08 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup09 { position: relative; width: 840px; margin: 0 auto; display: none; }
#korea .popup_area .popup09 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup10 { position: relative; width: 840px; margin: 0 auto; display: none; }
#korea .popup_area .popup10 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }
#korea .popup_area .popup11 { position: relative; width: 840px; margin: 50px auto 0; display: none; }
#korea .popup_area .popup11 .btn_close { position: absolute; right: -30px; top: 0; cursor: pointer; }


/* FOOTER */
#footer > .area { position: relative; width: 1200px; margin: 0 auto; }

#footer > .area .contact { position: absolute; width: 413px; left: 0; top: 60px; }
#footer > .area .contact h2 { height:40px; margin: 0; padding-left: 10px; border-bottom: 1px solid #d3d3d3; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 26px; font-weight:normal; line-height: 24px; color: #0b6e37; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer > .area .contact p { padding: 5px 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 14px; line-height: 20px; color: #555555; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#footer > .area .news { position: absolute; width: 463px; left: 443px; top: 60px; }
#footer > .area .news h2 { height:40px; margin: 0; padding-left: 10px; border-bottom: 1px solid #d3d3d3; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 26px; font-weight:normal; line-height: 24px; color: #0b6e37; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer > .area .news .list { margin-top: 5px; }
#footer > .area .news .list ul { margin: 0; padding: 0; }
#footer > .area .news .list li { position: relative; list-style: none; padding: 20px 0; border-bottom: 1px solid #d3d3d3; font-size: 0; }
#footer > .area .news .list .thum { display: inline-block; vertical-align: top; width: 50px; margin: 0 0 0 10px; }
#footer > .area .news .list .thum_info { display: inline-block; vertical-align: top; width: 375px; margin: 0 0 0 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 14px; line-height: 20px; color: #555555; }
#footer > .area .news .list .thum_info span { display: block; font-family: Arial, "serif";  font-size: 12px; line-height: 20px; color: #888888; }
#footer > .area .news .list .thum_info a,
#footer > .area .news .list .thum_info a:hover { font-size: 0; line-height: 0; }

#footer > .area .partner { overflow: hidden; height: 386px; margin: 0 30px 0 946px; background-color: #fff; }
#footer > .area .partner ul { margin: 0; padding: 0; }
#footer > .area .partner li { list-style: none; margin-bottom: 5px; line-height: 0; }
#footer > .area .partner li:first-child { margin-top: 30px; }

#footer > .bottom { height: 40px; border-top: 2px solid #fff; background-color: #324498; }
#footer > .bottom ul { width: 1200px; margin: 0 auto; padding: 0; }
#footer > .bottom li { list-style: none; float: left; font-family: dotum, Arial, "serif";  font-size: 12px; line-height: 40px; font-weight: bold; color: #ffffff; }
#footer > .bottom a,
#footer > .bottom a:hover { font-family: dotum, Arial, "serif";  font-size: 12px; line-height: 40px; font-weight: bold; color: #ffffff; }