@charset "utf-8";
@import url(layout_baraem.css);


* {margin:0; padding:0;}
html, body {width:100%; height:100%; position:relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:Malgun Gothic, '맑은 고딕','돋움',dotum,'굴림',gulim,verdana,arial,sans-serif;font-size:12px;color:#383d41;vertical-align:middle;}
body{background-color:#fff;text-align:left;}
li{list-style:none}
input {outline:none;}
input,select,button{vertical-align:middle}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2f3743;text-decoration:none}
a:hover{color:#390;text-decoration:underline}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}

a {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}

p {margin-top:3px; margin-bottom:3px;}

.auto {margin:0 auto;}
.none {font-size:1px; line-height:1px;}
.bold {font-weight:bold;}
.left {text-align:left;}
.center {text-align:center;}
.pointer {cursor:pointer;}
.move {cursor:move;}
.underline {text-decoration:underline;}
.right {text-align:right;}
.clr {clear:both; font-size:0px;}
.up1 {position:relative; overflow:hidden; left:0; top:-1px;}
.up2 {position:relative; overflow:hidden; left:0; top:-2px;}
.up3 {position:relative; overflow:hidden; left:0; top:-3px;}
.up4 {position:relative; overflow:hidden; left:0; top:-4px;}
.up5 {position:relative; overflow:hidden; left:0; top:-5px;}
.up10 {position:relative; overflow:hidden; left:0; top:-10px;}
.down1 {position:relative; overflow:hidden; left:0; top:1px;}
.down2 {position:relative; overflow:hidden; left:0; top:2px;}
.down3 {position:relative; overflow:hidden; left:0; top:3px;}
.down4 {position:relative; overflow:hidden; left:0; top:4px;}
.down5{position:relative; overflow:hidden; left:0; top:5px;}

.l16 {line-height:16px;}
.l18 {line-height:18px;}

.userview {padding:0 7px 0 7px; line-height:14px; font-size:12px; color:#333333; font-family:dotum,돋움;}
.userview a:hover {color:#39bb00; text-decoration:none;}

.tooltip
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:9999;
    display:none;
    border:2px solid #0195a1;
    background-color:#ffffff;
    line-height:16px; font-size:11px; color:#898989; font-family:dotum,돋움;
    padding:20px 20px 20px 20px;
    font-weight:normal;
    text-align:left;
}

#message_body {position:absolute; top:0px; left:0px; width:0px; height:0px; z-index:999999; display:none; background-color:#000000; text-align:center;}
#message_box {position:absolute; top:0px; left:0px; padding:17px 20px 10px 20px; border:2px solid #c1c1c1; background:#ffffff; z-index:999999; display:none;}
#message_box .title {font-weight:bold; margin-bottom:8px; line-height:20px; font-size:14px; color:#333333; font-family:dotum,돋움; letter-spacing:-1px;}
#message_box .text {line-height:20px; font-size:13px; color:#363636; font-family:gulim,굴림;}
#message_box .btn{clear:both; margin-top:17px; padding:10px 0; border-top:1px solid #e5e5e5; text-align:center;}
#message_box .btn img {vertical-align:top;}

.layout_top_bg {position:absolute; top:0px; left:0px; width:100%; height:0px; z-index:-1;}
.layout_bottom_bg {position:absolute; bottom:0px; left:0px; width:100%; height:0px; z-index:-1;}

<!--미나씨 클래스-->


.input{border: 1px solid #c2c2c2;background-color: #FFFFFF;height: 20px;font-family: "돋움", "굴림", Verdana, Arial;font-size: 12px;color: #666666;}
.textarea{border:#c2c2c2 1px solid; background-color:FFFFFF; font-family:"돋움", "굴림",Verdana,Arial;font-size:12px;color:#4B4B4B; padding:4px 4px 4px 4px;}
.scrollTxt{scrollbar-face-color:#FFFFFF; scrollbar-arrow-color:#289CDC;scrollbar-highlight-color : #c6c6c6; scrollbar-shadow-color : #c6c6c6; scrollbar-3dlight-color : #DADADA;scrollbar-darkshadow-color :#FFFFFF;font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림'; font-size:11px; color:#898989; line-height:14px;}
/*png투명
.png24{tmp:expression(png24set(this));}
*/

/*s라인*/
.line_blue{ background-color:#1d4ea2; height:1px; width:100%;}

/*탑메뉴랑 메인메뉴*/
.inputsearch{border:1px solid #c0c0c0; width:180px; float:right; height:22px; margin-top:20px;}
.input02{border:1px solid #ffffff; background-color:#FFFFFF; height:17px; font-family:NanumGothic,dotum, gulim, Tahoma, Verdana, Arial; font-size:12px; color: #707070 ;vertical-align:top; width:151px; padding-left:5px;padding-top:1px;}

.topmenu {margin:15px 0px 0px 70px;font-family:NanumGothic, Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdana, Arial;font-size:15px;color:#555555; float:left; font-weight:bold;}
.topmenu a{font-size:15px;color:#000000;}
.topmenu a:hover{font-size:15px;color:#003471; text-decoration:none;}

.mainmenu{float:left; margin-left:47px; margin-right:46px;}
.submenu {padding:20px 10px 20px 20px; background-color:#2158ba; width:120px; margin-top:30px; background-image: url(../image/main/topmenu_bg.gif);}
.submenu li{line-height:20px; float:none; text-align:left;}
.submenu li a{font-family:NanumGothic,dotum, gulim, Tahoma, Verdana, Arial; font-size:11px; color:#ffffff;}
.catrgorymenu {position:absolute; z-index:10;  text-align:center; left:0px; top:30px; display:none;}

/*서브left메뉴*/
.submenulefttitle {font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움',Tahoma, Verdna, Aria; color:#ffffff; line-height:81px; font-size:18px; font-weight:bolder; margin-left:25px;}
.submenuleft a{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움',Tahoma, Verdna, Aria; color:#ffffff; line-height:35px; margin-left:25px; text-decoration:none;}

/*히스토리*/
.history_num01{font-family:Verdana, Arial;font-size:12px;color:#737373;text-align:center;font-weight:bolder;}
.history_num a{color:#737373}
.history_num a:hover{color:#348ad8;text-decoration:none;}
.history_num02{font-family:NanumGothic,dotum, gulim, Tahoma, Verdana, Arial;font-size:12px;color:#348ad8;text-align:center;font-weight:bolder;}
.history_txt01{font-family:NanumGothic,dotum, gulim, Tahoma, Verdana, Arial;font-size:20px;color:#306d97;font-weight:bolder; padding-bottom:10px;}
.history_txt02{font-family:NanumGothic,dotum, gulim, Tahoma, Verdana, Arial;font-size:11px;color:#69a5cd;font-weight:bolder; vertical-align:top;}
.history_txt03{font-family:NanumGothic,dotum, gulim, Tahoma, Verdana, Arial;font-size:12px;color:#707070;line-height:20px;padding-left:30px;}

/*공지사항 박스*/
.noticebr{width:8px; padding-top:0px; padding-right:2px;float:left;}
.noticecontents{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Verdna,Tahoma; font-size:12px; color:#636363;line-height:20px; width:220px; float:left;}
.noticecontents a{font-size:12px; color:#636363;}
.noticecontents a hover:{font-size:12px; color:#754c24;}
.noticedate{font-family:'NanumGothic',Verdna,Tahoma; font-size:11px; color:#636363;line-height:20px; text-align:right; width:65px; float:left;}

/*메인공지사항*/
.NoticeBox{float:left;width:540px;}
.notice_subject{width:80%; float:left; font-family:Verdna, Aria,'NanumGothic','돋움'; font-size:11px; color: #707070; line-height:25px;}
.notice_date{width:20%; float:left; font-family:Verdana , Arial; font-size: 11px; color:#707070; text-align:right; line-height:25px;}
.notice_title{width:80%; float:left; font-family:Verdna, Aria,'NanumGothic','돋움'; font-size:13px; color: #000000; height:30px; font-weight:bold;}

/*타이틀*/
.titlemap{ float:left; margin-top:30px;}
.titlesub{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:23px; color:#555555; font-weight:bolder; margin-top:30px; margin-bottom:50px;}
.titlesub_blue{color:#2158ba;}

/*네비*/
.subnavi{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:11px; line-height:16px; color:#ffffff; margin-top:39px; text-align:right; margin-bottom:10px;}
.subnavi a{font-size:11px; color:#ffffff;}
.subnavi a:hover{font-size:11px; color:#ffffff;}


/*리스트안내*/
.listtitle01{font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림'; font-size:15px; font-weight:bolder; color:#363636;}
.listtxt01{font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림'; font-size:12px; color:#363636;}
.listtxt02{font-family:Tahoma, Verdna, Aria; font-size:11px; color:#0072bc;}

/*테이블코딩*/
.t_table01 table tr td{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#636363;line-height:50px;border-bottom:1px solid #d5d5d5; padding-left:15px;}
.t_table01 table thead tr th{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#2158ba;line-height:30px; background-color:#ddebfa; border-bottom:1px solid #d5d5d5; border-top:1px solid #2158ba; text-align:center; font-weight: normal;}

.t_table02 table tr td{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#636363;line-height:40px;border-bottom:1px solid #d5d5d5;}
.t_table02 table thead tr th{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#2158ba;line-height:30px; background-color:#ddebfa; border-bottom:1px solid #d5d5d5; border-top:1px solid #2158ba; text-align:center; font-weight: normal;}

.t_write table tr td{font-family:'NanumGothic',"돋움","굴림";font-size:12px;line-height:40px;border-bottom:1px solid #d5d5d5;}
.t_write {font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#707070; border-top:1px solid #2158ba; font-weight: normal;}

.t_table02{font-family:'NanumGothic',"돋움","굴림";font-size:12px; color:#252525; line-height:30px; margin-top:10px;}
.t_table03{font-family:Tahoma,Verdana,Arial,"돋움","굴림";font-size:12px;color:#636363;line-height:25px;}
.t_table_bold{font-family:'NanumGothic',"돋움","굴림";font-size:13px;color:#252525; font-weight:bold;}

.t_view table tr td{font-family:'NanumGothic',"돋움","굴림";font-size:12px; border-bottom:1px solid #d5d5d5;}
.t_view table thead tr th{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#2158ba;line-height:30px; background-color:#ddebfa; border-bottom:1px solid #d5d5d5;  font-weight: normal; text-align:left; padding-left:20px;}
.t_view {font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#252525; border-top:1px solid #2158ba; font-weight: normal;}
.t_view_txt01 { line-height:15px; padding:20px;}

.t_rely01 table tr td{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#636363;border-bottom:1px solid #d5d5d5; padding:10px;line-height:16px;}
.t_rely01 table thead tr th{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#000000;line-height:30px; text-align:left;}

.t_table04{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#636363;border-bottom:1px solid #d5d5d5; border-top:1px solid #c2c2c2; margin-top:20px;}
.t_table04 table tr td{font-family:'NanumGothic',"돋움","굴림";font-size:12px;line-height:19px;border-bottom:1px solid #d5d5d5; padding:10px 0 10px 20px;}
.t_table04_title{font-family:'NanumGothic',"돋움","굴림";font-size:12px;background-color:#ddebfa;color:#0054a6;}

.t_table05 table tr td{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#636363;line-height:30px;border-bottom:1px solid #d5d5d5; text-align:center;}
.t_table05 table thead tr th{font-family:'NanumGothic',"돋움","굴림";font-size:12px;color:#2158ba;line-height:30px; background-color:#ddebfa; border-bottom:1px solid #d5d5d5; border-top:1px solid #2158ba; text-align:center; font-weight: normal;}

/*리스트관련*/
.b_title {font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림', Verdana, Arial;font-size: 11px;color: #FFFFFF;text-align: center;}
.b_title02 {font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림', Verdana, Arial;font-size: 11px;font-weight:bolder;color: #555555;text-align: center;}
.b_num {font-family:"Verdana", "Arial";font-size: 11px;font-weight: normal;color: #7d7d7d;text-align: center;}
.b_subject {font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림', Verdana, Arial;font-size: 12px;color: #707070;}
.b_name {font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림', Verdana, Arial;font-size: 11px;color: #707070;text-align: center;}
.b_date {font-family:Tahoma,Verdana , Arial;font-size: 11px;color:#707070;text-align: center;vertical-align:absmiddle;}
.b_hit {font-family:Tahoma, Verdana, Arial;font-size: 12px;color: #737373;text-decoration: none;text-align: center;}
.b_content {font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림', Verdana, Arial;font-size: 12px;color:#707070; padding:10px; line-height:15px;}
.b_view {font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림', Verdana, Arial;font-size: 12px;color:#707070;}
.b_total {font-family:Malgun Gothic, '맑은 고딕', '돋움', '굴림', Verdana, Arial;font-size: 11px;color:#707070;}

/*페이징*/
.page_num {font-family:Verdana, Arial;font-size: 12px;color: #7d7d7d;text-align: center; letter-spacing:5px;}
.page_a {color: #252525;font-weight:bolder;}
.pageing01 {font-family:Verdana, Arial;font-size: 12px;color: #898989; padding:2px 6px 0px 6px;}

.line{ background-image: url(../images/line01.gif);}

/*내용,소개 텍스트*/
.subtxt01{font-family:'NanumGothic',"돋움", "굴림", Verdana, Arial;font-size:12px;color:#707070;line-height:17px; font-weight:normal;}
.subtxt01_bold{font-family:'NanumGothic',"돋움", "굴림", Verdana, Arial;font-size:12px;color:#707070;line-height:17px; font-weight:bold;}
.maptxt01{font-family:'NanumGothic',"돋움", "굴림", Verdana, Arial;font-size:12px;color:#707070;line-height:17px; float:left; width:280px; margin-left:30px;}
.map_blue{font-family:'NanumGothic',"돋움", "굴림", Verdana, Arial;font-size:18px;color:#1d4ea2;line-height:20px; margin-left:30px; font-weight:bold; margin:10px 0 20px 30px;}
.map_whtie{font-family:'NanumGothic',"돋움", "굴림", Verdana, Arial;font-size:18px;color:#ffffff;line-height:20px; margin-left:30px; font-weight:bold; margin:10px 0 20px 30px;}
.maptxt02{font-family:'NanumGothic',"돋움", "굴림", Verdana, Arial;font-size:12px;color:#e1e1e1;line-height:17px; float:left; width:400px; margin-left:30px;}

/*서브페이지텍스트디자인*/
.sub_txt01{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px;color:#555555; line-height:18px; margin-left:25px; float:left; width:475px;}
.sub_txt02{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px;color:#555555;margin-top:10px; text-align:right;}
.subtxt05_bold{font-family:'NanumGothic',"돋움", "굴림", Verdana, Arial;font-size:13px;color:#252525;line-height:17px; font-weight:bold; margin-bottom:5px;}
.sub_txt03{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px;color:#555555;margin-top:5px; text-align:right;}

/*서브페이지텍스트디자인*/
.sub02_pro_menu{ float:left; width:200px; border-top:1px solid #dadada; margin-right:30px;}
.sub02_pro_menu ul li{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px;color:#000000; line-height:30px; border-bottom:1px solid #dadada;}
.sub02_pro_img{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림'; color:#000000; width:520px; border-top:1px solid #2158ba; border-bottom:1px solid #2158ba; line-height:40px; text-align:center; background-color:#ddebfa; font-weight:bold; margin-top:5px;}
.sub_txt02{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px;color:#555555;margin-top:10px; text-align:right;}
.sub_black{color:#000000;  letter-spacing:-0.5px;}

/*사이트맵*/
.sitemap{float:left; margin-right:80px; margin-bottom:20px;}
.sitemap ul{}
.sitemap ul li{font-family:'NanumGothic',"돋움", "굴림";font-size:11px;color:#555555;line-height:30px; padding-left:10px; border-bottom:1px solid #dadada;}
.sitemap2{float:left;}
.sitemap2 ul{}
.sitemap2 ul li{font-family:'NanumGothic',"돋움", "굴림";font-size:11px;color:#555555;line-height:30px; padding-left:10px; border-bottom:1px solid #dadada;}

/*메인롤링*/
.blind {position:absolute;left:100%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
.bigBannerRolling{position: absolute;width:100%;height:450px;overflow:hidden; top:80px;}
.bigBannerRolling .bigBannerRollingWp{padding:0px 0 0 0px;}
.bigBannerRolling h2{position:absolute; z-index:6;float:left;margin:5px;cursor:pointer;}
.bigBannerRolling .banner {position:absolute;left:0;top:0;}

.prev {float:left; cursor:pointer; z-index:6; margin:80px 10px 0 30px;}
.next {float:left; cursor:pointer; z-index:6; margin:80px 10px 0 0px;}
.stop {float:left; cursor:pointer; z-index:6; margin:80px 10px 0 0px;}
.play {float:left; cursor:pointer; z-index:6; margin:80px 10px 0 0px;}

/*메인텍스트*/
.main_txt01{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:40px;color:#0a1842; line-height:45px; font-weight:bold;}
.main_txt02{font-family:'NanumGothic',Malgun Gothic, '맑은 고딕', '돋움', '굴림',Tahoma, Verdna, Aria; font-size:22px;color:#0a1842; line-height:28px; font-weight:bold;}
.main_txt03{font-family:Tahoma, Verdna, Aria; font-size:13px;color:#0a1842; line-height:13px; margin-right:4px;}


/*카피*/
.copymenu{ margin:0 auto; width:1000px;}
.copymenu li{font-family:Tahoma, Verdna, Aria,'NanumGothic','돋움'; font-size:12px; float:left; margin:0 20px 0 0; line-height:35px;}
.copymenu li a{font-size:8pt; color:#363636;}
.copymenu li a:hover{font-size:8pt; color:#1944a2;}
.copytxt01{font-family:Tahoma, Verdna, Aria,'NanumGothic','돋움'; font-size:12px; color:#8e8e8e; margin-top:20px;}
.copytxt02{font-family:Tahoma, Verdna, Aria; font-size:10px; color:#707070; margin-top:5px;}
.copylogo{float:left; margin:25px 20px 0 0;}
.copyicon{float:right; margin:20px 0 0 0;}

.left{float:left;}

/*공정거래(CP)*/
/*탭메뉴*/
.fairtrade_tab {border:1px solid #e0e0e0;margin-top:15px;}
.fairtrade_tab:after {content:'';display:block;clear:both;}
.fairtrade_tab li {float:left;width:16.6666%;height:43px;border-right:1px solid #e0e0e0;vertical-align: top;box-sizing: border-box;}
.fairtrade_tab li:last-child {border-right:0;}
.fairtrade_tab li a {display:block;height:100%;font-size:14px;line-height:42px;font-weight:bold;color:#2158ba;text-align: center;cursor:pointer;}
.fairtrade_tab li a:hover {text-decoration: none;}
.fairtrade_tab li.active a {color:#fff;background:#2158ba;cursor:default;}

/*탭섹션*/
/*대표이사 선포사*/
.fairtrade_section {}
.section_title {padding:65px 0 15px;}
.section_title h1 {font-size:22px;font-weight:bold;color:#383838;text-align: center;}
.section_con {padding: 33px 0;text-align: center;border-top:2px solid #2158ba;}
.section_01 .section_con p {font-size:14px;font-weight:300;line-height:1.7;letter-spacing: -1.3px;color:#383838;}
.section_01 .section_con p strong {font-size:18px;font-weight:bold;color:#383838;}
.section_01 .section_con p .con_date {font-size:14px;font-weight:400;color:#383838;}

/*운영 조직도*/
.organization_img {margin-top:35px;}
.organization_img img {width:100%;}
.organization_table {margin-top:80px;}
.organization_table table {width:100%;border-collapse: collapse;border-spacing: 0;text-align: center;border-top:2px solid #2158ba;border-bottom:2px solid #2158ba;}
.organization_table table tr {}
.organization_table table tr th,
.organization_table table tr td {height:35px;font-size:14px;font-weight:bold;color:#383838;background:#e3eaf8;border:1px solid #9a9a9a;}
.organization_table table tr td {background:#fff;}
.organization_table table tr:first-child th:first-child,
.organization_table table tr:first-child td:first-child {background:#f3f3f3;border-left:0;}
.organization_table table tr:first-child th:last-child,
.organization_table table tr:first-child td:last-child {border-right:0;}

/*운영지침*/
.section_03 {}
.section_con {padding: 10px 45px;text-align: left;}
.section_con h3 {position:relative;font-size:18px;font-weight:bold;color:#21304a;margin-top:20px;}
.section_con h3:before {content:'';position:absolute;width:25px;height:25px;line-height:1.3;left:-40px;color:#fff;background:#2158ba;text-align: center;}
.section_con p {font-size:14px;font-weight:200;line-height:1.8;color:#636363;}
.section_con p span {display:block;font-size:14px;font-weight:700;}
.section_con p .colored {display:block;color:#2158ba;margin-top:20px;}

.section_con h3:nth-of-type(1):before {content:'1';}
.section_con h3:nth-of-type(2):before {content:'2';}
.section_con h3:nth-of-type(3):before {content:'3';}

.section_con .align_right {text-align: right;margin-top:80px;}
.section_con .align_right span {font-size:14px;font-weight:700;line-height:1.8;color:#383838;}

/*공정거래 편람*/
.section_04 {}
.section_04 .section_con {padding: 10px;}
.section_04 .section_con .manager_message {width:700px;margin:30px auto;}
.section_04 .section_con .align_right {margin:80px 0;}

.contents_list {margin: 30px auto 60px;}
.contents_list ul {width:250px;background:#c3e7c4;border-radius:20px;border:1px solid #1f4d78;padding: 15px 20px;margin: 30px auto 40px;}
.contents_list ul li {font-size:16px;font-weight:bold;color:#636363;margin-bottom:5px;}

.section_04 .section_con h3 {font-size:20px;}
.section_04 .section_con h3:before {display:none;}
.section_04 .section_con h3.colored {color:#004DCD;margin: 30px 0 20px;}
.section_04 .section_con h3.colored.align_center {text-align:center;margin: 50px auto 30px;}
.section_04 .section_con h5.colored_blue {font-size:18px;color:#004DFF;margin-bottom:20px;}

.section_04 .section_con p {font-size:14px;}
.section_04 .section_con p span {display:block;font-size:16px;font-weight:bold;}
.section_04 .section_con p .colored {color:#004DFF;}
.section_04 .section_con p .colored_subject {color:#004DCD;}
.section_04 .section_con p b {color:#004DFF;}

.section_04 .section_con .fairtrade_case {border: 1px solid #383838;padding:10px 20px 20px 10px;background:#fafafa;margin-top: 20px;}
.section_04 .section_con .fairtrade_case ul {}
.section_04 .section_con .fairtrade_case ul li {font-size:15px;line-height:1.5;color:#555;margin-bottom:10px;}
.section_04 .section_con .fairtrade_case h4 {display:inline-block;font-size:16px; font-weight:bold;color:#383838;background:#FFFF00;margin-bottom:20px;}
.section_04 .section_con .fairtrade_case b {display:inline-block;font-size:16px; font-weight:bold;color:#383838;vertical-align: bottom;}

.section_04 .section_con .fairtrade_case .colored {color:#004DFF;}
.section_04 .section_con .fairtrade_case .colored_ruby {color:#BD3D3D;}

.section_04 .fairtrade_table {width:100%;border-collapse: collapse;border-spacing: 0;margin:20px auto 50px;}
.section_04 .fairtrade_table th,
.section_04 .fairtrade_table td {font-size:15px;color:#383838;border:1px solid #383838;padding:10px;}
.section_04 .fairtrade_table th {font-weight:bold;text-align: center;}