@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/css?family=Arvo); 
@font-face{
font-family:'Arvo-Regular';
src: url('../../img/font/Arvo-Regular.eot');
src: url('../../img/font/Arvo-Regular.eot?#iefix') format('embedded-opentype'),
url('../../img/font/Arvo-Regular.woff') format('woff'),
url('../../img/font/Arvo-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
} 
@font-face{
font-family:'Arvo-Bold';
src: url('../../img/font/Arvo-Bold.eot');
src: url('../../img/font/Arvo-Bold.eot?#iefix') format('embedded-opentype'),
url('../../img/font/Arvo-Bold.woff') format('woff'),
url('../../img/font/Arvo-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
} 	/*v*/

/* CSS reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, 
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0;padding:0;border:0;vertical-align:baseline; 
font-family:'NanumbarunGothic','³ª´®°íµñ', 'Dotum', 'Gulim', 'Arial', sans-serif; list-style:none; font-size:15px; line-height:160%; color:#707070;}
em,address{font-style:normal;}
hr{display:none}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0; word-break:break-all;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}
a {color:#787878; text-decoration:none;}
a:hover {color:#787878; text-decoration:none;}
img,input {vertical-align:middle;}
/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
/*start ÇØÁ¦*/
.start:after {content:"";display:block;clear:both;}
.start {*zoom:1;}
html {min-width:320px; width:100%; overflow-y:scroll;}
body min-width:320px; width:100%; height:100%; white-space: normal;background:#E7ECEE; }
div.wrapper {min-width:320px; width:100%; }
.d_wrap { width:100%; overflow: hidden; }



.txt_03 { padding:40px 30px; margin:0 auto; max-width:1400px;}
.txt_03 h3 {font-size:23px; letter-spacing:-0.02em;  background:#eee; border-bottom:2px solid #BDBDBD; border-bottom:1px solid #BDBDBD; color:#323232; font-weight:900; margin-bottom:24px;}
.txt_03 h3 span { box-shadow:3px 2px 3px #777;text-shadow:1px 1px 3px #000; line-height:45px; background:#cf3e4a; color:#fff; padding:0 10px; font-size:55px; 
font-weight:900; margin-right:6px;}
.txt_03 dl {padding:0 30px 30px 30px; }
.txt_03 dl:last-child {background: none; padding-bottom:0px;}
.txt_03 dl dt {width:35.19%;float:left;}
.txt_03 dl dd {width:60.12%;float:right; }
.txt_03 dl dd h4 {color:#cf3e4a ;font-size:41px; font-weight:900; line-height:120%;margin-bottom:15px;}
.txt_03 dl dd h4 span { display:block;font-size:21px;margin-top:4px;}
@media screen and (max-width:1200px) {
.con_style {padding:20px 30px;}
.txt_03 h3 {font-size:20px; line-height:30px; margin-bottom:15px;}
.txt_03 h3 span { line-height:30px; font-size:20px; }
.txt_03 dl {padding:0 10px 20px 10px; }
.txt_03 dl dd h4 {font-size:30px; margin-bottom:10px;}
.txt_03 dl dd h4 span { font-size:18px; ;}
#txtwrap{width:100%;overflow:hidden;} 
}

@media screen and (max-width:767px) {
.con_style, .con_style_basic, .txt_03 {padding:10px;}
nav.tab {margin-bottom:20px;}
nav.tab ul.tab01 li {width:32%; }																			
nav.tab ul li a {min-width:0;}

.txt_03 dl {padding:0; }
.txt_03 h3,.txt_03 h3, {font-size:20px; }
.txt_03 dl dt, .txt_03 dl dd {width:100%;float:none; display:block; } 
.txt_03 dl dd h4 {font-size:30px; margin-top:15px; }
.txt_03 dl dd h4 span { font-size:18px; }

}