/* ·¹ÀÌ¾Æ¿ô ¸®½ºÆ® 
1.ÆùÆ®
2.»ó´Ü(Çì´õ)¸Þ´º
3.ÇÏ´Ü(Ç²ÅÍ)¿µ¿ª
4.¼­ºê»ó´Ü ÇÏÀ§¸Þ´º/Å¸ÀÌÆ²/¼­ºêÄÁÅÙÃ÷ ·¹ÀÌ¾Æ¿ô
5.¼­ºêÄÁÅÙÃ÷ ¿µ¿ª
*/
/*****************1.ÆùÆ®*******************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://fonts.googleapis.com/css?family=Anton); 
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Satisfy); 
 @import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.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;vertical-align:baseline; 
font-family:'Noto Sans KR','Nanum Gothic','³ª´®°íµñ', 'Dotum', 'Gulim', 'Arial', sans-serif; list-style:none; font-size:13px; line-height:115%; color:#707070;}
em,address{font-style:normal;}
hr{display:none}
.fR{float:right;}
.fL{float:left;}
.t_5 {padding-top:5px;}
.t_10 {padding-top:10px;}
.t_20 {padding-top:20px;}
.t_40 {padding-top:40px;}
.fb_200 {font-weight:200;}
.fb_400 {font-weight:400;}
.fb_900 {font-weight:900;}
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;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
.floatBox:after {content:"";display:block;clear:both;}
.floatBox {*zoom:1;}
html {min-width:320px; width:100%; overflow-y:scroll;}
body {min-width:320px; width:100%; height:100%; white-space: normal;background:#fff; }
div.wrapper {min-width:320px; width:100%; }
.d_wrap { width:100%; overflow: hidden; }
img{max-width:100%}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-13%, 0, 0);
transform: translate3d(-13%, 0, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft;}
 
/*****************2.»ó´Ü(Çì´õ)¸Þ´º*******************/
#header{position:absolute; top:0;left:0; height:90px; width:100%; z-index:10000; border-top:10px solid #1551a7; background:#fff url(../../img/111top_bg.png) no-repeat center top;  }
#header .header{position:relative; max-width:1280px; margin:0 auto; z-index:10000; padding-top:10px;}
/*»ó´Ü´ë¸Þ´º*/
#header .gnb_wrap{overflow:hidden; float:right; }
#header .gnb_wrap > ul > li{float:left; padding:10px  5px 0;  }
#header .gnb_wrap > ul > li > div.h2pc > a h2  {height:70px; overflow:hidden;}
#header .gnb_wrap > ul > li > div.h2mo > a h2 {display:none;}
#header .gnb_wrap > ul > li > div.h2pc > a:hover h2 img,
#header .gnb_wrap > ul > li > div.h2pc > a.on_box_gnb h2 img {margin-top:-70px;}
#header .gnb_wrap > ul:after {content:" ";display:block;clear:both;overflow:hidden;}
/*»ó´ÜÇÏºÎ¸Þ´º*/
#header .snb{  display:block; height:180px; margin-top:10px;}
#header .snb li{margin-bottom:8px; text-align:center; }
#header .snb li a{font-size:13px;color:#484848; letter-spacing:-0.02em;   }
#header .snb li a:hover{color:#111E68;}
#header p.snb_bg{position:absolute;top:0px;left:0;width:100%;overflow:hidden;display:none;background:#fff url(../../img/bg_w.png) repeat;  z-index:10;}
/* »ó´Ü top_btn */ 
.top_btn { position:absolute; right:0; top:0; z-index:100000000000000000000000000000000;}
.top_btn ul {text-align:center; padding:8px 20px 0 0;}
.top_btn ul li {display:inline; padding:0 8px; }
.top_btn ul li a{display:inline; font-size:11px; color:#8E8E8E; font-weight:bold; z-index:100; }
.top_btn ul li a:hover {color:#111E68;}
.d_btn_menu {display:none;}
.d_btn_menu ul#navi {display:none; z-index:20; position: absolute; top:0; left:0; width:200px; height:2000px; text-align:left; background:#1E1E1E; text-indent: 6px; border-top:0px solid #617ffb; }

/* ¹öÆ° ½ºÅ¸ÀÏ Ãß°¡ */
.business-btn {display:block; background:#263f7d; color:#fff !important; width:160px; margin:0 auto; margin-top:20px; border:1px solid #666; padding:8px 0; text-align:center; font-size:14px; }
.business-btn:hover {background:#666; color:#FFF !important;}


@media screen and (max-width:1000px){
ul#navi > li { clear:both; width:100%; border-bottom:1px solid #333;   font-size:15px;   display:block;}
ul#navi > li > div.h2pc > a h2  { display:none; }
ul#navi li h2 {  padding:15px 10px;cursor:pointer; display:block;}
ul#navi li > div.h2mo > a h2  {  color:#E6E6E6;}
ul#navi li:hover ul.snb{ display:block; }
ul#navi li ul.snb { display:none; background:#F7E435; }
ul#navi li ul.snb li { float:left;  text-align:left; width:100%; height:40px; line-height:40px; background:#28BDFB; cursor:pointer; border-bottom:1px solid #222; font-size:12px; letter-spacing:0em; }
ul#navi li ul.snb li:last-child:after { content:" "; background:#151515; }
ul#navi li ul.snb li a { width: 100%; height:100%; text-decoration:none; padding-left:10px;  color:#fff;}
ul#navi li ul.snb li a:hover {color:#fff;}

#header .header{  padding-top:4px;}
#header .snb{ margin-top:0;  height:auto;}
#header .snb li{margin-bottom:0; } 
#header{   position: relative;  height:60px;  width:100%; text-align:center; background:#fff; }
#header h1{text-align:center; width:100%;} 
#header h1 img{ width:150px; padding-top:0px; }
#header .gnb_wrap{ display:none;} 
.d_btn_menu{ display:block; z-index:2000000; position: absolute; top:0; left:0; width:50px; height:50px; }
.d_btn_menu a.d_link_menu{ display:inline-block; *display:inline; *zoom:1; width:24px; height: 21px; padding:14px 0 0 10px; }
.d_menu_close{ display:inline-block; *display:inline; *zoom:100000000000; margin-right:5px; width:24px; height: 21px; padding:14px 0 0 10px;   height:36px;}
/* »ó´Ü top_btn */ 
.top_btn ul { padding:8px 5px 0 0;}
.top_btn ul li { padding:0 5px; }
.top_btn ul li.home {display:none;}
}
 
/*****************3.ÇÏ´Ü(Ç²ÅÍ)¿µ¿ª*******************/
#footer_m {position:relative; width:100%; background:#686868; margin:0 auto ;padding:20px 0 30px 0;}
#footer_con {position:relative; max-width:1250px;margin:0 auto;}
#footer_m .ftop {position:absolute; right:20px; top:20px;}
#footer_m p {color:#fff; padding-top:11px;text-align:center;   }
.f_menu_text { margin:0 auto;  }
.f_menu_text span {padding:0 5px;  color:#fff;} 
#footer_m { margin:0 auto;}
@media screen and (max-width:767px) {
.f_menu_text span {padding:0; display:block; font-size:11px;}
}
 
/****************4.¼­ºê»ó´Ü ÇÏÀ§¸Þ´º/Å¸ÀÌÆ²/¼­ºêÄÁÅÙÃ÷ ·¹ÀÌ¾Æ¿ô*******************/
#container {width:100%;    }
#container .sub_imgmenu {position:relative; }
#container .sub_img1 {background:#EAEEF1 url('../../img/sub_img1.jpg') center top no-repeat; width:100%; }
#container .sub_img2 {background:#EAEEF1 url('../../img/sub_img2.jpg') center top no-repeat; width:100%;}
#container .sub_img3 {background:#EAEEF1 url('../../img/sub_img3.jpg') center top no-repeat; width:100%;}
#container .sub_img4 {background:#EAEEF1 url('../../img/sub_img4.jpg') center top no-repeat; width:100%;}
#container .sub_img5 {background:#EAEEF1 url('../../img/sub_img5.jpg') center top no-repeat; width:100%;}
#container .sub_img6 {background:#EAEEF1 url('../../img/sub_img6.jpg') center top no-repeat; width:100%;}
#container .sub_img7 {background:#EAEEF1 url('../../img/sub_img7.jpg') center top no-repeat; width:100%;}
#container .sub_img8 {background:#EAEEF1 url('../../img/sub_img5.jpg') center top no-repeat; width:100%;}

#container h2 {width:100%; padding:160px 0 70px 0; text-align:center; color:#fff; font-size:35px; letter-spacing:-0.05em; font-weight:400;  line-height:100%; font-family:'Nanum Square';}
 
/*** ÇÏÀ§¸Þ´º***/
ul.ssubmenu {  background:url('../../img/line_t.png') center top repeat-x;   text-align:center;  }
ul.ssubmenu li {display:inline;}
ul.ssubmenu li a {display:inline-block;  padding:12px;   font-size:14px;  color:#fff;  font-weight:600; }
ul.ssubmenu li a:hover,ul.ssubmenu li  a.on_box,
ul.ssubmenu#lefton a { display:inline-block;  color:#28BDFB;}
/*** ¼­ºêÅ¸ÀÌÆ² °æ·Î***/
#container header {position:absolute; top:205px; z-index:10000000; width:320px; right:50%; margin:0 -160px 0 0; text-align:center;}
#container header nav ul:after {content:"";display:block;clear:both;}
#container header nav ul li {font-size:11px; display:inline; color:#fff; padding-left:5px; line-height:20px; letter-spacing:0.01em;} 
#container header nav ul li.home a {background:url('../../img/home.gif') left 1px no-repeat; width:41px; padding-left:18px; height:15px; }
#container header nav ul li a {color:#fff;}
/* ¼­ºêÄÁÅÙÃ÷ ·¹ÀÌ¾Æ¿ô */
#container .sub_content{margin:0 auto; width:90%; max-width:1400px; background:#fff; }
#container .sub_content:after {display:block; clear:both; content:" ";}
#container .contArea {margin:50px auto 0 auto; min-height:400px; padding:0 0 50px 0; background:#fff; }
#container .contArea p,#container .contArea dd { font-size:15px;  padding:0 0 8px 0 ; word-wrap: break-word; word-break:keep-all;  text-align:left;}
@media screen and (max-width:1500px) {
#container .sub_content {margin:0 50px;}
}
@media screen and (max-width:1200px) {
#container .contArea p,#container .contArea dd { font-size:13px; line-height:160%;  }
}
@media screen and (max-width:767px) {
 #container { margin-top:0px;}
#container header {display:none;}
#container .sub_content {margin:0; width:100%;}
#container h2 { font-size:41px;  padding: 70px 0; }
#container .contArea {margin:10px 10px 0 10px; background:#fff; min-height:280px; }
#container .contArea p,#container .contArea dd { font-size:12px; line-height:160%;  }
}

/*****************5.¼­ºêÄÁÅÙÃ÷ ¿µ¿ª*******************/
/***¹öÆ°***/
ul.btn_list { text-align:left;}
ul.btn_list li {display:inline; padding:0 2px; }
.btn1,.btn2,.btn3 {text-align:center; }
.btn1 a, .btn2 a { width:85px; display:inline-block; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; }
.btn1 a { background:#3EDAB1;}
.btn2 a { background:#AAAAAA; }
.btn1 a:hover,.btn1 a.current,.btn2 a:hover,.btn2 a.current{background:#4A4A4A; color:#fff;}
.btn_s10 a {padding:10px 0;}
.btn_s20 a {padding:20px 0;}
.btn3 a { width:120px; display:inline-block; background:#1B1B1B; color:#fff; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; }
.btn3 a:hover,.btn3 a.current {background:#1468dc;}
.btn4 {float:left;}
.btn4 a { width:120px; display:inline-block; background:#3EDAB1; color:#fff; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; }
.btn4 a:hover,.btn3 a.current {background:#1B1B1B;}

/* Å¸ÀÌÆ² */
.con_style {  margin:0 auto ; max-width:1100px;}
.tit_01 {font-size:29px; color:#000;   padding:0 0 10px 0; font-weight:400;}
.tit_02 {font-size:21px; color:#3B3B3B; line-height:120%; padding:27px 0 10px 22px; background:url(../../img/h_dot1.gif) no-repeat 0 25px;}
.tit_03 {font-size:15px; color:#28BDFB; line-height:120%; padding:10px 0 10px 22px; background:url(../../img/dot_1.png) no-repeat 12px 13px;}
.tit_04 {font-size:15px; color:#fff; line-height:120%; margin:50px 0 5px 0; padding:12px 0 7px 0; background:#28BDFB; text-align:center;}
.tit_05 {font-size:17px; color:#28BDFB;   padding-top:7px; }
.tit_05 span {font-size:17px; color:#fff;line-height:100%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  margin-right:4px;  padding:7px 7px 0 7px;  background:#4E4E4E; display:inline-block;}
/* ¿À½Ã´Â±æ */
.list_img ul {margin:0 auto ; max-width:1100px; }
.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:bold; height:20px;}
.con_style_basic { padding:40px 30px; text-align:left; margin:0 auto; max-width:1400px;}
.con_style_basic h3 {font-size:31px;line-height:140%; padding-bottom:20px; font-weight:900; letter-spacing:-1px; color:#626262; }
.con_style_basic h3 span {display:block; font-size:13px; letter-spacing:-0.03px;}
/* ÀÎ»ç¸» Ã¹¹øÂ° ´Ü¶ô */
.con_style1{ padding:40px 30px; text-align:center; margin:0 auto; max-width:700px;}
.con_style1 h3 {font-size:37px; line-height:130%; padding-bottom:20px; font-weight:400; letter-spacing:-1px; color:#000; }
.con_style1 h3 span {font-size:35px;  color:#1468dc ;  font-weight:700;}
.sign {text-align:right; color:#000; font-size:12px; }

/* ÀÎ»ç¸» µÎ¹øÂ° ´Ü¶ô */
.con_style2{ text-align:center; padding:50px 70px;}
.con_style2 h3 {font-size:41px; text-shadow:1px 1px 3px #000; line-height:130%; padding-bottom:30px; font-weight:900; letter-spacing:-1px; color:#fff; }
.con_style2 h3 span {display:block; text-shadow:1px 1px 3px #000; font-weight:600; font-size:15px;line-height:130%; font-weight:900; color:#28BDFB; letter-spacing:-0.03px;}
.con_style2 p {color:#D8D8D8; text-shadow:1px 1px 2px #000; font-weight:600; }
 /* ÀÎ»ç¸» -¿¬Çõ */
.con_style6{ padding:40px 30px; text-align:center; margin:0 auto; max-width:1200px;}
.con_style6 h3 {font-size:41px; font-family: 'Anton', sans-serif; line-height:130%; padding-bottom:20px; font-weight:900; color:#626262; }
.con_style6 h3 span {display:block; font-size:13px; }
.con_style6 dl {background:#eee; margin-bottom:10px;}
.con_style6 dl dt {background:#4D4D4D; color:#fff; float:left; font-size:31px;font-family: 'Anton', sans-serif; padding:30px 0 30px 0;line-height:100%;width:22%;text-align:center;}
.con_style6 dl dt.frist_dt {background:#28BDFB;}
.con_style6 dl dt span {display:block;font-size:18px;color:#666;text-align:right;margin-right:15px;}
.con_style6 dl dd {float:left; margin:20px 0 0px 20px;}
.con_style6 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;}
.con_style6 dl dd ul li span {display:block;padding-left:10px;}

.ceo { margin:0 auto;text-align:center;}


/* »ç¾÷ºÐ¾ß1 */
.con_style3 { padding:0 30px 40px 30px; margin:0 auto; max-width:1400px;}
.con_style3 h3 {font-size:23px; letter-spacing:-0.02em; line-height:60px; background:#eee; border-bottom:2px solid #BDBDBD; border-bottom:1px solid #BDBDBD; color:#323232;  margin-bottom:30px;}
.con_style3 h3 span { border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; line-height:45px; background:#1468dc; color:#212121; padding:0 10px; font-size:25px; 
font-family: 'Anton', sans-serif;  margin-right:8px; color:#fff;}
.con_style3 dl {padding:0 30px 30px 30px; }
.con_style3 dl:last-child {background: none; padding-bottom:0px;}
.con_style3 dl dt {width:35.19%;float:left;}
.con_style3 dl dd {width:60.12%;float:right; }
.con_style3 dl dd h4 {font-size:39px;  font-family: 'Anton', sans-serif; line-height:120%;   margin:10px 0 20px 0;}
.con_style3 dl dd h4 span { display:block;font-size:21px;margin-top:4px; }
/* »ç¾÷ºÐ¾ß2 - Ã¹¹øÂ°,¼¼¹øÂ° ´Ü¶ô */
.con_style4 {background:#F2F2F2;}
.con_style4 dl dt {width:40%; float:left;}
.con_style4 dl dt img {width:100%;}
.con_style4 dl dd {width:57%; float:right;}
.con_style4 dl dd h3 {font-size:29px; line-height:100%;color:#202020;margin:40px 0 25px 0; }
.con_style4 dl dd h3 strong {font-size:25px;line-height:100%;color:#3EDAB1; font-weight:900;}
.con_style4 dl dd h3 span {font-size:14px;line-height:100%; }
.con_style4 dl dd p.d_t01 { line-height:130%;font-size:14px; margin:0 0 10px 0;}
.con_style4 dl dd p.d_t02 { font-size:12px;margin:0 0 30px 0;font-weight:600;}
/* »ç¾÷ºÐ¾ß2 - µÎ¹øÂ°,³×¹øÂ° ´Ü¶ô */
.con_style5{ text-align:left;}
.con_style5 h3 {font-size:29px;line-height:130%; padding-bottom:25px; letter-spacing:-1px; color:#fff; }
.con_style5 h3 span {display:block; font-size:13px;line-height:130%; color:#fff; letter-spacing:-0.03px;}
.con_style5 p {color:#fff; }
.business2_2 {background:#212121 url('../../img/business3-2.jpg') right top no-repeat; padding:40px;}
.business2_4 {background:#212121 url('../../img/business2_4.jpg') right top no-repeat; padding:40px;}
 
/***Å×ÀÌºí***/
.table_01{ font-size:13px;  border-bottom:2px solid #28BDFB;   margin:30px auto ;  max-width:1000px; }
.table_01 th{ padding:10px 5px 5px 5px;  border-bottom:solid 1px #C9C9C9; border-right:solid 1px #C9C9C9; background:#28BDFB; color:#fff;   }
.table_01 th.fir{border-left:solid 1px #C9C9C9; }
.red {color:#EE0000; font-weight:bold;}
.table_01 td{  padding:5px; border-right:solid 1px #C9C9C9; font-size:13px; border-bottom:solid 1px #C9C9C9; text-align:center; color:#000; }
.table_01 td.fir{ font-weight:900; border-left:solid 1px #C9C9C9; background:#E8EDF3;font-weight:bold;    }
.table_01 td.point_bg{background:#FCEFE0;}
.table_01 td.tc{text-align:center;}
.table_01 caption {font-size:0; line-height:0;}
/*°Ô½ÃÆÇ»ó´Ü*/ 
.board_top p span { font-size:15px; line-height:100%; padding:0; margin:0; color:#3A3939;}
.board_top h4 {font-size:16px; color:#000; padding:10px 0; text-align:center;}
.board_top h4 span {font-size:16px; color:#1468dc;}
.bimg_news { background:#fff;}
.bimg_qna { background:url(../../img/btop_qna.jpg) no-repeat 0 0; padding:0 0 30px 200px;}
.bimg_form { background:#fff;}
@media screen and (max-width:767px) {
.board_top p span {line-height:10px; font-size:11px;text-align:center; }
.board_top h4 {padding-bottom:0;}
.bimg_news,.bimg_qna,.bimg_form { background:none; padding:0 0 5px 0;}
}
@media screen and (max-width:767px) {
.tit_01 {font-size:23px; letter-spacing:-0.03em;}
.tit_02 {font-size:17px;}
.tit_03 {font-size:15px;}
.tit_04 {font-size:15px;}
.tit_05 {font-size:15px;}
.tit_05 span{font-size:13px; padding:3px 7px; }
.point_1 {font-size:17px;   }
.point_2 {font-size:15px;}
/************ÀÎ»ç¸»*************/
.sign img {width:40px; }
/************Á¦Ç°¼Ò°³ºÎºÐ*************/
.tabmenu ul li a {  width:auto;  min-width:70px; padding:9px 3px 5px 3px;   font-size:11px;  }
.pro_txt { font-size:11px; width:96%; padding:2%;}
.product ul {max-width:295px;}
.product ul li {padding:0px; max-width:95px;}
.product ul li img {width:88px; margin-bottom:5px; }
/************Á¶Á÷µµ*************/
.organization {padding:30px 10px;}
.organization  img {width:100%;}
/************ÁÖ¿ä°í°´»ç*************/
.pa_logo {max-width:285px; margin:0 auto;}
.pa_logo ul li {  padding:10px;}
.pa_logo ul li img {width:120px; }
.pa_logo ul li p span {font-size:11px;}
/************Ä«Å¸·Î±×*************/
.catalog {max-width:300px;} 
.catalog ul li {  width:48%; vertical-align:top; margin-bottom:20px;text-align:center;}
.catalog ul li p span {font-size:15px;  }
 
.con_style, .con_style_basic, .con_style3 {padding:10px;}
nav.tab {margin-bottom:20px;}
nav.tab ul.tab01 li {width:32%; }
nav.tab ul li a {min-width:0;}
.con_style {padding:20px 10px;}
.con_style1{ padding:30px 10px; }
.con_style1 h3,.con_style1 h3 span,.con_style2 h3,.con_style6 h3,.con_style5 h3 {font-size:27px; }
.con_style2{ padding:30px;}
/* »ç¾÷ºÐ¾ß1 */
.con_style3 dl {padding:0; }
.con_style3 h3 {font-size:19px; }
.con_style3 dl dt, .con_style3 dl dd {width:100%;float:none; display:block; } 
.con_style3 dl dd h4 {font-size:30px; margin-top:15px; }
.con_style3 dl dd h4 span { font-size:17px; line-height:120%;}
/* »ç¾÷ºÐ¾ß2 - Ã¹¹øÂ°,¼¼¹øÂ° ´Ü¶ô */
.con_style4 dl dt {width:100%; float:none; display:block;}
.con_style4 dl dd{width:90%; float:none; margin:0 auto; display:block;}
.con_style4 dl dd h3 {font-size:21px;}
.con_style4 dl dd p.d_t02 { margin:0 0 10px 0; }
/* »ç¾÷ºÐ¾ß2 - µÎ¹øÂ°,³×¹øÂ° ´Ü¶ô */
.con_style5 h3 {font-size:21px;line-height:100%; padding-bottom:10px;}
.con_style5 h3 span {display:block; font-size:13px;line-height:100%;   }
.business2_2,.business2_4 {background-position:center top; background-size:1000px; padding:30px;}
 
.con_style6{ padding:30px 10px; text-align:center;}
.con_style6 dl {background:#eee; margin-bottom:10px;}
.con_style6 dl dt {background:#4D4D4D; float:none; display:block; font-size:20px; padding:20px 0 ; width:100%;text-align:center;}
.con_style6 dl dt span {display:block;font-size:18px; text-align:right;margin-right:15px;}
.con_style6 dl dd {float:none; display:block; margin:20px 0 0px 20px; text-align:left;}
 
/***Å×ÀÌºí***/
.table_01{ font-size:11px; line-height:120%; }
.table_01 th{line-height:120%;}
.table_01 td{   font-size:11px;  }
}