/* 레이아웃 리스트 
1.폰트
2.상단(헤더)메뉴
3.하단(풋터)영역
4.서브좌측메뉴
5.서브타이틀
6.서브상단 비쥬얼 영역
7.서브컨텐츠 영역
*/
/*****************1.폰트*******************/
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
 
 
/* 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;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;
font-family:'Nanum Gothic','나눔고딕', 'Dotum', 'Gulim', sans-serif; list-style:none; }
em,address{font-style:normal;}hr{display:none}
ol, ul{list-style:none;} 
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}
html, body,input,button{font-size:13px; line-height:160%; color:#737373;  font-weight:600;}
a {color:#707070; text-decoration:none;}
a:hover {color:#D2BE78;}
label{vertical-align:middle; font-size:14px;}
img {vertical-align:middle;}
input {vertical-align:middle;}
.fL {float:left;}
.fR {float:right;}
.tC {text-align:center;}
.db{display:block;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.b20 {padding-bottom:20px;}
.right_1 {margin-right:1px;}
/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
/*floatBox 해제*/
.floatBox:after {content:"";display:block;clear:both;}
.floatBox {*zoom:1;}
html {min-width:320px; width:100%; overflow-y:scroll;}
body {overflow-x:hidden; background:#eee url(../../img/bg.jpg) no-repeat center top fixed; min-width:320px; width:100%; height:100%; white-space: normal; line-height:1.8em;word-break:break-all; 
letter-spacing:-0.03em;}
 
/*****************2.상단(헤더)메뉴*******************/
#header {z-index:10000; width:100%; background:url(../../img/top_bg.png) repeat-x 0 0; height:110px;   position:absolute; }
#header:after {display:block; clear:both; content:" " ;}
#header section { height:100px; max-width:1200px;   border-left:1px solid #66594A; border-right:1px solid #66594A; margin:0 auto;position:relative; }
#header section:after {display:block; clear:both; content:" " ;}
#header h1 {float:left; }
#header h1 a {display:block; width:165px; text-align:center; padding-top:5px;}
#header h1 a img {width:140px;}
#header nav {float:left; position:relative; max-width:850px; height:100px; border-left:1px solid #66594A; z-index:10000;position:relative; }
#header nav > ul {float:left; }
#header nav > ul li { float:left;text-align:center; }
#header nav > ul li:first-child h2 {background:none;padding-left:17px; }
#header nav > ul li a {display:inline-block;   }
#header nav > ul li a:hover {text-decoration:none;}
nav.menu {background:none; width:100%; line-height:140%;}
nav.menu ul li.first h2,nav.menu ul li.last h2 {margin:0; padding:0; }
nav.menu ul > li > div.smenu {margin:0; padding:0;display:none; }
nav.menu h2 a {color:#fff;  margin-top:39px; background-image:none; text-align:center; padding-left:0; padding-right:0;font-size:15px!important; padding:0 40px; font-weight:900; }
nav.menu h2 a:hover, nav.menu ul > li.current > h2 a {background-image:none; color:#D2BE78;}
nav.menu ul > li h2 a.on_box_gnb {color:#fff; background:url(../../img/menu_over.gif) no-repeat right top; margin-top:0px; padding-top:38px; padding-bottom:10px;} 
nav.menu ul > li h2 a.on_box_gnb:hover {color:#fff;}
nav.menu > ul { height:40px;position:relative;}
nav.menu ul li:first-child h2 a {border-left:none;}
nav.menu ul > li > div.smenu {position:absolute; left:0; top:70px; width:100%; padding:0;}
nav.menu ul > li > div.smenu > ul {float:left; width:auto; background:#000; }
nav.menu ul > li.m1 > div.smenu > ul {margin-left:40px;}
nav.menu ul > li.m2 > div.smenu > ul {margin-left:180px;} 
nav.menu ul > li.m3 > div.smenu > ul {margin-left:340px;}
nav.menu ul > li.m4 > div.smenu > ul {margin-left:550px; }
nav.menu ul > li.m5 > div.smenu > ul {float:right; margin-right:25px;}
nav.menu div.smenu ul li {padding:0 10px 0 11px; float:none; display:inline-block; width:auto; background:url('../../img/dot_3.png') left 11px no-repeat; }
nav.menu div.smenu ul li:first-child {background:none;}
nav.menu div.smenu a {padding:3px 0;  color:#fff;  font-size:11px!important; font-weight:900;}
nav.menu div.smenu a:hover,
nav.menu div.smenu a.current {color:#D2BE78;text-decoration:none;}
.t_m_btn {display:none; position:absolute; right: 0;top: 0;}
.m_area01 {display:none;} 
#header .top_btn {float:right; padding-right:10px;}
#header .top_btn a { font-weight:bold; font-size:11px; color:#eee;}
#header .top_btn .sbtn1 {width:130px; height:49px; position:relative; background:#000;}
#header .top_btn .sbtn1 ul {padding-left:25px;}
@media screen and (max-width:1225px) {
#header nav { max-width:663px; height:100px;  }
nav.menu h2 a {  padding:0 17px; }
}

/*****mobile (320px)*****/
@media screen and (max-width:1023px) {
#header { height:80px;  }
#header nav { max-width:100%;  }
#header {z-index:10000; width:100%; padding:0; margin:0; } 
#header h1 {float:none; width:100%; padding:0px; height:80px; margin-top:0;}
#header h1 a {padding-top:8px; width:120px; }
 
#header h1 a img {width:100px;}
#allNavi {display:none;}
.t_m_btn {display:block; padding:0; margin:0;}
#header section { z-index:1000; height:80px; border-bottom:1px solid #000; border:0;} 
#header nav > ul li a {display:inline-block; color:#fff; font-size:11px; text-align:center;padding:15px 0;width:100%;color:#333;} 
#header nav {border:0;}
div.allNaviArea, nav.gnb, div.top_btn {display:none;}
nav.menu {background:none; width:100%; padding:0;}
#header nav > ul li:first-child h2 {padding-left:0;}
nav.menu ul > li {border-top:none;}
#header nav > ul li { padding:0 18px; float:left;text-align:center; }
nav.menu ul li.first h2,nav.menu ul li.last h2 {margin:0; padding:0;}
nav.menu ul > li > div.smenu {margin:0; padding:0;}
nav.menu h2 a {background-image:none; background-color:#F5F5F5; color:#fff; text-align:center; padding-left:0; padding-right:0;width:100%;}
nav.menu h2 a:hover, nav.menu ul > li.current > h2 a {background-image:none; background-color:#D2BE78; color:#fff;text-align:center;width:100%;}
nav.menu ul > li.first h2 a:hover,nav.menu ul > li.first.current h2 a,nav.menu ul > li.last h2 a:hover {background-color:#747474; color:#fff;}
nav.menu ul > li h2 a.on_box_gnb {background:#D2BE78; color:#fff;} 
nav.menu ul > li.first .smenu {z-index:999;}
nav.menu > ul {border-top:1px solid #d6d6d6; width:100%; }
nav.menu ul > li {float:left; margin:0; width:50%;}
nav.menu ul > li.m2 {width:50%;}
nav.menu ul > li.m5 {width:100%;}
nav.menu h2 a {margin-top:0px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;}
nav.menu ul li.m1 h2 a,nav.menu ul li.m3 h2 a,nav.menu ul li.m5 h2 a {border-left:none;} 
#header nav {float:none;width:100%; margin:0; }
#header nav > ul {float:none; margin:0 auto;}
#header nav > ul li {  padding:0; }
#header nav > ul li:first-child {padding:0;}
nav.menu ul > li > div.smenu {background:#A8A8A8; border-bottom:2px solid #ddd; position:absolute; left:0; width:100%; padding:10px 0;}
nav.menu ul > li > div.smenu {position:absolute; top:80px; width:100%; padding:0; left:0;}
nav.menu ul > li > div.smenu > ul {float:left; width:auto; background:#A8A8A8; }
nav.menu ul > li > div.smenu > ul {float:none; width:100%; text-align:center; }
#header nav > ul li > div.smenu > ul li {padding:0 15px; background-position:left 21px;; }
nav.menu ul > li.first h2 a:hover,nav.menu ul > li.first.current h2 a,nav.menu ul > li.last h2 a:hover {color:#fff;}
.m_area01 {float:none; display:block; width:100%; height:35px; background:#000;}
.m_area01 ol {text-align:right;padding:10px 0;}
.m_area01 ol li { display:inline; padding-left:8px; font-size:11px;margin-right:3px;background:url('../../img/bar04.gif') left 2px no-repeat;}
.m_area01 ol li:first-child {background:none;} 
.m_area01 ol li a {color:#B6B6B6; } 
nav.menu ul > li.m1 > div.smenu > ul {margin-left:10px;}
nav.menu ul > li.m2 > div.smenu > ul {margin-left:10px;} 
nav.menu ul > li.m3 > div.smenu > ul {margin-left:10px;}
nav.menu ul > li.m4 > div.smenu > ul {margin-left:10px;}
nav.menu ul > li.m5 > div.smenu > ul {float:left; margin-left:10px;}
}


/*****************3.하단(풋터)영역*******************/ 
.footer {position:relative; width:100%; background:#464646; border-top:1px solid #7D7D7D;}
.footer:after {display:block; clear:both; content:" " ;}
.footer section {max-width:1200px; margin:0 auto; position:relative; min-height:165px; border-left:1px solid #7D7D7D; border-right:1px solid #7D7D7D;}
.footer section .logo{ position:absolute; left:0; top:0; text-align:center; width:165px; min-width:165px; min-height:135px; float:left; padding-top:30px; border-right:1px solid #7D7D7D;} 
.footer section .logo img {width:150px;}
.footer section .text{ padding:50px 185px 0 185px; float:left;  color:#DCD6CF;}
.footer section .text span {padding-right:15px;}
.footer section .sns { position:absolute; right:0; top:0; padding:15px 0 0 0; border-left:1px solid #7D7D7D; min-height:150px; min-width:165px; width:165px;}
.footer section .sns h2 { position:relative; padding:0 0 0 15px; color:#DCD6CF;}
.footer section .sns ul { padding:5px 0 0 10px; }
.footer section .sns ul li {float:left; padding:4px;}
.footer section .sns ul li img {width:40px;}
@media screen and (max-width:767px){
.footer section .logo{ position:relative; width:48%; float:left; min-width:149px; border-right:1px solid #847A6E; min-height:120px;} 
.footer section .sns { position:relative; float:left; border:none; min-height:120px; min-width:149px; max-width:160px;}
.footer section .text{min-height:145px; border-top:1px solid #847A6E; padding:30px 0; width:100%; min-height:100px; text-align:center; font-size:11px;}
.footer section .text span {padding-right:0; display:block;  }
}
@media screen and (max-width:360px){
.footer section .sns ul { padding:10px 0 0 10px; }
.footer section .sns ul li img {width:30px;}
}

 

/*****************4.서브좌측메뉴*******************/
/*서브레이아웃*/
.contents_box {height:auto !important; position:relative; width:100%; }
.contents_box:after {display:block; clear:both; content:" " ;}
.contents_sub {position:relative; margin:0 auto;}
.sub_con{max-width:1120px; margin:10px auto 30px auto;  background:#fff;   position:relative; padding:30px 40px 40px;  index:100; min-height:300px; }
.sub_menu{  max-width:1200px; margin:20px auto;  min-height:30px;  z-index:1000;}
.sub_menu:after {display:block; clear:both; content:" " ;}
.sub_menu h2 {font-size:19px; color:#090E14; height:30px; line-height:30px;   float:left;  margin-right:30px; font-weight:900;   letter-spacing:-0.03em; text-transform: uppercase;}
.sub_menu ul {  float:left; }
.sub_menu ul li {display:inline-block;  float:left; line-height:30px; text-align:center; border-right:1px solid #BCB5B5; font-size:15px; text-transform: uppercase; font-weight:900;}
.sub_menu ul li:last-child {border:none; }
.sub_menu ul li a,.sub_menu #leftoff a{color:#503C33; -webkit-transition: all 0.35s ease-in-out;background:0px 21px; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; padding: 0 30px;}
.sub_menu ul li a:hover,.sub_menu ul li a.on_box,.sub_menu #lefton a,.sub_left_m #leftoff a:hover
{display:block; color:#73655C; padding: 0 30px ; background:url(../../img/arrow_1.gif) no-repeat 15px 11px; }
.sub_menu ul li a.on_box,.sub_left_m #leftoff a:hover{color:#73655C; }


.tabmenu{   margin:20px auto;  text-align:center; width:100%;}
.tabmenu ul { margin:0 auto; }
.tabmenu ul li {display:inline-block;  text-align:center; font-size:14px;  font-weight:600; margin:3px;  }
.tabmenu ul li a,.tabmenu #leftoff a{line-height:40px; display:inline-block; color:#fff; background:#575757; -webkit-transition: all 0.35s ease-in-out; 
 -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; padding: 0 40px;   border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.tabmenu ul li a:hover,.tabmenu ul li a.on_box,.tabmenu  #lefton a,.tabmenu #leftoff a:hover{display:inline-block; color:#fff; padding: 0 40px ; background:#B90404 url(../../img/arrow_1.gif) no-repeat 15px 16px; line-height:40px; }
 

@media screen and (max-width:1225px) {
.sub_con {min-width:300px; float:none; padding:20px; margin-left:0px; border:none;} 
}
@media screen and (max-width:767px) {
.sub_menu h2 {display:none;}
.sub_menu ul {  float:none; width:100%;}
.sub_menu ul li { font-size:13px; margin:3px;}
.sub_menu ul li a,.sub_menu #leftoff a{ padding: 0 10px;}
.sub_menu ul li a:hover,.sub_menu ul li a.on_box,.sub_menu #lefton a,.sub_left_m #leftoff a:hover
{padding: 0 10px ; background:none; }

 
.tabmenu ul li {font-size:13px; margin:1px;}
.tabmenu ul li a,.tabmenu #leftoff a{padding: 0 10px;}
.tabmenu ul li a:hover,.tabmenu ul li a.on_box,.tabmenu  #lefton a,.tabmenu #leftoff a:hover{padding: 0 10px ;   background-image:none;}
 


 
}
/*****************5.서브타이틀*******************/
.sub_con p {padding:0 0 10px 0 ; word-wrap: break-word; word-break:keep-all;;}
.sub_con header {height:28px;border:10px solid #eee;margin-bottom:30px; max-width:1100px; padding:20px 30px 16px;}
.sub_con header:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.sub_con header h3 {float:left;font-size:23px;font-weight:900; text-transform: uppercase; color:#1E1E1E;line-height:100%;}
.sub_con header nav {float:right; margin:0; padding:0; letter-spacing:0.02em; font-size:11px; text-transform:capitalize;}
.sub_con header nav ul:after {content:"";display:block;clear:both;}
.sub_con header nav ul li {float:left; color:#888; padding-left:5px;} 
.sub_con header nav ul li.home a {display:block; background:url('../../img/home.gif') left 7px no-repeat; width:41px; padding-left:16px; }
.sub_con header nav ul li a {color:#888; }
.sub_con header nav ul li a:hover {color:#888;}
@media screen and (max-width:767px) { 
.sub_con header {height:30px;} 
.sub_con header h3 {display:block; float:none; }
.sub_con header nav {display:none;}
.sub_con header nav ul li.home a {display:block; background:none; padding-left:0; }
}
/*****************6.서브상단 비쥬얼 영역*******************/
.contents_sub h2.sub_top_img {background:#040404 ; position:relative; z-index:1; text-align:left;   width:100%; height:300px; font-weight:bold;
animation:myfirst 2s infinite; -moz-animation:myfirst 2s infinite; -webkit-animation:myfirst 2s infinite; -o-animation:myfirst 2s infinite; }
.sub_img1 { background:url('../../img/sub_img1.jpg') left 0 no-repeat; height:300px;}
.sub_img2 { background:url('../../img/sub_img2.jpg') left 0 no-repeat; height:300px;}
.sub_img3 { background:url('../../img/sub_img3.jpg') left 0 no-repeat; height:300px;}
.sub_img4 { background:url('../../img/sub_img4.jpg') left 0 no-repeat; height:300px;}
.sub_img5 { background:url('../../img/sub_img5.jpg') left 0 no-repeat; height:300px;}
.contents_sub h2.sub_top_img img {width:100%; z-index:1;}
 
.sub_top_img p.text1 {position:absolute; right:50%; text-align:center; width:1000px; margin:0 -500px 0 0; font-size:55px; color:#fff; top:170px; line-height:100%; font-weight:900; text-shadow:1px 1px 3px black;}

@media screen and (max-width:767px) { 
.sub_con { padding:10px; float:none; margin-left:0px; border:none;}
.sub_top_img p.text1 { font-size:37px; }
 
}
/*****************7.서브컨텐츠 영역*******************/
/***탭메뉴***/
nav.tab {border-bottom:2px solid #848484; width:100%; margin-bottom:30px;}
nav.tab:after {display:block; clear:both; content:" "; }
nav.tab ul li {float:left;}
nav.tab ul.tab01 li {width:20%;}
nav.tab ul li a {border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; display:block; background-color:#e3e3e3; border-bottom:1px solid #fff; 
min-width:100px; padding:8px 0 4px 0; margin-left:1px; text-align:center; font-size:11px; letter-spacing:-0.05em; color:#333;}
nav.tab ul li:first-child a {margin-left:0;}
nav.tab ul li a:hover {color:#fff;background-color:#848484;}
nav.tab ul li a.current {background-color:#848484; border-color:#848484; color:#fff;}
/***버튼***/
ul.btn_list { margin:0 auto; text-align:center;}
ul.btn_list li {display:inline; padding:0 2px;}
.btn1,.btn2 {text-align:center; }
.btn1 a, .btn2 a { width:85px; display:inline-block; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; color:#fff;}
.btn1 a { background:#21CCCE;}
.btn2 a { background:#AAAAAA;}
.btn1 a:hover,.btn1 a.current,.btn2 a:hover,.btn2 a.current{background:#4A4A4A; }
.btn_s10 a {padding:10px 0;}
.btn_s20 a {padding:20px 0;}
/***컨텐츠***/
.con_title1 {font-size:23px; color:#222222; font-weight:900; ine-height:120%; padding:10px 0 20px 28px; background:url(../../img/h_dot1.gif) no-repeat 0 10px ;}

/* ceo message */
.ceo{  margin-bottom:30px;  background:#212121 url(../../img/ceo_bg.jpg) no-repeat 0 0; padding:30px 30px 30px 50px;}
.ceo dt {width:40%; max-width:400px; float:right; padding-top:3px;}
.ceo dt img {width:100%; max-width:380px;}
.ceo dd {width:57%;float:left;}
.ceo dd p { line-height:160%; margin-top:13px; color:#E2E2E2; text-shadow:1px 1px 3px #000;}

/* 회사연혁 */
.his_l {width:27.40%;float:left;}
.his_r {width:68.50%;float:right;}
.his_l h3 {font-size:60px;line-height:100%;color:#D2BE78;letter-spacing:-1px;}
.his_l h3 span {display:block;font-size:40px;line-height:100%;color:#666;font-weight:normal;}
.his_l p {line-height:140%;}
.his_l p.l_t01 {font-size:18px;line-height:100%;margin:5px 0 20px 0;color:#999;}
.his_r dl {background:#fff; margin-bottom:10px;}
.his_r dl dt {background:#d1d1d1;float:left;font-size:30px;color:#333;padding:30px 0 30px 0;line-height:100%;width:22%;text-align:center;}
.his_r dl dt.frist_dt {background: #D2BE78;}
.his_r dl dt span {display:block;font-size:18px;color:#666;text-align:right;margin-right:15px;}
.his_r dl dd {float:left;}
.his_r dl dd.type01 {padding:20px 0 0px 20px;}
.his_r dl dd.type02 {padding:20px 0 0px 20px;}
.his_r dl dd ul {}
.his_r dl dd ul li {background:url(../../img/dot_1.png) no-repeat 0 5px;font-size:13px;line-height:100%;margin-bottom:7px; padding-left:10px;}
.his_r dl dd ul li span {display:block;padding-left:10px;}
/* 오시는길 */
.list_img ul {width:100%; margin-top:30px;}
.list_img ul li {width:100%; padding-top:15px;margin-bottom:25px;background:url(../../img/dot_line.gif) repeat-x left top;}
.list_img ul li img {float:left; padding-right:20px;}
.list_img dl { padding-top:5px;}
.list_img dl dt {font-size:15px; font-weight:900; height:20px;}
/* 사업분야 1*/
.no_box {}
.no_box h4 {font-size:23px; color:#222222;  letter-spacing:-0.06em; line-height:37px;  font-weight:900; margin-bottom:24px;}
.no_box h4.n_01 {background:url(../../img/no01.gif) no-repeat 0 0;}
.no_box h4.n_02 {background:url(../../img/no02.gif) no-repeat 0 0;} 
.no_box h4 span {padding-left:44px;}
.no_box dl {padding-bottom:30px;margin-bottom:28px;background:url(../../img/dot_line.gif) repeat-x left bottom;}
.no_box dl:last-child {background: none; padding-bottom:0px;}
.no_box dl dt {width:30%;float:left;}
.no_box dl dd {width:68%;float:right; }
.no_box dl dd h5 {font-size:21px;font-weight:900;color:#B6B6B6;line-height:100%;margin-bottom:15px;}
.no_box dl dd h5 span {color:#534E49; display:block;font-size:17px; letter-spacing:-0.05em; px;margin-top:4px;}
/* 사업분야2 */
.stop_box {background:#989898;padding:17px 0 20px 0; border:none;}
.stop_title {}
.stop_title td {text-align:center;height:30px;}
.stop_title td.b_line {border-bottom:solid 1px #d4d4d4;}
.stop_title td p {color:#fff;}
.stop_title td p.tit_01 {font-size:35px; line-height:100%;}
.stop_title td p.tit_02 {font-size:12px;line-height:130%;padding:0 30px;}
.cross_box {background:#fff;margin-bottom:30px;}
.cross_box dl {padding:20px;background:url(../../img/dot_line.gif) repeat-x left bottom;}
.cross_box dl.last {background:none;border-bottom:solid 3px #676767;}
.cross_box dl dt {width:30%;}
.cross_box dl dt img {width:100%;}
.cross_box dl dd {width:68%;}
.cross_box dl dd h3 {font-size:25px; line-height:100%; margin:10px 0 25px 0; }
.cross_box dl dd h3 strong {font-size:16px;line-height:100%;color:#D2BE78;}
.cross_box dl dd h3 span {font-size:12px;line-height:100%;color:#999;}
.cross_box dl dd p.d_t01 { line-height:130%;font-size:14px; margin:0 0 10px 0;}
.cross_box dl dd p.d_t02 {color:#815D40;font-size:12px;margin:0 0 30px 0;font-weight:600;}

.list_1 ul {margin:20px 0 20px 10px;}
.list_1 ul li {background:url(../../img/dot_1.png) no-repeat 0 5px; line-height:140%;margin-bottom:8px; padding-left:10px;}

/***** mobile (320px) *****/
@media screen and (max-width:767px) {
h4.tit01 {font-size:15px; margin-top:20px;}
h4.tit03 {font-size:20px;}
p.formTit01 {margin-top:20px;}
div.boxType01 {background-position:10px center; padding-left:45px;}
div.btn01 {margin:15px 0 0 0; text-align:center;}
div.btn02 {margin-top:15px; text-align:center;}
span.btnType01 a, span.btnType01 button,
span.btnType03 a, span.btnType03 button {font-size:14px;}
ul.cmt01.btn {display:none;}
ul.cmt05 {margin-left:5px;}
.contArea header nav {display:none;}

iframe {width:98%;}
 
/* ceo인사말 */
.ceo{padding:15px;}
.ceo dt {float:none;text-align:center;}
.ceo dt img {width:100%;}
.ceo dt {width:100%;}
.ceo dd {width:100%;float:none;margin-bottom:25px;}
/* 회사연혁 */
.his_l {width:100%;float:none;}
.his_r {width:100%;float:none;}
.his_l p.l_t03 {text-align:center;margin-bottom:20px;}
.his_r dl { min-height:100%;margin-bottom:10px;}
.his_r dl dt {float:none;\padding:10px 0;line-height:100%;width:100%;}
.his_r dl dd {float:none;padding:30px 20px!important;}
/* 사업분야1 */ 
.no_box dl dt {margin-bottom:20px;}
.no_box dl dt {width:100%;float:none; }
.no_box dl dd {width:100%;float:none; }
.con_title1 span.bs_span {display:inline;}
/* 사업분야2 */
.stop_title td p.tit_01 span {display:block;}
.stop_title td p.tit_02 {margin-top:5px;}
.cross_box dl {padding:30px 0; }
.cross_box dl.last {background:none;border-bottom:solid 3px #d1d1d1;}
.cross_box dl dt.fL,.cross_box dl dt.fR,.cross_box dl dd.fR {float:none;}
.cross_box dl dt {padding:0 20px;text-align:center; width:85%;}
.cross_box dl dt img {width:100%;}
.cross_box dl dd {margin:0 20px;width:85%;}
.cross_box dl dd h3 strong {display:block;margin-top:10px;}
.line,.line3,.line-bg {display:none;}
}

.f600 {font-weight:600;}
.f900 {font-weight:900;}
.fcgray {color:#979797;}
.fcblack {color:#202020;}
.fcred {color:#CB1D1D;}
.fcwhite {color:#fff;}
.fs21 {font-size:21px;}
.fs17 {font-size:17px;}
.fs15 {font-size:15px;}

.list_2,.list_3{background:#E0E0E0;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto 30px auto; max-width:1000px;}
.list_2 ul,.list_3 ul {width:98%; margin:10px auto; padding:1%; text-align:center;}
.list_2 ul li,.list_3 ul li {font-size:15px;  display:inline-block;  padding:35px 2% 20px 2%; margin:1%;  background:#fff url(../../img/dot_4.gif) no-repeat center 20px; 
line-height:160%;  border-radius:10px;  -moz-border-radius:10px; -webkit-border-radius:10px;text-align:center;}

.list_2 ul li {  width:27%;  height:50px; }
.list_3 ul li {  width:43%;  height:70px; }

.img_style1 img {width:100%; max-width:590px; margin:20px 0;}
 
.blockpc {display:block;}
@media screen and (max-width:1300px){
.list_2 ul li,.list_3 ul li {font-size:13px; }
}
@media screen and (max-width:1000px){
.blockpc {display:inline;}
.blockmo {display:block;}

.list_2,.list_3 { margin-bottom:40px;}
.list_2 ul li,.list_3 ul li {  width:94%; display:block;  padding:25px 2% 10px 2%; margin:1%;   background:#fff url(../../img/dot_4.gif) no-repeat center 12px; 
 height:auto;}

.fs21 {font-size:19px;}
.fs17 {font-size:15px;}
.fs15 {font-size:13px;}
}


/*선효과*/
.line-bg {animation: line-bg 2s linear infinite; -moz-animation: line-bg 2s linear infinite; -webkit-animation: line-bg 2s linear infinite; -o-animation: line-bg 2s linear infinite;}
@keyframes line-bg
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 1000px 0, 0 0;}
}
@-moz-keyframes line-bg
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 1000px 0, 0 0;}
} 
@-webkit-keyframes line-bg
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 1000px 0, 0 0;}
} 
@-o-keyframes line-bg
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 1000px 0, 0 0;}
} 
.line-bg2 {animation: line-bg2 3.3s linear infinite; -moz-animation: line-bg2 3.3s linear infinite; -webkit-animation: line-bg2 3.3s linear infinite; -o-animation: line-bg2 3.3s linear infinite;}
@keyframes line-bg2
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 1000px 0, 0 0;}
}
@-moz-keyframes line-bg2
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 1000px 0, 0 0;}
} 
@-webkit-keyframes line-bg2
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 1000px 0, 0 0;}
} 
@-o-keyframes line-bg2
{
0% { background-position: 0 0, 0 0;}
100% { background-position: 1000px 0, 0 0;}
} 
.line {position:absolute; height:1px; width:1200px; z-index:10000;background:url(../../img/line.png) no-repeat; left:0px; }
.line1 {top:100px;}
 @media screen and (max-width:1023px) {
.line, .line-bg {display:none;}
}


 

 /*****************8.서브컨텐츠 영역*******************/
 
/***타이틀***/
.con_title1 {font-size:21px; color:#3B3B3B; line-height:120%; font-weight:900; padding: 10px 0 20px 28px; background:url(../../img/h_dot1.gif) no-repeat 0 13px ;}
@media screen and (max-width:767px) {
.con_title1 span.bs_span {display:inline;}
}
 
.stop_box {background:#253A7B;padding:17px 0 20px 0; border:none; margin-bottom:20px;}
.stop_title td {text-align:center;height:20px;}
.stop_title td.b_line {border-bottom:solid 1px #6979A8;}
.stop_title td p {color:#fff;}
.stop_title td p.tit_01 {font-size:15px; font-weight:600; line-height:120%;   }
.stop_title td p.tit_02 {font-size:13px;line-height:130%;padding:0 30px;}
@media screen and (max-width:767px) {
.stop_title td p span {display:block;}
.stop_title td p.tit_02 {margin-top:5px;}
}
 
 
 
/***상단 포인트 내용***/
h4 { font-size:27px;  color:#2B2B2B; font-weight:400; line-height:140%; letter-spacing:-0.05em; padding:25px 0 10px 0;}
h4 span.point_tit_p{ font-size:27px; color:#C51616;  font-weight:900;}
span.point_tit2{ font-size:21px; color:#6B6B6B; font-weight:600; line-height:120%; }
span.point_tit2_p{ font-size:21px; color:#F27756;  font-weight:600; line-height:120%;}
.txt_1 {font-size:21px; line-height:130%; font-weight:600; color:#5A5A5A; letter-spacing:-0.04em; }
.txt_2 {font-size:21px; color:#F75847; font-weight:900;}
@media screen and (max-width:768px){
h4 { font-size:19px;;}
 
h4 span.point_tit_p{ font-size:19px;}
span.point_tit2,span.point_tit2_p,.txt_1 ,.txt_2{ font-size:17px;}
}

.list_no {margin:10px 0;} 
.list_no li   {padding:20px 30px 20px 80px; font-size:13px;   margin-bottom:10px; display:block; 
border:1px solid #D4D4D4; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-weight:600; }
.list_no li h4 { font-size:19px; font-weight:900; display:block; color:#C51616; padding:0 0 5px 0;}
.list_no .list_no_1 {background:url('../../img/list_no_1.png') no-repeat 20px 16px;}
.list_no .list_no_2 {background:url('../../img/list_no_2.png') no-repeat 20px 16px;}
.list_no .list_no_3 {background:url('../../img/list_no_3.png') no-repeat 20px 16px;}
.list_no .list_no_4 {background:url('../../img/list_no_4.png') no-repeat 20px 16px;}
.list_no .list_no_5 {background:url('../../img/list_no_5.png') no-repeat 20px 16px;}
.list_no .list_no_6 {background:url('../../img/list_no_6.png') no-repeat 20px 16px;}
.list_no .list_no_7 {background:url('../../img/list_no_7.png') no-repeat 20px 16px;}
.list_no li ul{margin:0;} 
.list_no  li ul li   {padding:0 0 0 8px; font-size:13px;   margin:0px;  border:0; background:url(../../img/dot_1.gif) no-repeat 1px 7px;}
 @media screen and (max-width:768px){
.list_no li   {padding:10px 10px 10px 50px;}
.list_no li h4 { font-size:17px;}
.list_no .list_no_1,.list_no .list_no_2,.list_no .list_no_3,.list_no .list_no_4,.list_no .list_no_5,.list_no .list_no_6,.list_no .list_no_7 {background-size:30px; background-position: 10px 10px;}
}

.img_list1 {margin:10px 0; background:#eee; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} 
.img_list1 ul {width:98%; margin:0 auto;}
.img_list1 ul  li   { display:inline-block;  margin:20px 1%; width:14.66%;  float:left;}
.img_list1 ul  li  img  { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;    }
 @media screen and (max-width:1100px){
.img_list1 ul  li  img {max-width:160px; width:100%;}
 }
 @media screen and (max-width:768px){
.img_list1 ul {padding:10px 0;}
.img_list1 ul  li   { margin:2px 1%;  width:31.33%;  }
 }



.txt_list1 {margin:10px 0; background:#eee; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} 
.txt_list1 ul {width:98%; margin:0 auto;}
.txt_list1 ul li h5 {background:url(../../img/dot_5.gif) no-repeat 0 9px; font-size:15px; font-weight:600; color:#000; padding:0 0 5px 12px; border-bottom:1px solid #DCDCDC; margin-bottom:10px;}
.txt_list1 ul {min-height:380px;}
.txt_list1 ul li  { display:inline-block;  background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:20px 1%; width:27.333%;  padding:2%; float:left;}
.txt_list1 ul li ul li { display:block;  border:none; margin:0; width:100%;  float:none; padding:0 0 4px 8px; font-size:13px;    background:url(../../img/dot_1.gif) no-repeat 1px 8px;}
.txt_list1 ul li ul li span {color:#000; padding-right:10px; display:block;}
 
 @media screen and (max-width:900px){
.txt_list1 ul {min-height:50px; padding:5px 0;}
.txt_list1 ul li  { display:block;   margin:20px 1%; width:92%;  padding:3%; float:none;}
.txt_list1 ul li ul li span { display:inline;}
 }




.map_img {text-align:center; border:2px solid #E0E0E0; max-width:800px; margin:0 auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.mw800 {max-width:800px; margin:0 auto;}
 @media screen and (max-width:700px){
 
.map_img img {width:100%;}
}