﻿@charset "utf-8";


.con{margin-bottom:10em;}
.con h4{font-family: 'Malgun Gothic','맑은 고딕', serif; color:#e8a41b; font-size:25px; line-height:150%; letter-spacing:-1px;}
.con h5{font-size:18px; color:#6cb545; font-weight:bold; line-height:1.6em;}
.con h6{font-size:15px; color:#494949; font-weight:bold; line-height:150%;}
.con h7{font-family: 'Malgun Gothic','맑은 고딕', serif; color:#5C9048; font-size:16px;}
.con h4 .fcolor{font-family: 'Malgun Gothic','맑은 고딕', serif; color:#f68c1f; font-weight:bold;}
.con .text{font-size:14px; color:#323232; letter-spacing:-1; line-height:1.6em;}


.text-left{text-align:left;}

.p-left{margin-left:10px;}
.p-right{margin-right:10px;}

.radius_fa01{width:100px; height:100px; background:#4e86bb; border-radius:50px; text-align:center; padding:0px;}
.radius_fa02{width:100px; height:100px; background:#6cb545; border-radius:50px; text-align:center; padding:0px;}
.radius_fa03{width:100px; height:100px; background:#f68c1f; border-radius:50px; text-align:center; padding:0px;}
.fa_whight{color:#fff;}
.fa_green{color:#6cb545;}
.fa_blue{color:#4e86bb;}
.fa_orange{color:#f68c1f;}
.fa_black{color:#333 !important;}

.back_white{background:#fff !important;}

.material {background:#efefdf;}
.material p {padding:10px;} 

/*font*/
.text13{font-size:13px;}
.text15{font-size:15px;}
.text27{font-size:27px;}
.text20{font-size:20px;}
.text28{font-size:14px;}
.text50{font-size:50px;}
.text55{font-size:55px !important;}
.text60{font-size:60px !important;}

/*img*/
.img-responsive-center {margin:0 auto;}
.img-responsive-right {margin:0 auto;}

/*box style*/
.border{border:1px solid #ddd;}

.box01{background:#fff; border:1px solid #dddddd; border-radius: 4px;}
.box01 li{list-style-type:none; font-size:1em; color:#515151; font-family: 'Malgun Gothic','맑은 고딕', serif; line-height:2em;}
.box01 li:before{ content: counter(item, square) " ";color:#6cb545;}
.box02{border:5px solid #e3e3e3; text-align:center; padding:3%; margin:0 10px;}

.box03{border:1px solid #e3e3e3; text-align:center;}
.box03 h6{color:#fff; background:#fcad5d; padding:4%; margin:0;}
.box03 .p01{background:#eee; padding:4%;}
.box03 .p02{background:#fff; padding:4%;}

.box04 {background:#F3F3F3;margin:30px 0}
.box04 ul li{padding:5px 0;list-style-type:none; font-size:1em; color:#515151; margin-left:-15px; font-family: 'Malgun Gothic','맑은 고딕', serif; line-height:1.8em;}
.box04 ul li:before{ content: counter(item, square) " ";color:#6cb545;}

.box05 div p{font-size:14px; color:#fff; font-family: 'Malgun Gothic','맑은 고딕', serif; line-height:130%; text-align:center;}
.box05 .boxblue1{background:#25aae2; padding:10px;}
.box05 .boxblue2{background:#abd6f4; padding:10px;}
.box05 .boxgray1{background:#f9f9f9; padding:14px; border:1px solid #dddddd; margin-bottom:15px;}
.box05 .boxgray1 p{font-size:14px; color:#323232; line-height:1.6em; text-align:center; margin-bottom:0;}
.box05 .navy1 {background:#2877b1}
.box05 .navy1 p{color:#fff; font-size:24px; font-weight:bold; padding:28px;}
.box05 .boxorange{background:#f68c1f; padding:10px; margin:10px;}
.box05 .boxgreen{background:#59a133; padding:20px; margin:10px;}
.box05 .boxicon{font-size:50px; color:#fff; line-height:130%; text-align:center; margin-bottom:10px;}

.box06{font-size:12px; color:#fff; font-family: 'Malgun Gothic','맑은 고딕', serif; line-height:130%;}
.box06 .subox01{background:#59a133; padding:7px; text-align:left;}
.box06 .subox02{background:#ececec; color:#333; padding:7px; text-align:left; }

.product_dox {border:1px solid #cecdcd;}
.product_dox .product_imgtext{background:#3eaaf0; margin:0; padding:5px 0 5px 10px;}
.product_dox .product_imgtext h5{color:#fff; font-size:26px;font-weight:bold; line-height:1.6em; text-align:left;}

.product_dox .product_imgtext2{background:#3eaaf0; margin:0; padding:5px; text-align:center;}
.product_dox .product_imgtext2 h6{color:#fff; font-size:22px; font-weight:bold; line-height:1.6em; margin-left:-10px; }
.product_dox .product_imgtext2 p{font-size:14px; color:#fff; line-height:1.2em; margin-left:-10px;}


/*table*/

.Spices_table th {background:#e8e8e8; padding:8px; font-weight:200;}
.Spices_table td {border-bottom:1px solid #ddd; padding:5px;}
.Spices_table .even{}
.Spices_table .old{}

.Spices_table_xs{font-size:11px;}
.Spices_table_xs th {background:#e8e8e8; padding:6px 2px 6px 2px;}
.Spices_table_xs td {border-bottom:1px solid #ddd; padding:4px 3px 4px 3px;}


.border01{border-top:2px solid #25aae2;border-bottom:2px solid #4e86bb;}
.border02{border-top:2px solid #6cb545;border-bottom:2px solid #6cb545;}
.border03{border-top:2px solid #f68c1f;border-bottom:2px solid #f68c1f;}
.border01 .t02{margin-bottom:0;}
.border02 .t02{margin-bottom:0;}
.border03 .t02{margin-bottom:0;}
.t02 th {background:#fbfbfb; padding:10px;}
.t02 tr td{font-size:1em; color:#515151; line-height:1em; padding:10px; vertical-align:middle;}
.t02 .th01 {background:#fbfbfb; padding:1em; text-align:center;}


/*tab*/
.tabs_btn li a i{margin-right:10px;}
.tab-pane .box01{margin-left:15px; margin-right:15px;}
.custom-nav-tab > li > a {border:1px solid #c4c4c4}
.custom-nav-tab > li > a:hover {background:#4E86BB;color:#fff;}
.custom-nav-tab > li.active > a, .custom-nav-tab > li.active > a:hover, .custom-nav-tab > li.active > a:focus {background:#4E86BB;color:#fff;}


/*margin*/

/*** sub 여백***/

/* line-height */
.l3{line-height:3px;}
.l4{line-height:4px;}
.l7{line-height:7px;}
.l12{line-height:12px;}
.l13{line-height:14px;}
.l14{line-height:14px;}
.l16{line-height:16px;}
.l17{line-height:17px;}
.l18{line-height:18px;}
.l19{line-height:19px;}
.l20{line-height:20px;}
.l22{line-height:22px !important;}
.l24{line-height:24px;}
.l28{line-height:28px;}
.l29{line-height:29px;}

/* letter-spacing */
.let09 {letter-spacing:-0.09em;}
.let{letter-spacing:-1px !important;}
.let1{letter-spacing:1px !important;}
.let3{letter-spacing:3px}

/* margin */
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px; }
.mt7 { margin-top:7px; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px !important; }
.mt14 { margin-top:14px !important; }
.mt15 {margin-top:15px;}
.mt18 { margin-top:18px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 {margin-top:35px;}
.mt36 {margin-top:35px;}
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px !important; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }
.mt65 { margin-top:65px; }
.mt70 { margin-top:70px; }
.mt75 { margin-top:75px; }

.mb2 { margin-bottom:2px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb16 { margin-bottom:16px !important; }
.mb18 { margin-bottom:18px !important; }
.mb20 { margin-bottom:20px; }
.mb23 { margin-bottom:23px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb80 { margin-bottom:80px; }
.mb100{ margin-bottom:100px; }

.mr0 { margin-right:0; }
.mr1 { margin-right:1px; }
.mr2 { margin-right:2px; }
.mr3 { margin-right:3px; }
.mr4 { margin-right:4px; }
.mr5 { margin-right:5px; }
.mr6 { margin-right:6px; }
.mr7 { margin-right:7px; }
.mr8 { margin-right:8px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr17 { margin-right:17px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }
.mr50 { margin-right:50px; }
.mr60 { margin-right:60px; }
.mr70 { margin-right:70px; }
.mr80 { margin-right:80px; }
.mr85 { margin-right:85px; }
.mr90 { margin-right:90px; }

.ml2 { margin-left:2px; }
.ml5 { margin-left:5px; }
.ml6 { margin-left:6px; }
.ml10 { margin-left:10px; }
.ml12 { margin-left:12px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml100 { margin-left:100px; }

/* padding */
.p0 { padding:0px !important; }

.pt5 { padding-top:5px; }
.pt6 { padding-top:6px; }
.pt7 { padding-top:7px; }
.pt8 { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pb10 { padding-bottom:10px; }
.pb13 { padding-bottom:13px; }
.pb15 { padding-bottom:15px; }
.pb18 { padding-bottom:18px !important; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb65 { padding-bottom:65px; }
.pb70 { padding-bottom:70px; }
.pb75 { padding-bottom:75px; }
.pb80 { padding-bottom:80px; }
.pb90 { padding-bottom:90px; }
.pb100 { padding-bottom:100px; }
.pb200 { padding-bottom:200px; }
.pb270 { padding-bottom:270px; }
.pb750 { padding-bottom:750px; }

.pl0 { padding-left:0px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }
.pl100 { padding-left:100px; }


.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }


/*m1_conpany*/


.main-contents-text{width:100%;position:relative;text-align:center;}
.main-contents-image {text-align:center;font-size:30px;color:#4E86BB;}
.main-contents-image02 {text-align:center;font-size:30px;color:#59a133;}
.main-contents-image .fa-main-quick {font-size:50px;color:#fff;}
.main-contents-image02 .fa-main-quick {font-size:50px;color:#fff;}
.main-contents-text p {font-size:13px;color:#666666;}
.main-contents-text strong {font-size:16px;color:#3e3e3e;}
.main-contents-text p a {color:#dd7c09;}