* {word-break:keep-all;}
.mb0 {margin-bottom:  0 !important;}
img{max-width: 100%}

body > div > img {max-width:none;}

#bo_list {margin-left: 0 !important; margin-right: 0 !important; margin: 0 auto !important;}
#bo_sch {padding-top: 0 !important;}
#bo_sch:after {content:""; clear: both; display: table;}

#footer .inner {padding: 30px 0; max-width:1230px; margin: 0 auto;}
#footer .logo {float: left;}
#footer .copyright {margin: 0; margin-left: 300px; text-align: left;}
#footer .copyright .ff-en {font-size: 0.8em;}

/*기업소개*/
.sec_visual.sub01 .a_box {background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company.jpg);}
.sec_contents { position: relative;padding-top: 70px; }

.sec_tab { z-index:99;position: absolute; left:0%;top:0px; width: 100%;border-bottom: 1px solid #cfcfcf;background: #fff; }
.sec_tab .a_tab { position: relative; max-width: 1284px; margin:0 auto;}
.sec_tab .a_tab ul { overflow:hidden; }
.sec_tab .a_tab ul li {float:left; }
.sec_tab .a_tab ul li .mn,.sec_tab .a_tab ul li .mn2{ display:block; position:relative;padding:24px 0px 24px 0px;color:#696969;font-size:18px;white-space:nowrap;letter-spacing:0px;text-align:center;font-weight:400;min-height: 75px;;}
.sec_tab .a_tab ul li .mn:after,.sec_tab .a_tab ul li .mn2:after  {position:absolute;content:'';width:0;left:0%;bottom:0px;border-bottom:4px solid #0e8e09;transition:width .04s,left .04s;-webkit-transition: width .04s,left .04s;}
.sec_tab .a_tab ul li:hover .mn:after, .sec_tab .a_tab ul li:hover .mn2:after,
.sec_tab .a_tab ul li.on .mn:after, .sec_tab .a_tab ul li.on .mn2:after { width:100%;}
.sec_tab .a_tab ul li:hover .mn, .sec_tab .a_tab ul li:hover .mn2,
.sec_tab .a_tab ul li.on .mn, .sec_tab .a_tab ul li.on .mn2 { color:#0e8e09; }

.sec_tab .a_tab.n7 ul li {width:14.28571428571429%; }
.sec_tab .a_tab.n6 ul li {width:16.666%; }
.sec_tab .a_tab.n5 ul li {width:20%; }
.sec_tab .a_tab.n4 ul li {width:25%; }
.sec_tab .a_tab.n3 ul li {width:33.3%; }
.sec_tab .a_tab.n2 ul li {width:50%; }
.sec_tab .a_tab.n1 ul li {width:100%; }

.sec_tab2 { z-index:99;position: absolute; left:0%;top:0px; width: 100%;border-bottom: 1px solid #cfcfcf;background: #fff; }
.sec_tab2 .a_tab { position: relative; max-width: 1284px; margin:0 auto;}
.sec_tab2 .a_tab ul{ overflow:hidden; }
.sec_tab2 .a_tab ul li {float:left; width:25%; }
.sec_tab2 .a_tab ul li .mn{ display:block; position:relative;padding:24px 0px 24px 0px;color:#696969;font-size:18px;white-space:nowrap;letter-spacing:0px;text-align:center;font-weight:400;min-height: 72px;;}
.sec_tab2 .a_tab ul li .mn:after {position:absolute;content:'';width:0;left:0%;bottom:0px;border-bottom:4px solid #0e8e09;transition:width .04s,left .04s;-webkit-transition: width .04s,left .04s;}
.sec_tab2 .a_tab ul li.on .mn:after { width:100%;}
.sec_tab2 .a_tab ul li.on .mn { color:#0e8e09; }

.sec_overview .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_overview .a_box { position: relative; width:100%; padding:80px 0; }
.sec_overview .a_box .a_txt { padding:0 0 50px 0;}
.sec_overview .a_box .a_txt h3.t { text-align:center;  font-size: 34px; line-height: 1; font-weight: 600; color: #000;}
.sec_overview .a_box .a_txt p.t { text-align:center; font-size: 20px; line-height: 1.5; margin-top: 20px; color: #888888; text-transform: uppercase; font-weight: 500;}
.sec_overview .a_good { text-align: center;}
.sec_overview .a_good >ul { overflow:hidden; }
.sec_overview .a_good >ul > li { float:left; }
.sec_overview .a_good >ul > li { position: relative; display:inline-block;*display:inline; zoom:1;margin:0px 1%; width: 31%;  }
.sec_overview .a_good >ul > li .bg_sec_overview_01 {
	padding-top:66%;
    background-position: center top;
    /* background-size: cover;*/
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
	background-image: url(/kor/theme/naturalstory/img/company/img_sec_overview_01.jpg);
}
.sec_overview .a_good >ul > li .bg_sec_overview_02 {
	padding-top:66%;
    background-position: center top;
    /* background-size: cover;*/
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
	background-image: url(/kor/theme/naturalstory/img/company/img_sec_overview_02.jpg);
}
.sec_overview .a_good >ul > li .bg_sec_overview_03 {
	padding-top:66%;
    background-position: center top;
    /* background-size: cover;*/
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
	background-image: url(/kor/theme/naturalstory/img/company/img_sec_overview_03.jpg);
}
.sec_overview .a_good >ul > li .b_bg { position: absolute;left:0px; bottom:0px; width: 100%; ;height: 108px; }
.sec_overview .a_good >ul > li .b_con {width: 90%; margin:0 auto; padding:30px 15px 0px 15px; background: #fff;  letter-spacing:-0.0625em;}
.sec_overview .a_good >ul > li .b_con .subj { font-size: 19px; color:#161616;font-weight: 400;}
.sec_overview .a_good >ul > li .b_con .explain { display: block;margin-top: 14px; font-size: 17px; line-height: 1.6;word-wrap:break-word;}
.sec_ci{border-top: 1px solid #d6d7da;}
.sec_ci .a_box {
    position: relative;
    width: 100%;
    padding: 80px 0;}
.sec_ci .a_box .a_txt {
    padding: 0 0 50px 0;
}
.sec_ci .inner_download {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.sec_ci .inner_download div{
    width: 190px;
    margin: 0 auto;
    border: 1px solid #3aad2a;
    color: #3aad2a;
    text-align:left;
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 80px;
    background: #fff;
    cursor: pointer;
    padding-left: 35px;
}

.sec_ci .inner_download div a{
    display: block;
    background: url(/kor/theme/naturalstory/img/company/ci_download_button.png) no-repeat 110px center;}

.sec_ci .a_box .a_txt h3.t {
    text-align: center;
    font-size: 34px;
    line-height: 1;
    font-weight: 600;
    color: #000;
    width:45%;
    margin: 0 auto;
} .sec_ci .a_box .a_txt h3.t:after{
    content: "";
    display: block;
    margin: 30px auto;
    border-bottom: 3px solid green;
     width: 100%;}

   .three_slogan{
    text-align: center;
    margin-bottom: 80px;
    overflow: hidden;
}
     .three_slogan h1{
    font-size: 34px;
    color: #43b02a;
    font-weight: bold;
    margin-bottom: 40px;
                          }
    .three_slogan h2{
display: block;
    margin-top: 14px;
    font-size: 17px;
    line-height: 1.6;
        font-weight: 300;
        color:#222222;
                          }
    .ci_grid_title{
    text-align: center;
        margin-bottom:40px;
                          }
    .ci_grid_title h3{font-size: 34px;
    line-height: 1;
    font-weight: 600;
    color: #000;
    }
.ci_grid_banner{text-align: center;}
.ci_grid_banner_mobile{display: none;}
.inner_1280{max-width: 1280px;margin:0 auto;}
.ci_kind{overflow: hidden;margin-bottom:80px;}
.ci_kind ul li{width:406px;float: left;margin: 0 10px;}
.ci_kind ul li figure figcaption {
    text-align: center;
    margin: -5px 0;
    background: #efefef;
    height: 55px;
    padding-top: 10px;
    color:#595757;
    font-size: 20px;
}
    .ci_kind_mobile{display: none;overflow: hidden;margin:0 25px 80px;}

.sec_ci .a_box .color_system h3.t {
    text-align: center;
    font-size: 34px;
    line-height: 1;
    font-weight: 600;
    color: #000;
    margin-bottom : 40px;
}
.ci_color_map{text-align: center;max-width:845px;margin: 0 auto 20px;overflow: hidden;}
.ci_color_map > div {float: left;width:406px;height: 150px;border: 1px solid #e5e5e5;font-size: 20px;font-weight: 400;padding-top:50px;}
.ci_color_map > div:nth-child(1){background:#3baf29;color: #fff;margin-right: 16.5px;}
.ci_color_map > div:nth-child(2){background:#fff;color: #222222;margin-left: 16.5px;}
.ci_color_map > div strong{font-weight:600;font-size: 22px;}

.sec_ci .ci_calc_wrap{
    text-align: center;
    max-width: 845px;
    margin: 0 auto;
    overflow: hidden;

}
.sec_ci .ci_calc_wrap > div{float: left;width:406px;font-size: 20px;font-weight: 400;color: #222222;line-height:2;}
.sec_ci .ci_calc_wrap > div:nth-child(1){margin-right: 16.5px;}
.sec_ci .ci_calc_wrap > div:nth-child(2){margin-left: 16.5px;}

.sec_ci .inner_download div:hover{background:#3baf29;color:#fff;}
.sec_ci .inner_download div:hover a{background-image:url(/kor/theme/naturalstory/img/company/ci_download_button_on.png)}
.pr_cul_img img{width:15px;}


.sec_message { border-top: 1px solid #d6d7da; }
.sec_message .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_message .a_box { position: relative; width:100%; padding:80px 0; }
.sec_message .a_box .a_txt { padding:0 0 50px 0;}
.sec_message .a_box .a_txt h3.t { text-align:center;  font-size: 34px; line-height: 1; font-weight: 600; color: #000;}
.sec_message .a_box .a_txt p.t { text-align:center; font-size: 20px; line-height: 1.5; margin-top: 20px; color: #888888; text-transform: uppercase;}
.sec_message .a_visual {position: relative; height: 305px; margin-bottom: 260px;}
.sec_message .a_visual .b_con {
	height: 100%; background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
	background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company_visual.jpg); }
.sec_message .a_visual .b_con .c_text { max-width:1284px; margin:0 auto; padding:130px 0 0 0;  text-align: left;}
.sec_message .a_visual .b_con .c_text .d_con {
	height: 404px; padding-left: 50%;
	background-position: 0 center;
    background-size: 50% auto;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
	background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company_visual_con.jpg);
}
.sec_message .a_visual .b_con .c_text .d_con > div {
	padding-left: 95px; padding-top: 250px;
}
.sec_message .a_visual .b_con .c_text .d_con .logo { display:inline-block;*display:inline;zoom:1; margin:60px 0 0 34px; }
.sec_message .a_visual .b_con .c_text .d_con .line { display: block; margin:36px 0 0 34px;width: 50px;height: 2px;background: #fff;;	 }
.sec_message .a_visual .b_con .c_text .d_con p.h {position: relative; color: #3aad2a; font-size: 26px; margin-bottom: 10px;}
.sec_message .a_visual .b_con .c_text .d_con p.h:after {content:""; position: absolute; left: -165px; top: 50%; width: 140px; height: 2px; background-color: #3aad2a;}
.sec_message .a_visual .b_con .c_text .d_con p.t {display:inline-block; *display:inline;zoom:1;  color:#161616; font-size:19px;}
.sec_message .a_body { max-width:1284px;margin:0 auto;padding:0; font-size: 17px;line-height:32px;}
.sec_message .a_body p.t { margin-bottom: 24px;;}
.sec_message .a_body p.t2 {display: none;}
.sec_message .a_body p.r { text-align: right;}
.sec_message .a_body .who { color:#000;}


.sec_history { border-top: 1px solid #d6d7da; }
.sec_history .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_history .a_box { position: relative; width:100%; padding:80px 0; }
.sec_history .a_box .a_txt { padding:0 0 50px 0;}
.sec_history .a_box .a_txt h3.t { text-align:center;  font-size: 34px; line-height: 1; font-weight: 600; color: #000;}
.sec_history .a_box .a_txt p.t { text-align:center; font-size: 20px; line-height: 1.5; margin-top: 20px; color: #888888; text-transform: uppercase;}
.sec_history .a_history { }
.sec_history .a_history .table { }
.sec_history .a_history .table .vertical { }
.sec_history .a_history .table .vertical .controll_pc {display: block; text-align: center;}
.sec_history .a_history .table .vertical .controll_mobile {display: none;	 }

.sec_vision { border-top: 1px solid #d6d7da; border-bottom: 1px solid #d6d7da;
background-color: #f8f9fb;
/*background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company_vision.jpg); background-repeat: no-repeat; background-position: right 0; background-size: auto 290px;
*/}
.sec_vision.case {background-color: #fff;}
.sec_vision.case .a_box .a_txt {padding-bottom: 50px;}
.sec_vision .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_vision .a_box { position: relative; width:100%; padding:80px 0; }
.sec_vision .a_box .a_txt { padding:0;}
.sec_vision .a_box .a_txt h3.t { text-align:center;  font-size: 34px; line-height: 1; font-weight: 600; color: #000;}
.sec_vision .a_box .a_txt p.t { text-align:center; font-size: 20px; line-height: 1.5; margin-top: 20px; color: #888888; text-transform: uppercase;}
.sec_vision .a_list  {
	background-position: center 0;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
	background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company_vision.jpg); }
.sec_vision .a_list .b_con { max-width:1284px; margin:0 auto;text-align: center;}
.sec_vision .a_list .b_con  > ul {font-size: 0;}
.sec_vision .a_list .b_con  > ul > li { display:inline-block;*display:inline;zoom:1; margin-left: 2%; width: 32%;}
.sec_vision .a_list .b_con  > ul > li:first-child {margin-left: 0;}
.sec_vision .a_list  .c_text { position: relative;}
.sec_vision .a_list  .c_text .d_bg { position: absolute;left:0;top:0;right: 0;bottom:0;background: #0e8e09; opacity: 0.75; filter: alpha(opacity=75);}
.sec_vision .a_list  .c_text .d_con { position: relative; text-align: center;height: 100%;;  }
.sec_vision .a_list  .c_text .d_con .table {  }
.sec_vision .a_list  .c_text .d_con .vertical {  }
.sec_vision .a_list  .c_text .d_con .subj {display:block;color:#ffffff;	 font-size: 29px;font-weight: 600;}
.sec_vision .a_list  .c_text .d_con .line { display: inline-block;*display:inline;zoom:1; width: 50px;height: 2px;background: #fff;margin-top: 14px;}
.sec_vision .a_list  .c_text .d_con p.t { display:block;color:#696969;font-size: 17px;margin-top: 17px;line-height: 25px; height: 100px;}
.sec_vision .a_list  .c_text .d_con p.h {display: table; width: 235px; height: 235px; margin: 0 auto; background-repeat: no-repeat; background-position: center center;}
.sec_vision .a_list  .c_text .d_con p.h > span {display: table-cell; vertical-align: middle;}
.sec_vision .a_list .b_con2 {padding: 120px 0 60px; text-align: center; color: #161616;}
.sec_vision .a_list .b_con2 .subj {font-size: 60px; margin-bottom: 20px;}
.sec_vision .a_list .b_con2 .subj span {color: #9e9e9e;}
.sec_vision .a_list .b_con2 .subj span em {color: #3aad2a; font-size: 42px; padding: 0 0.5em;}
.sec_vision .a_list .b_con2 .subj span i {max-width:6%; display: inline-block;}

.sec_visual .a_box {
	background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company5.jpg);}

.sec_map{padding: 80px 0 0;}
.sec_contents { position: relative;padding-top: 75px; }

.sec_contact .a_box { padding:40px 0 5.5% 0}

.sec_contact .a_good { max-width:1280px; margin:0 auto; }
.sec_contact .a_good > ul { zoom:1;}
.sec_contact .a_good > ul:after { content:'';display:block;clear:both;}
.sec_contact .a_good > ul > li  { position:relative;  float:left; width: 32%; margin-left: 2%; border-style:solid; border-color:#d6d7da; border-width:0px 1px 1px 1px; background:#fff;}
.sec_contact .a_good > ul > li:first-child {margin-left: 0;}
.sec_contact .a_good > ul > li > .img {text-align: center; padding-top: 40px;}
.sec_contact .a_good > ul > li > .table { height: 250px; padding: 0 3% 0; line-height: 1.2;}
.sec_contact .a_good > ul > li > .table > a {  position: relative; display: table-cell;    vertical-align: middle;text-align: center;  }
.sec_contact .a_good > ul > li > .table >a:hover { }
.sec_contact .a_good > ul > li > .table >a .b_bg { display: none; position: absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%;;background: #3aad2a; opacity: 0.85; filter: alpha(opacity=85); }
.sec_contact .a_good > ul > li > .table >a:hover .b_bg { display: block;  }
.sec_contact .a_good > ul > li > .table >a > img {  }
.sec_contact .a_good > ul > li .b_con  { margin-top: 20px;;/*position:absolute; left:27px; top:27px; */color:#696969;font-size: 18px;; }
.sec_contact .a_good > ul > li .b_con .part  { padding:0px 4px;  }
.sec_contact .a_good > ul > li .b_con .part.under { text-decoration:underline;}
.sec_contact .a_good > ul > li .b_con .subj  { display: block;margin-top: 10px;}
.sec_contact .a_good > ul > li .b_con .sndj {display: block;margin-top: 4px; }
.sec_contact .a_good > ul > li .b_area {display:inline-block;*display:inline;zoom:1; ;margin-top: 24px; }
.sec_contact .a_good > ul > li  .table .view { display:inline-block;*display:inline;zoom:1; ; width:190px;/*padding:16px 0px;*/ line-height:40px;;color:#3aad2a; font-size: ;18px;border:solid 1px #3aad2a; }

.sec_contact_li.li_bg1 {
 background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    /*transition: all 0.4s ease-out;*/
	background-image: url(/kor/theme/naturalstory/img/sub/img_sec_contact_li1.jpg);}
.sec_contact_li.li_bg2 {
 background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
     /*transition: all 0.4s ease-out;*/
	background-image: url(/kor/theme/naturalstory/img/sub/img_sec_contact_li2.jpg);}
.sec_contact_li.li_bg3 {
 background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
     /*transition: all 0.4s ease-out;*/
	background-image: url(/kor/theme/naturalstory/img/sub/img_sec_contact_li3.jpg);}
.sec_contact_li .contact_con  { position: relative;	 height: 90px;text-align: center; }
.sec_contact_li .contact_con .dumy  { display:inline-block;*display:inline;zoom:1;vertical-align: middle;  width: 0px;height: 100%;;  }
.sec_contact_li .contact_con .subj  { display:inline-block;*display:inline;zoom:1; vertical-align: middle; color:#ffffff; font-size: 22px; }
.sec_contact_li .contact_con .arrow  { position: absolute;left:50%; top:-21px; width: 35px;height: 21px;margin-left:-12.5px;
background: url(/kor/theme/naturalstory/img/sub/img_sec_contact_arrow.png) no-repeat center top;}

.sec_contact {border-bottom: 1px solid #d6d7da;}
.sec_map { /*margin-top: 50px;*/}
.sec_map .inner {  position: relative; min-width:840px; overflow:hidden; }
.sec_map .a_box {position: relative; margin-bottom: 40px; background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transition: all 0.4s ease-out;
background-image: url(/kor/theme/naturalstory/img/sub/bg_sec_map.jpg);}
.sec_map .a_box .a_txt { text-align: center; height: 100%; }
.sec_map .a_box .a_txt .table { }
.sec_map .a_box .a_txt .vertical { }
.sec_map .a_box .a_txt h3.t { text-align:center;  font-size: 34px; line-height: 1; font-weight: 600; color: #000;}
.sec_map .a_box .a_txt p.t { text-align:center; font-size: 20px; line-height: 1.5; margin-top: 20px; color: #888888; text-transform: uppercase;}
.sec_map .a_box .a_txt .line { display:inline-block;*display:inline;zoom:1;width: 45px;height: 3px;background:#3aad2a;}


.sec_foundation{text-align: center; padding: 80px 0;}
.sec_foundation .header {margin-bottom: 60px;}
.sec_foundation .header .h1{ font-size: 34px; line-height: 1; font-weight: 600; color: #000; }
.sec_foundation .header .t{font-size: 20px; line-height: 1.5; margin-top: 20px; color: #888888; text-transform: uppercase;}
.sec_foundation .header{}
.sec_foundation .content{position: relative; }
.sec_foundation .content .inr-c{height: 630px; font-size: 0; position: relative;}
.sec_foundation .content .inr-c:after{display: inline-block; vertical-align: middle; width: 0; height: 100%; content:"";}
.sec_foundation .content .inr-c:after{position: absolute; right: 0; top: 0; width: 61.526%; height: 100%; z-index: 0; background: url(/kor/theme/naturalstory/img/company/img_foundation.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; content:"";}
.sec_foundation .content .cont{margin-right: 70%; text-align: left; display: inline-block; vertical-align: middle; font-size: 1rem; padding-top: 1%;}

.sec_foundation .content .cont .h2{font-size: 25px; line-height: 1.2; font-weight: 500; color: #3aad2a; margin-bottom: 10px; }
.sec_foundation .content .cont .h2 > span {font-size: 100px; line-height: 1; display: block; margin-bottom: 20px; letter-spacing:-0.0625em;}
.sec_foundation .content .cont .txt{margin-top: 55px;}
.sec_foundation .content .cont .txt p{font-size: 18px; font-weight: 300; line-height: 1.5;  -ms-word-break: keep-all; word-break: keep-all;}
.sec_foundation .content .cont .txt a {margin-top: 1em;}
.sec_foundation .content .cont .txt a .pr_cul_text{float: left;}
.sec_foundation .content .cont .txt a .pr_cul_img{float: left;padding-left: 5px;padding-top:3px;}
.sec_foundation .content .cont .txt a .pr_cul_img:after:{content: '';display: block;clear: both;}
/*의약품*/
.sec_visual.sub02 .a_box {background-image: url(/kor/theme/naturalstory/img/good/bg_sec_good.jpg);}

.sec_tab_2depth { }
.sec_tab_2depth .inner { max-width: 1284px; margin: 0 auto; overflow: hidden;}
.sec_tab_2depth .a_tab {  display:inline-block;*display:inline; zoom:1; width: 100%; vertical-align: top;text-align:center; margin-top: 50px;}
.sec_tab_2depth .a_tab > ul {  }
.sec_tab_2depth .a_tab > ul > li { width: 20%;; display:inline-block;*display:inline; zoom:1; border:1px solid #d6d7da; vertical-align: top;}
.sec_tab_2depth .a_tab > ul > li:first-child {margin-left: 0px; }
.sec_tab_2depth .a_tab > ul > li > a {display:inline-block; vertical-align: middle; padding:0px 10px;  font-size: 17px; line-height: 40px; background:#ffffff;text-align: center; }
.sec_tab_2depth .a_tab > ul > li.active > a,.sec_tab_2depth .a_tab > ul > li > a:hover { background:#3aad2a; color:#fff;width: 100%; }

.sec_tab_2depth .a_tab > ul.case {margin-top: 40px;}
.sec_tab_2depth .a_tab > ul.case > li {border: 0;}
.sec_tab_2depth .a_tab > ul.case > li:first-child {border-right: 1px solid #d6d7da;}
.sec_tab_2depth .a_tab > ul.case > li > a {line-height: 16px; font-weight: 400;}
.sec_tab_2depth .a_tab > ul.case > li.active > a,.sec_tab_2depth .a_tab > ul.case > li > a:hover {background: none; color: #3aad2a;}

.wrap_brand {padding-bottom: 10%;}
.wrap_brand .sec_list .a_box { padding:0 0 20px 0}
.wrap_brand .sec_list .a_good { max-width:1284px; margin:0 auto; }
.wrap_brand .sec_list .a_good > ul { zoom:1; border-color:#d6d7da;border-width:0 0px 0px 1px; border-style:solid; }
.wrap_brand .sec_list .a_good > ul:after { content:'';display:block;clear:both;}
.wrap_brand .sec_list .a_good > ul > li { position:relative; display: table; float:left; width: 25%; height: 384px; height: ;border-style:solid; border-color:#d6d7da;border-width:1px 1px 1px 0; background:#fff; margin-bottom: -1px;}
.wrap_brand .sec_list .a_good > ul > li > a {  display: table-cell;    vertical-align: middle;text-align: center; padding:0 5%; }
.wrap_brand .sec_list .a_good > ul > li > a:hover { }
.wrap_brand .sec_list .a_good > ul > li > a .b_bg { display: none; position: absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%;;background: #3aad2a; opacity: 0.85; filter: alpha(opacity=85); }
.wrap_brand .sec_list .a_good > ul > li > a:hover .b_bg { display: block;  }
.wrap_brand .sec_list .a_good > ul > li > a > img {width: 50%;  }
.wrap_brand .sec_list .a_good > ul > li .b_con  { /*position:absolute; left:27px; top:27px; */color:#b2b3b5; }
.wrap_brand .sec_list .a_good > ul > li .b_con .part  { display:inline-block; *display:inline; zoom:1; padding:0px 4px; border:solid 1px #d6d7da; font-size:14px;}
.wrap_brand .sec_list .a_good > ul > li .b_con .subj  { display: block;margin-top: 10px; font-size:20px;color:#161616;}
.wrap_brand .sec_list .a_good > ul > li .b_con .sndj {display: block;margin-top: 4px; font-size: 17px;}
.wrap_brand .sec_list .a_good > ul > li > a .more { display: none; position:absolute;left:50%; top:50%;width:84px;height: 84px;margin-left:-42px;margin-top:-42px; }
.wrap_brand .sec_list .a_good > ul > li > a:hover .more  { display: block;	}
.wrap_brand .sec_list .a_good > ul > li > a .more img { width: 100%;; }


.wrap_brand .product_view {/*padding-bottom: 10%;*/}
.wrap_brand .product_view .detail_btn { padding:50px 0  0px; text-align: right;;}
.wrap_brand .product_view .detail_btn .inner { max-width:1284px;margin:0 auto;}
.wrap_brand .product_view .detail_btn .btn { display:inline-block; *display:inline; zoom:1; min-width:100px; padding:8px; text-align: center; background:#f2f5f9;border:1px solid #d9ded9;  }

.wrap_brand .info { }
.wrap_brand .info .b_con { padding-bottom:28px;;margin-bottom: 70px;;border-bottom: 1px solid #e6e7e8; ;}
.wrap_brand .info .b_con .part {margin-bottom: 16px;;font-size: 14px; color:#b2b3b5; border:solid 1px #b2b3b5; display:inline-block; *display:inline; zoom:1; padding:2px 4px;; }
.wrap_brand .info .b_con .subj {display: block; color:#161616; font-size: 32px;;}
.wrap_brand .info .b_con .sndj {display: block; font-size: 17px;; margin-top: 10px;;}
.wrap_brand .info .b_text { position: relative; overflow:hidden;}
.wrap_brand .info .b_text .c_left { position: absolute;; left:0px; top:0px; width: 24%;height: 100%;;}
.wrap_brand .info .b_text .c_left .d_con { height: 100%;;text-align: center;background:#3aad2a;}
.wrap_brand .info .b_text .c_left .d_con .icon {display:inline-block;*display:inline;zoom:1;width: 70%;; }
.wrap_brand .info .b_text .c_left .d_con .txt {display: block; margin-top: 2%;;color:#fff; font-size: 15px;; padding:0px 2%; }
.wrap_brand .info .b_text .c_right { padding-left: 24%;		 }
.wrap_brand .info .b_text .c_right .d_con { padding:24px 0px; border:solid 1px #3aad2a; border-left: none;;}
.wrap_brand .info .b_text .c_right .d_con ul { padding: 0 5%; min-height:40px;  }
.wrap_brand .info .b_text .c_right .d_con ul li { color:#3aad2a;;  }


.wrap_brand .product_view .view_mobile {width: 100%;; }
.wrap_brand .mobile_text { position: relative; overflow:hidden;}
.wrap_brand .mobile_text .c_left { position: absolute;; left:0px; top:0px; width: 24%;height: 100%;;}
.wrap_brand .mobile_text .c_left .d_con { height: 100%;;text-align: center;background:#3aad2a;}
.wrap_brand .mobile_text .c_left .d_con .icon {display:inline-block;*display:inline;zoom:1;width: 70%;; }
.wrap_brand .mobile_text .c_left .d_con .txt {display: block; margin-top: 2%;;color:#fff; font-size: 15px;; padding:0px 2%; }
.wrap_brand .mobile_text .c_right { padding-left: 24%;		 }
.wrap_brand .mobile_text .c_right .d_con { padding:24px 0px; border:solid 1px #3aad2a; border-left: none; box-sizing:border-box;}
.wrap_brand .mobile_text .c_right .d_con ul { padding: 0 5%; min-height:40px;  }
.wrap_brand .mobile_text .c_right .d_con ul li { color:#3aad2a;;  }




.search_box_wrap {margin-bottom: 5%;}
.search_box{position: relative; margin-top: 60px; text-align: right;}
.search_box ul{ display:inline-block;*display:inline;zoom:1; }
.search_box ul:after{ content:"";display:block;clear:both; }
.search_box ul li{ display:inline-block;*display:inline;zoom:1; vertical-align: middle; }
.search_box ul li label{ color:#000;font-weight:bold;display:inline-block;    width: 18em; height: 2.5em; font-size: 1rem;vertical-align: text-bottom;}
.search_box ul li:first-child label{ margin-left:0; }
.search_box ul li label.sound_only {display: none;}
.search_box ul li select{
	font-size: 1rem; width: 7.7em;height: 2.5em;vertical-align: text-bottom;-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-image: url(/kor/theme/naturalstory/img/good/ico_select.png);
	background-position: center right 15px;
	background-repeat: no-repeat;
}
.search_box ul li.search input{ width: 18em; height: 2.5em;    vertical-align: text-bottom;     border: 1px solid #ddd;    padding-left: 5px; padding-right: 5px; background: #fff;}
.search_box ul li.search button{}
.search_box ul li.btn button { vertical-align:bottom; width: 90px;}


.product_type1 .product_view{ position:relative; margin-top:50px;}
.product_type1 .product_view .detail{ padding-bottom: 60px;;}
.product_type1 .product_view .detail .inner { max-width:1284px;margin:0 auto; overflow:hidden; }
.product_type1 .product_view .detail:after{ content:"";display:block;clear:both; }
.product_type1 .product_view .detail .img{ width:50%;float:left; }
.product_type1 .product_view .detail .img .bxslider { text-align: center;}
.product_type1 .product_view .detail .img .slider4{}
.product_type1 .product_view .detail .img .slider4 li{ width:120px;height:93px;border:1px solid #eee; }
.product_type1 .product_view .detail .img .slider4 li a{ display:block;width:120px;height:93px;position:relative; }
.product_type1 .product_view .detail .img .slider4 li a img{ position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:120px;max-height:93px;}

.product_type1 .product_view .detail .info{ float:right;width:47%; }
.product_type1 .product_view .detail .info h3{ font-size:2em;line-height:24px;padding-bottom:15px; }
div.info_box{ overflow:hidden; font-size:0;line-height:0;border-top:1px solid #000;}
div.info_box ul{ position:relative; }
/* div.info_box ul:after{ content:"";display:block;width:35%;position:absolute;left:0;top:0;bottom:0;background:#f8f8f8; z-index:1;} */
div.info_box ul li{border-bottom:1px solid #ccc;position:relative;z-index:2;height:100%;}
div.info_box ul li strong{ padding-top:10px;position:relative;z-index:2;display:inline-block;width:32%;line-height:150%;font-size:12px; padding-left:3%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%;vertical-align:middle;}
div.info_box ul li span{ position:relative;z-index:2;display:inline-block;width:59%;padding:10px 3%;font-size:12px;vertical-align:top;line-height:150%;}
div.info_box ul li.file {}
div.info_box ul li.file strong{}
div.info_box ul li.file span a{ display:inline-block;border:1px solid #eee;height:30px;line-height:30px; padding:0 15px}

div.info_box.product ul:after{width:20%;}
div.info_box.product strong{ width:20%;padding-top:20px;padding-bottom:20px; }
div.info_box.product span{ width:71%;padding-top:20px;padding-bottom:20px;  }


.product_type1 .product_view .cen{margin:10px 0 20px 0; text-align:center;}
.product_type1 .product_view .bx-wrapper{ position:relative;max-width:390px !important;}
.product_type1 .product_view .bx-wrapper:first-child{ border:1px solid #eee; }
.product_type1 .product_view .bx-wrapper .bxslider li{ width:463px;height:248px;position:relative; }
.product_type1 .product_view .bx-wrapper .bxslider li img{ position:absolute;left:0;top:0;right:0;bottom:0;margin:auto }
.product_type1 .product_view .bx-wrapper .bx-prev{background:url("./img/prev.gif") 0 0 no-repeat; left:-30px;}
.product_type1 .product_view .bx-wrapper .bx-next{background:url("./img/next.gif") 0 0 no-repeat; right:-30px;}
.product_type1 .product_view .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 20px;
	height: 39px;
	text-indent: -9999px;
	z-index: 1;
}
.product_type1 .product_view .detail_product{ background:#f8f9fa; padding:50px 0px 80px; }
.product_type1 .product_view .detail_product .inner { max-width:1284px; margin:0 auto;}
.product_type1 .product_view .detail_product h4{font-size:1.75em;padding-bottom:20px;border-bottom:1px solid #000;}
.product_type1 .product_view .detail_product .product_info{ position:relative; }
.product_type1 .product_view .detail_product .product_info > a{ color:#fff;height:35px;line-height:35px;padding:0 20px;background:#7a7872; }





.th-data{width: 150px;}
@media (max-width: 841px) {
  .th-data{width: 17.84vw;}
}




/*홍보센터*/
.wrap_bbs .sec_list .a_good { max-width:1284px; margin:0 auto; }
.wrap_bbs .sec_list .a_good > ul { zoom:1; margin-left:-2%;margin-top:-3%; font-size: 0;}
.wrap_bbs .sec_list .a_good > ul:after { content:'';display:block;clear:both;}
.wrap_bbs .sec_list .a_good > ul > li { position:relative; display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 31%;margin-left: 2.2%; margin-top: 3%; border-style:solid; border-color:#e5e5e5;border-width:1px; background:#fff;}
.wrap_bbs .sec_list .a_good > ul > li:first-child {}
.wrap_bbs .sec_list .a_good > ul > li.empty_list {width: 100%; font-size: 16px; margin: 0; border: 0; line-height: 4;}
.wrap_bbs .sec_list .a_good > ul > li > a { display: block; position: relative; text-align: center; padding:4%;  }
.wrap_bbs .sec_list .a_good > ul > li > a .b_thumb { position: relative;overflow:hidden; min-height: 217px;}
.wrap_bbs .sec_list .a_good > ul > li > a .b_thumb .c_img{ position: relative; height: 1px;padding-bottom:74%;;  background-size: cover;    background-repeat: no-repeat;    transition: all 0.4s ease-out;	background-position:center;}
.wrap_bbs .sec_list .a_good > ul > li > a .b_thumb .c_img span {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; font-size: 0; line-height: 0;}
.wrap_bbs .sec_list .a_good > ul > li > a .b_thumb .c_img span img {max-width:100%; max-height:100%; display: inline-block; vertical-align: middle;}
.wrap_bbs .sec_list .a_good > ul > li > a .b_thumb .c_img span:after{display: inline-block; vertical-align: middle; width: 0; height: 100%; content:"";}
.wrap_bbs .sec_list .a_good > ul > li > a:hover { }
.wrap_bbs .sec_list .a_good > ul > li > a .c_bg {z-index: 1; display: none; position: absolute; left:0; top:0; right:0; bottom:0; width: 100%; height: 100%;;background: #3aad2a; opacity: 0.85; filter: alpha(opacity=85); }
.wrap_bbs .sec_list .a_good > ul > li > a:hover .c_bg { display: block;  }.sec_list .a_good > ul > li > a > img {width: 50%;  }.sec_list .a_good > ul > li .b_con  { /*position:absolute; left:27px; top:27px; */ margin-top:24px;;color:#777777; text-align: left;}.sec_list .a_good > ul > li .b_con .part  { display:inline-block; *display:inline; zoom:1; padding:0px 4px; border:solid 1px #d6d7da; font-size:14px;}
.wrap_bbs .sec_list .a_good > ul > li .b_con .subj  { overflow:hidden;display: block; margin-top: 10px;  font-size:19px; line-height: 1.4; color:#161616;min-height: 75px;overflow:hidden;;}
.wrap_bbs .sec_list .a_good > ul > li .b_con .sndj {display: block;margin-top: 4px; font-size: 17px;}
.wrap_bbs .sec_list .a_good > ul > li > a .more {z-index: 1; display: none; position:absolute;left:50%; top:50%;width:84px;height: 84px;margin-left:-42px;margin-top:-42px; }
.wrap_bbs .sec_list .a_good > ul > li > a:hover .more  { display: block;	}
.wrap_bbs .sec_list .a_good > ul > li > a .more img { width: 100%;; }
.wrap_bbs .pg_wrap{padding:2.143em 0 1.429em 0; text-align:center; font-size: 0.824em}
.wrap_bbs .pg_wrap a,.pg_current{  display: inline-block;    width:2.286em; height:2.286em; line-height: 2.286em;    color:#fff; margin: 0 0.18em;    border:1px solid #ddd;    transition:background-color .3s;}
.wrap_bbs .pg_wrap a {color: #888;}
.wrap_bbs .pg_current {background-color:#6e6e6e; color:#fff; border:1px solid #6e6e6e;}
.wrap_bbs .pg_wrap a:hover:not(.active) {border:1px solid #aaa;}
.wrap_bbs .pg_prev{margin-right:1em; text-indent:-9999px; background:url("/kor/theme/naturalstory/img/bbs/prev.gif") center center no-repeat; background-size:0.429em}
.wrap_bbs .pg_next {margin-left:1em; text-indent:-9999px; background:url("/kor/theme/naturalstory/img/bbs/next.gif") center center no-repeat; background-size:0.429em}
.wrap_bbs .pg_start{text-indent:-9999px; background:url("/kor/theme/naturalstory/img/bbs/first.gif") center center no-repeat; background-size: 0.714em}
.wrap_bbs .pg_end{text-indent:-9999px; background:url("/kor/theme/naturalstory/img/bbs/last.gif") center center no-repeat; background-size: 0.714em}

.wrap_bbs .bo_fx_wrap { max-width:1284px;margin:0 auto; margin-top: 3%;}


/* 게시판 읽기 */
#bo_v {max-width:1284px; margin:0 auto; font-size: 14px;font-size: 0.875rem; margin-top: 7%; margin-bottom:20px; padding-bottom:20px; border-top: 2px solid #333333;;}
#bo_v_table {display: none;position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v_title {padding:14px 0;font-size:20px;}

#bo_v_info {padding:10px 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_title{float:none; width: 100%;border-top:1px solid #c0c2ca;border-bottom: 1px solid #c0c2ca;    color: #000;    font-size: 1.15em;    padding: 0.8em 10px;    background: #fff;  }
#bo_v_info{    padding: 1.071em 0 1.071em 10px;    color: #333;    /* font-size: 0.933em; */    line-height: normal;    border-bottom: 1px solid #ccc;}
#bo_v_atc { padding-top: 20px; min-height:200px;height:auto !important;height:200px;border-bottom: 1px solid #ccc;margin-bottom: 20px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_img {padding:40px 0 40px; margin:0 0 10px;width:100%;overflow:hidden;zoom:1;text-align: center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
#bo_v_con {margin-bottom:30px;width:100%;word-break:break-all;overflow:hidden;padding: 0 0 2em 0;min-height: 150px}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 8px 0 0;font-weight:normal}
#bo_v_info .sv_member,#bo_v_info .sv_guest,#bo_v_info .member,#bo_v_info .guest {font-weight:bold}
#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#fff;border-top: 1px solid #eee;}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}
#bo_v_link {}#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

a.btn_b01,
a.btn_b02 {padding: 8px 10px; min-width:60px; text-align: center; border: 0;}
.btn_bo_user li {display: inline-block; vertical-align: top;}
.btn_submit {min-width:60px; text-align: center; padding: 9px 10px; border: 0; font-size: 16px;}
button.btn_cancel {padding: 8px 10px; min-width:60px; text-align: center; }


.tbl_frm01 {padding-top: 70px;}
.tbl_frm01 th {background-color: #f9f9f9; border-color: #ddd;}
.tbl_frm01 th, .tbl_frm01 td {vertical-align: middle;}
.frm_input {height: 30px;}

#gpDisp {display: none;}


/*연구개발*/
.sec_visual.sub03 .a_box {background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company3.jpg);}

.sec_rnd .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_rnd .a_box { position: relative; width:100%; padding:80px 0 0; }
.sec_rnd .a_box .a_txt { padding:0 0 50px 0;}
.sec_rnd .a_box .a_txt h3.t { text-align:center; font-weight: 700;  font-size:34px;color:#161616}
.sec_rnd .a_box .a_txt p.t { text-align:center;margin-top: 14px;font-size: 20px;}
.sec_rnd .a_good { text-align: left;}
.sec_rnd .a_good .b_con_01 {position: relative; overflow:hidden;}
.sec_rnd .a_good .b_con_01 .bar { position: absolute;left:50%;top:50%;width: 120px;height: 2px;;margin-left:-48px;margin-top:-1px; background: #3aad2a; }
.sec_rnd .a_good .b_con_01 .c_01 { float:left;width: 58%; height: 400px;;}
.sec_rnd .a_good .b_con_01 .c_01> img { width: 87.6%;}
.sec_rnd .a_good .b_con_01 .c_02 {  float:left; width: 42%;height: 400px;}
.sec_rnd .a_good .b_con_01 .c_02 .subj { font-size: 40px;color:#57b94a;}
.sec_rnd .a_good .b_con_01 .c_02 p.t { display: block; margin-top: 16px; ;font-size: 18px;}
.sec_rnd .a_good .b_con_02 { position: relative;overflow:hidden;margin-top: 40px;; }
.sec_rnd .a_good .b_con_02 .c_01 { float:left;width: 44%; height: 400px;text-align: right;}
.sec_rnd .a_good .b_con_02 .c_01 .subj { font-size: 40px;color:#57b94a;}
.sec_rnd .a_good .b_con_02 .c_01 p.t {  display: block; margin-top: 16px;  font-size: 18px;}
.sec_rnd .a_good .b_con_02 .c_02 {float:left; width: 56%;height: 400px;text-align: right;	}
.sec_rnd .a_good .b_con_02 .c_02> img { width: 85%;}
.sec_rnd .a_good .b_con_02 .bar { position: absolute;left:50%;top:50%;width: 120px;height: 2px; margin-left:-50px;margin-top:-1px; background: #3aad2a; }

.sec_adtext { background: #f8f9fb;}
.sec_adtext .inner  {  max-width:1284px; margin:0 auto; }
.sec_adtext .a_box { padding:110px 0 50px;  margin-top: -40px;;}
.sec_adtext .a_text { }
.sec_adtext .a_text p.ph { margin-bottom: 20px; font-size: 18px;; }

.sec_vision  {}
.sec_vision .a_box { position: relative; width:100%; padding:80px 0; }


.sec_dot { background: #f8f9fb;}
.sec_dot .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_dot .a_box { padding:30px 0 90px;  }
.sec_dot .a_graph {  text-align: center;}
.sec_dot .a_graph .div_pc { display: block; }
.sec_dot .a_graph .div_mobile { display: none;}



.sec_pdrn .inner {  position: relative; overflow:hidden; }
.sec_pdrn .a_box {position: relative; height: 414px;  ;background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transition: all 0.4s ease-out;
	background-image: url(/chn/theme/naturalstory/img/sub/bg_sec_pdrn.jpg);}
.sec_pdrn .a_box .a_txt { text-align: center; height: 100%; }
.sec_pdrn .a_box .a_txt .table { }
.sec_pdrn .a_box .a_txt .vertical { }
.sec_pdrn .a_box .a_txt h3.t { text-align:center;  font-size:30px; color:#161616}
.sec_pdrn .a_box .a_txt .line { display:inline-block;*display:inline;zoom:1;width: 45px;height: 3px;background:#3aad2a;}
.sec_pdrn .a_box .a_txt p.t { text-align:center;margin-top: 10px;font-size:18px;}


.sec_vision2  {background:#f8f9fb; }
.sec_vision2 .a_box { position: relative; width:100%; padding:4% 0 2%; }
.sec_vision2 .a_box .a_txt { }
.sec_vision2 .a_box .a_txt p.t { text-align:center; font-size: 20px;}

.sec_dot2 { background: #f8f9fb;}
.sec_dot2 .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_dot2 .a_box { padding:30px 0 3%;  }
.sec_dot2 .a_graph {  text-align: center;}
.sec_dot2 .a_graph .div_pc { display: block; }
.sec_dot2 .a_graph .div_mobile { display: none;}

.sec_vision3  {background:#f8f9fb; border-top: 1px solid #d6d7da;}
.sec_vision3 .a_box { position: relative; width:100%; padding:3% 0 2%; }
.sec_vision3 .a_box .a_txt { }
.sec_vision3 .a_box .a_txt h3.t { text-align:center; font-weight: 700; font-size:34px;color:#161616}

.sec_dot3 { background: #f8f9fb;}
.sec_dot3 .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_dot3 .a_box { padding:5px 0 90px;  }
.sec_dot3 .a_graph {  text-align: center;}
.sec_dot3 .a_graph .div_pc { display: block; }
.sec_dot3 .a_graph .div_mobile { display: none;}



#bg_popup{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:200;display:none;
background-color: rgba(0, 0, 0, 0.5);  background-image: url(trg.png);
   /* IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#maint{position:absolute; top:130px; right:4%;  left:4%; bottom:130px; background:#fff;}
#maint .inner{position:relative;width: 100%;;height: 100%; }
#maint button { position: absolute; right:0;top:0;;vertical-align: middle;margin-left: 10px;height: 31px;width: 31px; overflow: visible;margin: 0;padding: 0;border: none;background: none;cursor: pointer;}
#maint .mask {
    /* height: 560%; */
    position: relative;
    position: absolute;
    left: 4%;
    top: 30px;
    right: 4%;
    bottom: 30px;
    width: 92%; }
#maint .overflow { width: 100%; height:100%;overflow: scroll;}
#maint img { max-width:inherit;}




/*투자정보*/
.sec_visual.sub04 .a_box {background-image: url(/kor/theme/naturalstory/img/sub/bg_sec_company7.jpg);}
.sec_ir2 { border-top: 1px solid #d6d7da; }
.sec_ir2 .inner {  position: relative; max-width:1284px; margin:0 auto; }
.sec_ir2 .a_box { position: relative; width:100%; padding:2% 0 0; }
.sec_ir2 .a_box .a_txt { padding:0 0 50px 0;}
.sec_ir2 .a_box .a_txt h3.t { text-align:center;   font-size:34px; color:#161616;}
.sec_ir2 .a_box .a_txt p.t { text-align:center;margin-top: 14px; font-size:20px;}
.sec_ir2 .a_visual {position: relative; height: 516px; }
.sec_ir2 .a_visual .b_con {  height: 100%;;background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
	background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company_visual.jpg); }
.sec_ir2 .a_visual .b_con .c_text { max-width:1284px; margin:0 auto; padding:54px 0 54px 0;  text-align: left;}
.sec_ir2 .a_visual .b_con .c_text .d_con { width:500px;height: 404px;; background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
	background-image: url(/kor/theme/naturalstory/img/company/bg_sec_company_visual_con.png);}
.sec_ir2 .a_visual .b_con .c_text .d_con .logo { display:inline-block;*display:inline;zoom:1; margin:60px 0 0 34px; }
.sec_ir2 .a_visual .b_con .c_text .d_con .line { display: block; margin:36px 0 0 34px;width: 50px;height: 2px;background: #fff;;	 }
.sec_ir2 .a_visual .b_con .c_text .d_con p.t {display:inline-block; *display:inline;zoom:1;  margin:36px 50px 0 34px;color:#fff;font-size:28px;	}
.sec_ir2 .a_body { max-width:1284px;margin:0 auto;padding:44px 0px 70px 0px;font-size: 17px;line-height:32px;}
.sec_ir2 .a_body p.t { margin-bottom: 24px;;}
.sec_ir2 .a_body p.r { text-align: right;}
.sec_ir2 .a_body .who { color:#000;}


.data-lists dl {margin-bottom: 5%;}
.data-lists dl dt {margin-bottom: 3%;}
.data-lists dl dt.mt-ty1 {padding-top: 5%;}
#balance tr th, #income_statement tr th, #cash_flow tr th {vertical-align: middle;}

.sec_03 .a_good ul.multiple-items li .b_con {padding: 0;}
.sec_03 .a_good ul.multiple-items li .b_con > span {display: table; width: 100%;}
.sec_03 .a_good ul.multiple-items li .b_con > span > span {display: table-cell; vertical-align: middle; padding: 0 5%;}

.sec_03 .a_good ul.multiple-items li .b_con > span {height: 75px;}
.sec_03 .a_good ul.multiple-items.ty1 li .b_con > span {height:65px;}


#floater .sub {display: none;}
#floater table {margin: 0; border: 0;}
#floater td {padding: 0; border: 0; background: none;}
#floater a {display: block; width: 100%; height: 100%;}
#floater a img {display: block;}
.contents_wrap #floater .main {display: none;}
.contents_wrap #floater .sub {display: block;}

@media (min-width:841px){
	br.m-view {display: none;}
	.sec_tab .a_tab ul li .mn:hover { color:#0e8e09;width:100%;  }
	.sec_tab .a_tab ul li .mn:hover:after { width:100%; }


	.inr-c {margin-left: 3%; margin-right: 3%;}

	.sec_message .a_body {padding-left: 0; padding-right: 0;}
	.sec_overview .a_good {margin-left: 2%; margin-right: 2%;}
	.sec_vision .a_list .b_con {margin-left: 3%; margin-right: 3%;}
	.sec_contact .a_good {padding-left: 3%; padding-right: 3%;}

	.sec_adtext .a_box {margin-left: 3%; margin-right: 3%;}
	.sec_dot .inner {padding-left: 3%; padding-right: 3%;}
	.sec_dot3 .a_box {padding-left: 3%; padding-right: 3%;}
	.sec_vision2 .a_box {padding-left: 3%; padding-right: 3%; width: 94%; margin: 0 auto;}

	.sec_ir2 {margin-left: 3%; margin-right: 3%;}

	.sec_08 .a_list > ul > li > a .sec_08_li2 {}
	.sec_08 .a_list > ul > li .b_con .subj2 {padding-top: 0;}


	.sec_08 .a_list > ul > li > a {position: relative; height: 0; padding-bottom: 100%;}
	.sec_08 .a_list > ul > li > a > div {position: absolute; left: 0; top: 0; width: 100%; padding-bottom: 0; height: 100%;}
	.sec_08 .a_list > ul > li .b_con {position: static;}

	.wrap_brand .sec_list .a_good > ul > li .b_con {height: 61px; padding: 0 7%;}
	.product_info {padding: 0 0 0 13%; text-align: justify;}

}

@media (min-width:1200px) {
	/*header .nav_wrap .lnb > ul > li {width: 150px;}*/
    header .nav_wrap .lnb > ul > li {width: 130px;} /* 200319 */

	.sec_03 .a_good ul.multiple-items > li .b_con > span {height: 100px;}
	.sec_03 .a_good ul.multiple-items.ty1 > li .b_con > span {height: 100px;}
}

@media (max-width: 1300px) {
	#footer .inner {padding: 30px 3%;}

	header .nav_wrap .lnb > ul > li > a {max-width:none;}
	header .nav_wrap .lnb > ul > li {min-width:auto; width: 16.66%;}
	header .nav_wrap .lnb > ul {display: block; margin: 0 200px 0 200px; padding-left: 0;}

	.sec_message .a_body {padding-left: 3%; padding-right: 3%;}
	.sec_message .a_visual .b_con .c_text .d_con p.h br {display: none;}

	.sec_overview .a_good >ul > li .b_con .explain br {display: none;}
    .ci_kind ul li{width:30.6%;}
}

@media (max-width: 1200px) {
	.sec_foundation .content .inr-c:after {background-size: 100%; height: 85%;}
	.sec_foundation .content .cont {padding-top: 0;}
}

@media (max-width: 1100px) {
	.wrap_brand .sec_list .a_good > ul > li {width: 33.3%; height: 324px;}
	.wrap_bbs .sec_list .a_good > ul > li {width: 47.8%;}

	.sec_01 .a_text ul li.f1 .bg {background-image: url(/kor/theme/naturalstory/img/main/bg_sec_01_01_pc2.jpg);}

	.sec_02 .a_box ul.a_depth > li .txt {padding-left: 3%; padding-right: 3%;}

	.sec_foundation .inr-c {margin-right: 0;}


	.sec_06 .a_box ul.a_depth > li .txt p.t br.m-hide {display: none;}

}

.sec_05 .slick-slider {padding: 0 8%;}
.wrap_bbs .sec_list .a_good > ul > li > a .b_thumb .c_img {border: 1px solid #eee;}
#footer .logo {margin-top: 5px;}
#footer .logo img {width: 200px;}
.sec_01 .a_text ul li {opacity:0;}


.sec_adtext .a_box,
.sec_dot .a_box,
.sec_dot .a_box,
.sec_dot2 .a_box {padding: 80px 0;}

.sec_vision2 {display: none;}
.sec_vision3 .a_box {padding: 80px 0 50px;}

.i-cut {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.i-cut > img {
  visibility: hidden;
  height: auto;
  max-width: inherit;
}
@media (max-width: 840px){
        .sec_foundation .content .cont .txt a .pr_cul_text{font-size: 12px!important;}
    a.btn_b01{font-size: 12px!important;}
}
@media (max-width: 768px){
    .pr_cul_img img{width:13px;}

}




/* 20200319 간격조정 */
@media (min-width: 1460px) {
    header .nav_wrap .lnb > ul > li {width: 140px;}
}
@media (min-width: 1301px) {
    header .nav_wrap .lnb > ul > li {width: 120px;}
    header .nav_wrap .lnb > ul > li > a {padding: 2px 20px 0px;}
}
@media (max-width: 1300px) {
    header .nav_wrap .lnb > ul > li {width: 15%;}
}