@charset "utf-8";
/*
* 용기님 레이아웃 나오면 작업 하려고 했는데. ㅠㅠ 3월 10일까지가 완료라 달려야할듯 ㅠ 고생좀 해주세요~.
* Copyright 2014, NHN / 여주석
*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
.cp_blind{visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;border:0;font-size:0;line-height:0;}
.title_div.left{width:100%;float:left}
.title_div .tit{position:relative;;font-weight:bold; font-size:30px;color:#666;padding-top:5px; padding-left:0px }
.title_div .tit2{position:relative;;font-weight:bold; font-size:18px;color:#666;padding-top:5px; padding-left:0px; padding-bottom:4px;}
.title_div .tit3{position:relative;;font-weight:bold; font-size:16px;color:#666;padding-top:5px; padding-left:0px; padding-bottom:4px;}
.title_div .tit-sub{position:relative;; font-size:14px;color:#666;padding-top:5px; padding-left:0px }
.title_div .gap1{padding:10px;}
.title_div .gap2{padding:20px;}
.title_div table{width:100%;}
.title_div td{padding:2px 0px; font-size:14px;color:#888;letter-spacing:-0.5px}
.title_div table.border1px{border-top:1px solid #e7e7e7}
.title_div table.border1px td{padding:3px;}
.tbl_type1{display:inline-block;overflow:hidden;width:100%;border-top:2px solid #444547;}
.tbl_type1 table,.tbl_type1 table th,.tbl_type1 table td{border:0}
.tbl_type1 table th,.tbl_type1 table td{border-top:1px solid #e4e4e4}
.tbl_type1 table{width:100%;margin-top:-1px;border-bottom:1px solid #e4e4e4;}
.tbl_type1 table th{padding:10px 0 9px 0px;background:#f9f9f9; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4;;}
.tbl_type1 table td{padding:10px 0 9px 15px; border-right:1px solid #e4e4e4;}
.tbl_type1 table td select{font-size:11px; border-left:1px solid #c6c6c6;}
.tbl_type1 table .div_cmpn input,.tbl_type1 table .div_cmpn label{vertical-align:middle}
.tbl_type1 table .div_cmpn label{padding-right:15px}
.tbl_type1 .vam{display:inline-block;margin-top:2px;line-height:15px;color:#999;vertical-align:top}
.tbl_type1_1{display:inline-block;overflow:hidden;width:100%;border-top:2px solid #444547;}
.tbl_type1_1 table,.tbl_type1_1 table th,.tbl_type1_1 table td{border:0}
.tbl_type1_1 table th,.tbl_type1_1 table td{border-top:1px solid #e4e4e4}
.tbl_type1_1 table{width:100%;margin-top:-1px;border-bottom:1px solid #c6c6c6;}
.tbl_type1_1 table th{padding:10px 0 9px 15px;background:#f9f9f9;}
.tbl_type1_1 table td{padding:10px 0 9px 15px}
.tbl_type1_1 table td select{font-size:11px}
.tbl_type1_1 table .div_cmpn input,.tbl_type1_1 table .div_cmpn label{vertical-align:middle}
.tbl_type1_1 table .div_cmpn label{padding-right:15px}
.tbl_type1_1 .vam{display:inline-block;margin-top:2px;line-height:15px;color:#999;vertical-align:top}
.tbl_type1_2{display:inline-block;overflow:hidden;width:100%;border-top:2px solid #444547;}
.tbl_type1_2 table,.tbl_type1_2 table th,.tbl_type1_2 table td{border:0}
.tbl_type1_2 table th,.tbl_type1_2 table td{border-top:1px solid #e4e4e4}
.tbl_type1_2 table{width:100%;margin-top:-1px;border-bottom:1px solid #c6c6c6;}
.tbl_type1_2 table th{padding:10px 0px;background:#f9f9f9;}
.tbl_type1_2 table td{padding:10px 0px; text-align:center;}
.tbl_type1_2 table td select{font-size:11px}
.tbl_type1_2 table .div_cmpn input,.tbl_type1_2 table .div_cmpn label{vertical-align:middle}
.tbl_type1_2 table .div_cmpn label{padding-right:15px}
.tbl_type1_2 .vam{display:inline-block;margin-top:2px;line-height:15px;color:#999;vertical-align:top}
.tbl_type2{position:relative}
.tbl_type2 table,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2 table{width:100%;border-top:2px solid #444547;line-height:15px}
.tbl_type2 thead th{padding:8px 0 7px 20px;border-bottom:1px solid #919191;line-height:17px;color:#000}
.tbl_type2 tbody th,.tbl_type2 td,.tbl_type2 tfoot th{padding-top:7px;padding-bottom:7px;border-bottom:1px solid #e4e4e4}
.tbl_type2 tbody th,.tbl_type2 tfoot th{width:90px;padding-left:20px;font-weight:bold}
.tbl_type2 tbody th{background:#f9f9f9}
.tbl_type2 thead th.ll{border-bottom-color:#e4e4e4}
.tbl_type2 thead .lv2 th{padding:10px 10px 10px 0;text-align:right}
.tbl_type2 tfoot th,.tbl_type2 tfoot td,.tbl_type2 tr.total th,.tbl_type2 tr.total td{border-color:#c6c6c6;color:#55aaea}
.tbl_type2 .unit{position:absolute;top:0;right:15px}
.tbl_type2 .light{color:#999}
.tbl_type2_v1 table{font-size:11px}
.tbl_type2_v1 thead th,.tbl_type2_v1 td{padding-right:20px;text-align:right}
.tbl_type2_v1 thead th.tl{text-align:left}
.tbl_type2_v1 .em th{background:#f3f3f3}
.tbl_type2_v1 .em td{background:#f9f9f9}
.tbl_type2_v11 tbody th{color:#a4a4a4}
.tbl_type2_v11 .em th{color:#666}
.tbl_type2_v11 .em td{font-weight:bold}
.tbl_type2_v11 tfoot td{font-weight:bold}
.tbl_type2_v2{display:inline-block;overflow:hidden;width:100%;padding-top:20px;border-bottom:1px solid #c6c6c6}
.tbl_type2_v2 table,.tbl_type2_v3 table,.tbl_type2_v4 table{margin-bottom:-1px}
.tbl_type2_v3{display:inline-block;overflow:hidden;width:100%;border-bottom:1px solid #c6c6c6}
.tbl_type2_v3 thead th{text-align:left}
.tbl_type2_v3 tbody td{padding-left:20px}
.tbl_type2_v4{_display:inline-block;overflow:hidden;padding-top:20px;border-bottom:1px solid #c6c6c6}
.tbl_type2_v4 table{font-size:11px}
.tbl_type2_v4 thead th{padding:8px 19px 8px 0;*font-size:1px;line-height:1px;text-align:right}
.tbl_type2_v4 thead th.tl{padding:6px 0 6px 20px}
.tbl_type2_v4 thead th.tc{padding:10px 0}
.tbl_type2_v4 tbody th{width:110px}
.tbl_type2_v4 td{padding-left:0;padding-right:20px;text-align:right}
.tbl_type2_v4 td.tl{padding-left:left;text-align:left}
.tbl_type2_v4 td.lv2,.tbl_type2_v4 td.lv2{padding-right:10px}
.tbl_type2_v4 tfoot th,.tbl_type2_v4 tfoot td{font-weight:bold}
.tbl_type2_v4 .em th{background:#f3f3f3;color:#333}
.tbl_type2_v4 .em td{background:#f9f9f9;font-weight:bold;color:#555}
.tbl_type2_v4 .unit{top:0}
.tbl_type2_v5{border-top:2px solid #444547}
.tbl_type2_v5,.tbl_type2_v6,.tbl_type2_v7{display:inline-block;overflow:hidden;width:100%;border-bottom:1px solid #c6c6c6}
.tbl_type2_v5 table{border-top:0}
.tbl_type2_v5 table,.tbl_type2_v6 table,.tbl_type2_v7 table{margin-bottom:-1px}
.tbl_type2_v5 thead th{color:#333}
.tbl_type2_v5 thead.blind th{position:absolute;top:-9999px;left:-9999px}
.tbl_type2_v5 tbody td{padding-left:20px;}
.tbl_type2_v5 .light{padding-left:10px}
.tbl_type2_v5 .nodoc{height:100px;color:#999;text-align:center}
.tbl_type2_v5 .order{width:90px}
.tbl_type2_v6 thead .lv2 th{padding-right:20px}
.tbl_type2_v6 tbody td{padding-right:20px;;font-size:11px;text-align:right}
.tbl_type2_v6 tbody td.tl{padding-left:20px;padding-right:0}
.tbl_type2_v7 table{}
.tbl_type2_v7 th{text-align:left}
.tbl_type2_v7 .analyst,.tbl_type2_v7 td{padding-left:50px;font-size:11px}
.tbl_type2_v7 .dark{width:110px;padding-left:20px;background:#f9f9f9}
.tbl_type2_v7 .bl{border-left:1px solid #e4e4e4}
.tbl_type2_v8 thead th,.tbl_type2_v8 tbody td{height:29px;padding:0;font-size:11px;text-align:center}
.tbl_type2_v8 tbody .gray td{background:#f9f9f9}
.tbl_type2_v8 tbody td{border-bottom-color:#c6c6c6}
.tbl_type2_v9,.tbl_type2_v10,.tbl_type2_v11{display:inline-block;overflow:hidden;width:100%;border-bottom:1px solid #c6c6c6}
.tbl_type2_v9 table,.tbl_type2_v10 table{width:371px;margin:0 0 -1px -1px}
.tbl_type2_v9 table th{height:29px;padding:0 0 0 9px;border-left:1px solid #e4e4e4;background:none;font-size:11px;font-weight:normal}
.tbl_type2_v9 table td{height:29px;padding:0 9px 0 0;font-size:11px;text-align:right}
.tbl_type2_v9 tbody tr.gray th,.tbl_type2_v9 tbody tr.gray td{background:#f9f9f9}
.tbl_type2_v9 tbody tr.gray .gray{background:#f3f3f3}
.tbl_type2_v9 tbody .light{background:#f9f9f9;color:#666}
.tbl_type2_v10 table{border-collapse:collapse}
.tbl_type2_v10 thead th,.tbl_type2_v10 td{height:29px;padding:0;border-left:1px solid #e4e4e4;text-align:center}
.tbl_type2_v10 td{padding-right:10px;font-size:11px;text-align:right}
.tbl_type2_v10 td.tc{padding:0}
.tbl_type2_v10 td.blue{background:#f7fafd}
.tbl_type2_v10 td.red{background:#fffbf7}
.tbl_type2_v10 tfoot tr{background:#f9f9f9}
.tbl_type2_v10 tfoot td{position:relative;border-top:1px solid #c6c6c6;border-left:1px solid #e4e4e4;font-weight:bold}
.tbl_type2_v11 table{margin-bottom:-1px}
.tbl_type2_v11 thead th,.tbl_type2_v11 tbody td{height:29px;padding:0 20px 0 0;font-size:11px;text-align:right}
.tbl_type2_v11 .tl{padding:0 0 0 20px;text-align:left}
.tbl_type2_v11 .gray{background:#f9f9f9}
.tbl_type3{border-top:2px solid #444547;border-bottom:1px solid #c6c6c6}
.tbl_type3 table,.tbl_type3 table th,.tbl_type3 table td{border:0}
.tbl_type3 table{width:100%;font-size:11px}
.tbl_type3 table th{padding:7px 0 6px 20px;background:#f9f9f9}
.tbl_type3 table td{padding:7px 0 6px 20px}
.tbl_type3 .first th,.c4524 .tbl_type3 .first td{padding-top:15px}
.tbl_type3 .last th,.c4524 .tbl_type3 .last td{padding-bottom:15px}
.tbl_type4{display:inline-block;overflow:hidden;position:relative;width:100%;margin-top:-25px;padding-top:25px;border-bottom:1px solid #c6c6c6}
.tbl_type4 table,.tbl_type4 th,.tbl_type4 td{border:0}
.tbl_type4 table{margin:0 0 -1px -1px;border-top:2px solid #444547;border-collapse:collapse;font-size:11px;line-height:15px;border-spacing:0}
.tbl_type4 thead th{padding:7px 0 7px 20px;border-bottom:1px solid #919191;border-left:1px solid #e4e4e4;background:#f9f9f9;line-height:17px;color:#000}
.tbl_type4 tbody td{padding:6px 10px;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4;text-align:center}
.tbl_type4 tbody td.del{padding:0 6px}
.tbl_type4 tbody td.del button{width:19px;height:20px;border:0;background:none;cursor:pointer;_cursor:hand}
.tbl_type4 tbody td.del button:active img{margin:1px -1px -1px 1px}
.tbl_type4 .same{position:absolute;top:0;right:0;font-size:11px}
.tbl_type4 .same .input_chk{vertical-align:middle}
.tbl_type4_v1{overflow-x:scroll;width:810px}
.tbl_type4_v2 thead th{padding-left:0;text-align:center}
.tbl_type4_v2 tbody td{padding:5px}
fieldset .tbl_type1 table td{padding-top:7px;padding-bottom:7px}
.tbl_history{border-top:2px solid #444547}
.tbl_history table{width:100%;border:0}
.tbl_history th,.tbl_history td{border:0;border-bottom:1px solid #e4e4e4;text-align:left;vertical-align:top}
.tbl_history th{width:115px;padding:12px 0 9px 10px;line-height:1px}
.tbl_history td{padding:9px 0 10px;line-height:20px}
.tbl_history td li{*display:inline-block;position:relative;vertical-align:top}
.tbl_history td .in_type2{position:absolute;top:6px;left:0}
.tbl_history td .desc{padding-left:32px;color:#666}
.tbl_history .last th,.tbl_history .last td{border-bottom:0}
/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{;font-size:12px}
img,fieldset{border:0;vertical-align:middle}
ul,ol{list-style:none}
/* layout */
#container{display:inline-block;padding-bottom:50px}
.snb{float:left;width:180px}
.wrap_sub #content{float:left;position:relative;width:100%;padding-top:20px;line-height:18px;color:#666}
.woori .concept .maintit{font-size:22px; line-height:30px;text-align:justify; padding-bottom:20px}
.woori .concept .tit{font-size:18px; line-height:25px;text-align:justify; padding-bottom:20px}
.woori .concept{font-size:14px;line-height:22px;text-align:justify}
/* 회사소개 */
.sd1 .txt{height:29px}
.sd1 .concept img{vertical-align:top}
.sd1 .concept img.btwd{margin-bottom:28px}
.sd1 .concept ul{*zoom:1}
.sd1 .concept ul:after{display:block;clear:both;content:''}
.sd1 .concept ul.txt2{height:100%}
.sd1 .concept ul.pdf_area{padding-top:30px;border-top:1px solid #c6c6c6}
.sd1 .concept ul.pdf_area li{width:380px}
.sd1 .concept li{float:left;width:350px;font-size:13px;line-height:22px;text-align:justify}
.sd1 .concept li.first{width:368px;padding-right:40px}
.sd1 .concept li.tit{font-size:18px; line-height:25px;text-align:justify; width:720px;padding-right:40px; padding-bottom:20px}
.sd1 .concept li .lft{float:left;margin-right:5px}
.sd1 .concept li strong{padding-top:13px}
.sd1 .concept li a{margin-top:18px;display:inline-block;overflow:hidden}
.sd1 .extra{height:1044px}
.sd1 .evr .evi{top:1039px;height:1px;background:#c6c6c6}
.sd2 .companyYear{width:100%; border-top:2px solid #232323;}
.sd2 .yearWr{overflow:hidden;
background:url('../images/dot1.png') repeat-x left bottom; }
.sd2 .yearWr.last{background:none;}
.sd2 .yearWr h4{width:100px; float:left; margin-top:16px; font-size:28px; color:#333333; font-weight:700}
.sd2 .yearWr .yearCon{width:620px; float:left; display:inline-block; }
.sd2 .yearWr .yearCon ul li{overflow:hidden; margin-top:18px; list-style:none; font-size:14px ;line-height:24px;}
.sd2 .yearWr .yearCon ul li .month{float:left; display:inline-block; width:55px; font-size:20px ; color:#333;}
.sd2 .yearWr .yearCon ul li dl{float:left; width:564px; margin-top:4px; padding-bottom:25px; background:url('../images/dot1.png') repeat-x left bottom;}
.sd2 .yearWr .yearCon ul li dl.last{background:none;}
.sd2 .yearWr.last .yearCon ul li dl.last{background:none; padding-bottom:0;}
.sd2 .yearWr .yearCon ul li dl dt{clear:both;float:left; width:80px;padding-top:3px}
.sd2 .yearWr .yearCon ul li dl dt span{display:inline-block; margin-top:9px;}
.sd2 .yearWr .yearCon ul li dl dd{float:left; width:465px; margin-top:-2px;}
.sd2 .yearWr .yearCon ul li dl dd.noBul{background:none; padding-left:0;}
.sd2 .yearWr .yearCon ul li dl dd ul li{}
.sd2 .yearWr .yearCon ul li dl dd ul li.first{margin-top:0;}
/* tab */
.wooriTab { position:relative; clear:both; overflow:hidden; border-bottom:1px solid #bec6cf; }
.wooriTab li { float:left; width:150px; margin:0 -1px 0 0; box-sizing:border-box; }
.wooriTab li a {; display:block; border:1px solid #bec6cf; border-bottom:0; line-height:37px; text-align:center; font-size:12px; color:#666; }
.wooriTab li a:hover, .boxTab li a:focus, .boxTab li a:active, .boxTab li a.on {; font-size:14px; color:#fff; background:#333333; }
.wooriTab.full li { width:16%; }
.wooriTab.full li:first-child { width:20.5%; }
.wooriCon { display:none; }
.wooriTab button.tabBtn { display:none; position:absolute; right:0; top:1px; width:40px; height:37px; overflow:hidden; text-indent:-1000px;}
.wooriTab button.tabBtn.on { }
.wooriTab2 { position:relative; clear:both; overflow:hidden; border-bottom:1px solid #bec6cf; }
.wooriTab2 li { float:left; width:135px; margin:0 -1px 0 0; box-sizing:border-box; }
.wooriTab2 li a {; display:block; border:1px solid #bec6cf; border-bottom:0; line-height:37px; text-align:center; font-size:12px; color:#666; }
.wooriTab2 li a:hover, .boxTab li a:focus, .boxTab li a:active, .boxTab li a.on {; font-size:14px; color:#fff; background:#333333; }
.wooriTab2.full li { width:16%; }
.wooriTab2.full li:first-child { width:20.5%; }
.wooriCon2 { display:none; }
.wooriTab2 button.tabBtn { display:none; position:absolute; right:0; top:1px; width:40px; height:37px; overflow:hidden; text-indent:-1000px;}
.wooriTab2 button.tabBtn.on { }
.wooriTab3 { position:relative; clear:both; overflow:hidden; border-bottom:1px solid #bec6cf; }
.wooriTab3 li { float:left; width:180.5px; margin:0 -1px 0 0; box-sizing:border-box; }
.wooriTab3 li a {; display:block; border:1px solid #bec6cf; border-bottom:0; line-height:37px; text-align:center; font-size:12px; color:#666; }
.wooriTab3 li a:hover, .boxTab li a:focus, .boxTab li a:active, .boxTab li a.on {; font-size:14px; color:#fff; background:#333333; }
.wooriTab3.full li { width:16%; }
.wooriTab3.full li:first-child { width:20.5%; }
.wooriCon3 { display:none; }
.wooriTab3 button.tabBtn { display:none; position:absolute; right:0; top:1px; width:40px; height:37px; overflow:hidden; text-indent:-1000px;}
.wooriTab3 button.tabBtn.on { }
.wooriback_history { position:absolute; z-index:0; padding-left:400px;}
.wooriback_br {padding-top:150px;}
.wooriback_history_mo {display:none}
.woori{position:relative;padding-bottom:35px;}
.wooriBox{position:relative;margin-left:0px;padding:25px;border:1px solid #dadada;background:#fbfbfb;overflow:hidden;}
.wooriLeft{float:left;width: 48.9%;}
.wooriLeft p{border:1px solid #b2b2b2;text-align: center;height: 350px;line-height: 350px;background: #fff;overflow:hidden}
.wooriLeft img{width: auto;max-width: 100%;height: auto;}
.wooriRight{position:relative;float:right;width: 48.9%;}
.wooriRight .tit{padding:15px 0 8px;display:block;float:left;margin-bottom:27px;border-bottom:3px solid #333333;color:#333333;font-size:25px;font-weight:700; line-height:1;word-break: break-all;}
.firstList{margin-bottom:17px;clear:both}
.firstList li{float:left;width:24%;margin-right:1%;}
.firstList li > div{text-align:center;padding:5px 0;border:1px solid #c9c9c9;border-radius:3px;background:#fff;overflow:hidden}
.firstList li > div > p,.firstList li > div > div{font-size:1.077em;color:#000000;padding:5px 0;font-weight:bold}
.firstList .full{width:74%;}
.firstList .full > div{position:relative;padding: 30px 0 20px 72px;min-height:88px;}
.firstList .full > div > img{position:absolute;left:16px;top:31px;}
.firstList .full > div > div{padding: 0 10px;text-align:left}
.wooriView{display:none;}
.wooriBox .btnSec{margin-bottom:45px; padding-top:20px; top:20px;}
/* .wooriBox .btnSec a{display: inline-block;padding: 0 0 0px 19px;line-height: 40px;margin:0 0 3px 0;background: #d78410;border: 0 none;border-bottom: 1px solid #ac670f;border-radius: 3px;box-shadow: 0px 0px 3px #999;font-size: 1.15em;color: #fff;vertical-align: middle;} */
.wooriBox .btnSec a{display: inline-block;padding: 0 0 0px 19px;height: 41px;margin:0 0 3px 0;vertical-align: middle;background: url('/img/pro_btn.png') left 0 no-repeat;}
.wooriBox .btnSec a span{display: block;padding-right: 19px;line-height:40px;font-size: 1.15em;color: #fff;text-align: center;background: url('/img/pro_btn.png') right 0 no-repeat;}
.woori-y .woori-y-box {display:table;table-layout: fixed;margin-bottom:50px;height:100%}
.woori-y .woori-y-box .column-year {display:table-cell;vertical-align:middle;padding:0 20px;width:140px;text-align:center;border-right:1px solid #ddd;}
.woori-y .woori-y-box .column-year h4 {margin-bottom:0;font-size:16px;color: rgb(20, 20, 20);font-weight: 600;letter-spacing: 1px}
.woori-y .woori-y-box .column-year span {text-align:left;font-size:12px;color: rgb(180, 180, 180)}
.woori-y .woori-y-box .column-content {padding:5px 0 5px 20px}
.woori-y .woori-y-box .column-content h4 {margin:0 0 10px 0;font-size:14px;font-weight:600;color:#333}
.woori-y .woori-y-box .column-content p {margin:0;font-size:14px}
.woori-y .woori-y-box .yearWr{overflow:hidden; background:url('../images/dot1.png') repeat-x left bottom; }
@media screen and (max-width : 1200px) {
.wooriback_history {display:none}
.wooriback_history_mo {display:block}
.wooriback_br {padding-top:20px;}
/* tab */
.wooriTab { border-bottom:none; }
.wooriTab li { border-bottom:1px solid #bec6cf; width:125px; }
.wooriTab li a { border-bottom:none; }
.wooriTab2 { border-bottom:none; }
.wooriTab2 li { border-bottom:1px solid #bec6cf; width:125px; }
.wooriTab2 li a { border-bottom:none; }
.wooriTab3 { border-bottom:none; }
.wooriTab3 li { border-bottom:1px solid #bec6cf; }
.wooriTab3 li a { border-bottom:none; }
}
@media screen and (max-width : 1023px) {
.firstList li{width:48%;margin-left:1%;margin-bottom:5px;}
.firstList .full {width: 99%;}
.thumbnail{position:static;margin-top:10px;}
.thumbnail li{width:32%}
.thumbnail li + li{margin-left:2%}
.wooriSlide .bx-controls{top:25px;left:25px;}
.wooriRight h4{font-size: 16px;margin-bottom: 15px;padding-top:0}
.wooriBox .btnSec {margin-bottom: 0px;}
.wooriBox .btnSec a{font-size:12px;line-height: 30px;padding-left:10px;}
.wooriBox .btnSec a span{padding-right:10px;}
}
@media screen and (max-width :767px) {
.wooriListWrap{position:relative;width:auto}
.wooriListWrap > div{height:auto !important}
.wooriList li{float:left;margin-right:1px;width:78px;height:78px;}
.wooriListWrap .prev{display:none}
.wooriListWrap .next{display:none}
.wooriBox{margin-left:0;margin-top:10px;}
/* .wooriLeft p {height: 326px;}*/
.wooriTxt{margin-left:0;}
}
@media screen and (max-width :640px) {
img{width:auto; max-width: 100%}
.firstList li > div > p, .firstList li > div > div{font-size:0.85em}
}
@media screen and (max-width :479px) {
.titTxt{color: #000;margin: 20px 0;}
.titTxt02,.tvcfView h4 {font-size: 16px;}
.wooriLeft{float:none;width:100%}
.wooriLeft p {height: auto;line-height: inherit;}
.wooriRight{float:none;width:100%;min-height:330px;}
.wooriRight h4{padding-top:20px}
.wooriBox {padding-bottom: 19px;}
.wooriBox .btnSec{position:static}
.wooriList li {width: 53px;height:53px;}
.woori-y .column-title:after {bottom:-10px;font-size:40px}
.woori-y .woori-y-box {display:block}
.woori-y .woori-y-box .column-year {display:block;padding:0 0 10px 0;width:100%;text-align:left;border:0;border-bottom:1px solid #ddd}
.woori-y .woori-y-box .column-content {padding:10px 0}
}