/* ·¹À̾ƿô ¸®½ºÆ® 
1.ÆùÆ®
2.»ó´Ü(Çì´õ)¸Þ´º
3.ÇÏ´Ü(DzÅÍ)¿µ¿ª
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); 
 
 
/* 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:160%; 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;}
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; width:100%; z-index:1000000;  min-width:320px;  }
#header h1 {  width:100%; z-index:10000;  height:80px;  background:url(../../img/line_t2.png)  repeat-x 0 bottom; text-align:center; }
#header h1  img {width:200px; padding-top:11px;}

#header .header{position:relative;  margin:0 auto; z-index:10000;   }
/*»ó´Ü´ë¸Þ´º*/
#header .gnb_wrap{overflow:hidden; margin:0 auto; max-width:1000px;  text-align:center; }
#header .gnb_wrap > ul > li{display:inline-block; padding:0 30px;   vertical-align:top;}
#header .gnb_wrap > ul > li > div.h2pc > a h2  {display:inline-block; height:40px; overflow:hidden; color:#fff; font-family: 'Anton', sans-serif;  line-height:40px; font-size:15px; font-weight:200;}
#header .gnb_wrap > ul > li > div.h2mo > a h2 {display:none;}
#header .gnb_wrap > ul > li > div.h2pc > a:hover h2,
#header .gnb_wrap > ul > li > div.h2pc > a.on_box_gnb h2 {display:inline-block; height:40px;line-height:40px; color:#C29964;}
#header .gnb_wrap > ul:after {content:" ";display:block;clear:both;overflow:hidden;}
/*»ó´ÜÇϺθ޴º*/
#header .snb{  display:block; height:240px; margin-top:10px; }
#header .snb li{margin-top:8px; text-align:center; }
#header .snb li a{font-size:12px;color:#fff; letter-spacing:-0.02em;   }
#header .snb li a:hover{color:#C29964;}
#header p.snb_bg{position:absolute;top:0px;left:0;width:100%;overflow:hidden;display:none; background:url(../../img/bg_000.png)  repeat;  z-index:10;}
/* »ó´Ü top_btn */ 
.top_btn { position:absolute; right:80px; top:0; z-index:1000000000; width:80px; height:80px; background:url(../../img/line_t2.png)  repeat-y left 0; }
.top_btn ul {text-align:center;   }
.top_btn ul li {display: block; padding:0; width:80px; height:26px; line-height:26px; background:url(../../img/line_t2.png)  repeat-x 0 bottom;  }
.top_btn ul li:last-child {background-image:none; }
.top_btn ul li a{display:block; font-size:11px; color:#eee;   z-index:100; }
.top_btn ul li a:hover {color:#C29964;}


/* »ó´Ü top_btn */ 
.top_shop { position:absolute; display:block; width:79px; height:79px; right:0px; top:0; z-index:1000000000;  }
.top_shop a{background:#C29964; display:block; width:79px; height:79px;}
.top_shop a:hover {background:#000; }


.d_btn_menu {display:none; z-index:1000000; }
.d_btn_menu ul#navi {display:none; position: absolute; top:0; left:0; width:200px; height:2000px; text-align:left; background:#1E1E1E; text-indent: 6px; border-top:0px solid #617ffb; }

@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; margin-top:0px; line-height:40px; background:#C29964; 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;}
#header .snb li a:hover{color:#fff;}
#header .snb{ margin-top:0;  height:auto;}
#header .snb li{margin-bottom:0; } 
#header{    width:100%; text-align:center;   }
#header h1{text-align:center; width:100%;} 
#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;}
 
}




@media screen and (max-width:767px){
#header h1 {  height:60px;   }
#header h1  img {width:100px; padding-top:15px;}


/* »ó´Ü top_btn */ 
.top_btn { right:60px;z-index:1000000000; width:50px; height:60px;   }
.top_btn ul li {width:50px; height:19px; line-height:19px;   }
 

/* »ó´Ü top_btn */ 
.top_shop {  width:59px; height:59px;    }
.top_shop a{  width:59px; height:59px;}
.top_shop a img {width:width:100%;}
}


 



 .wline1-bg {animation: wline1-bg 4s linear infinite; -moz-animation: wline-bg1 2s linear infinite; -webkit-animation: wline1-bg 2s linear infinite; -o-animation: wline1-bg 2s linear infinite;}
@keyframes wline1-bg
{
0% { background-position: -1000px 0, 0 0;}
100% { background-position: 2000px 0, 0 0;}
}
@-moz-keyframes wline1-bg
{
0% { background-position: -1000px 0, 0 0;}
100% { background-position: 2000px 0, 0 0;}
} 
@-webkit-keyframes wline1-bg
{
0% { background-position: -1000px 0, 0 0;}
100% { background-position: 2000px 0, 0 0;}
} 
@-o-keyframes wline1-bg
{
0% { background-position: -1000px 0, 0 0;}
100% { background-position: 2000px 0, 0 0;}
} 
 .wline2-bg {animation: wline2-bg 4s linear infinite; -moz-animation: wline2-bg 2s linear infinite; -webkit-animation: wline2-bg 2s linear infinite; -o-animation: wline2-bg 2s linear infinite;}
@keyframes wline2-bg
{
0% { background-position: 2000px 0, 0 0;}
100% { background-position:-1000px 0, 0 0;}
}
@-moz-keyframes wline2-bg
{
0% { background-position: 2000px 0, 0 0;}
100% { background-position:-1000px 0, 0 0;}
} 
@-webkit-keyframes wline2-bg
{
0% { background-position: 2000px 0, 0 0;}
100% { background-position:-1000px 0, 0 0;}
} 
@-o-keyframes wline2-bg
{
0% { background-position: 2000px 0, 0 0;}
100% { background-position:-1000px 0, 0 0;}
} 


.line {position:absolute; height:1px; width:100%; z-index:1000000000000000;background:url(../../img/line.png) no-repeat;  left:0px; }
.line1 {top:79px;}
.line2 {top:119px;}
.line4 {position:absolute; height:1px; width:100%; z-index:1000000000000000;background:url(../../img/line_t2.png)  repeat-x;  left:0px; }

 
@media screen and (max-width:1000px) {
.line4 {display:none; }
 .wline2-bg  {display:none; }
}

@media screen and (max-width:767px) {
.line1 {display:none;}
}




/*****************3.ÇÏ´Ü(DzÅÍ)¿µ¿ª*******************/
#footer_m {position:relative; width:100%; background:#3D362D; 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; font-size:12px;}
.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;}
}
 
 /****************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 h2 {width:100%; padding:170px 0 70px 0; text-align:center; color:#C29964; font-size:51px;  font-weight:200; font-family: 'Anton', sans-serif;    text-shadow:1px 1px 5px rgba(0,0,0,0.5); line-height:100%;}
 
/*** ÇÏÀ§¸Þ´º***/
ul.ssubmenu {  background:url('../../img/bg_0002.png') center top repeat;   text-align:center;  }
ul.ssubmenu li {display:inline;}
ul.ssubmenu li a {display:inline-block;  padding:12px;   font-size:13px;  color:#fff;  font-weight:600; }
ul.ssubmenu li a:hover,ul.ssubmenu li  a.on_box,
ul.ssubmenu#lefton a { display:inline-block;  color:#C29964;}





/*** ¼­ºêŸÀÌƲ °æ·Î***/
#container header {position:absolute; top:220px; z-index:10000; 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:28px; 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%;   background:#fff; }
#container .sub_content:after {display:block; clear:both; content:" ";}
#container .contArea {margin:50px auto 0 auto; min-height:500px; 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;}
@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:120px 0 50px 0; }
#container .contArea {margin:10px 10px 0 10px; background:#fff;}
#container .contArea p,#container .contArea dd { font-size:12px; line-height:160%;  }
}






/*****************5.¼­ºêÄÁÅÙÃ÷ ¿µ¿ª*******************/
/***¹öÆ°***/
ul.btn_list { margin:0 auto; text-align:center;}
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:#C29964;}
.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:#C29964;}
.btn4 {float:left;}
.btn4 a { width:120px; display:inline-block; background:#C29964; 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;}
.con_title1{font-size:21px; color:#3B3B3B; line-height:120%; padding:27px 0 20px 24px; background:url(../../img/h_dot1.gif) no-repeat 0 30px ;}
/* ¿À½Ã´Â±æ */
.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;}
.list_img dl dd ul li {width:100%; padding-top:0;margin-bottom:0;background-image:none;}
.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 0; text-align:center; margin:0 auto;  }
.con_style1 h3 {font-size:33px;line-height:140%; padding-bottom:20px;  letter-spacing:-1px; color:#626262; }
.con_style1 h3 span {display:block; font-size:15px; letter-spacing:-0.03px;}
/* Àλ縻 µÎ¹ø° ´Ü¶ô */
.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:#C29964; 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:#C29964;}
.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;}
/* »ç¾÷ºÐ¾ß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:#C29964; 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:55%; 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:#C29964; 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/business2_2.jpg') right top no-repeat; padding:40px;}
.business2_4 {background:#212121 url('../../img/business2_4.jpg') right top no-repeat; padding:40px;}
@media screen and (max-width:1200px) {
.con_style {padding:20px 30px;}
.con_style3 h3 {font-size:20px; line-height:30px; margin-bottom:15px;}
.con_style3 h3 span { line-height:30px; font-size:20px; }
.con_style3 dl {padding:0 10px 20px 10px; }
.con_style3 dl dd h4 {font-size:30px; margin-bottom:10px;}
.con_style3 dl dd h4 span { font-size:18px; ;}
.con_style4 dl dd h3 {font-size:20px; margin:20px 0 10px 0; }
.con_style4 dl dd h3 strong {font-size:20px; }
.con_style4 dl dd h3 span {font-size:12px; }
.con_style4 dl dd p.d_t01 { margin:0;} 
.con_style4 dl dd p.d_t02 { margin:0 0 10px 0; }
.con_style5 h3 {font-size:20px; padding-bottom:20px; }
}
/*°Ô½ÃÆÇ»ó´Ü*/ 
.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; }
.board_top h4 span {font-size:16px; color:#C29964;}
.bimg_news { background:url(../../img/btop_news.jpg) no-repeat 0 0; padding:0 0 30px 200px;}
.bimg_qna { background:url(../../img/btop_qna.jpg) no-repeat 0 0; padding:0 0 30px 200px;}
.bimg_form { background:url(../../img/btop_form.jpg) no-repeat 0 0; padding:0 0 30px 200px;}
@media screen and (max-width:767px) {
.board_top p span {line-height:10px; font-size:11px; }
.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) {
.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_style2 h3,.con_style6 h3,.con_style5 h3 {font-size:21px; }
.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:21px; 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;}
}



.txt {font-size:12px; color:#7E7E7E; padding-top:7px;}
.p20 {padding:40px 10px 5px 10px;}
.tm_100 {margin-top:150px;}
.tm_10 {margin-top:10px;}
.tm_20 {margin-top:20px;}
.tm_30 {margin-top:30px;}
.con_img1 {width:100%; max-width:1200px; margin:0 auto; }
.con_img2{width:100%; max-width:1200px; margin:0 auto; }
.con_img3 {width:100%; max-width:800px; margin:0 auto; }
.con_img2 dt{width:70%;}
.con_img3 dt {width:60%;}
.con_img2 dt img,.con_img3 dt img { width:100%;}
.con_img2 dd{width:26%;  }
.con_img3 dd {width:36%;  }

.con_img2 dt  {float:left;}
.con_img2 dd  {float:right; text-align:left;}

.con_img3 dt  {float:right;}
.con_img3 dd  {float:left; text-align:right;}


.con_img2:after {content:"";display:block;clear:both;}
.con_img3:after {content:"";display:block;clear:both;}

 
.con_img1 ul:after {content:"";display:block;clear:both;}
.con_img1 ul li {width:50%; float:left; padding:0;}
.size2 {max-width:700px; margin:0 auto;}
.size2 ul li {width:44%; float:left; padding:3% 3% 0 3%;}
.size3 {max-width:1000px; margin:0 auto;}
.size3 ul li {width:46%; float:left; padding:2% 2% 0 2%;}

.three ul li {width:33.333%; float:left;}
.three ul li.tm_40 {margin-top:40px;}
.three ul li.tm_80 {margin-top:80px;}
.con_img1 ul li img {width:100%;}


/* °¡À̵å */

.guide {max-width:700px; margin:0 auto;}
.guide li {border-bottom:1px solid #eee; padding:10px 0  20px 0; margin:10px 0 20px 0; display:block;}
.guide li dl:after {content:" ";display:block;clear:both;overflow:hidden;}
.guide li dl dt {float:left; width:13%; margin:0 0 0 1%;}
.guide li dl dd {float:left; width:85%;margin:8px 0 0 1%; text-align:left;}
.guide li dl dd span {color:#C29964; font-size:15px;}
.guide li dl dd ul li {border:none; padding:0 0 5px 8px; margin:0;   background:url('../../img/dot_1.gif') 0 4px no-repeat;}
.guide li dl dd ul li span {font-size:13px; color:#E80000;}


@media screen and (max-width:700px){
.guide li  {padding:5px 0  10px 0; margin:5px 0 10px 0;}
.guide li dl dt { margin:4px 0 0 0; width:16%; }
.guide li dl dt img {width:40px;}
.guide li dl dd { width:82%; margin:8px 0 0 2%; text-align:left;}
.guide li dl dd span {  font-size:11px; }
.guide li dl dd ul li {font-size:11px; padding:0 0 0 5px; background-position:0 3px;}
.guide li dl dd ul li span {font-size:11px;}
}




/* °¡À̵å 2*/

.guide2 {max-width:700px; margin:0 auto; text-align:left;}
.guide2 h4 {color:#C29964; background:url('../../img/line2.gif') 0 18px no-repeat; font-size:25px;  font-weight:400;  padding:0 0 10px 42px;}
.guide2 h4 span {color:#000; font-weight:400; font-size:17px; padding:12px 0 0 5px;}
.guide2 li {border-bottom:1px solid #eee; padding:10px 0  20px 0; margin:10px 0 20px 0; display:block;}
.guide2 li dl {padding:0 0 0 42px;}
.guide2 li dl:after {content:" ";display:block;clear:both;overflow:hidden;}
.guide2 li dl dt {float:left; color:#A4A4A4; font-size:15px; background:url('../../img/arrow_2.gif') 100px 0 no-repeat; width:17%; margin:33px 0 0 0;}
.guide2 li dl dd {float:left; width:82%;margin:8px 0 0 0; text-align:left;}
.guide2 li dl dd span {color:#C29964; font-size:15px;}
.guide2 li  ul {padding-left:42px;}
.guide2 li  ul li {border:none; padding:0 0 5px 8px; margin:0; background:url('../../img/dot_1.gif') 0 4px no-repeat;}
.guide2 li  ul li span {font-size:13px; color:#E80000;}


@media screen and (max-width:700px){
.guide2 h4 {font-size:19px;padding:0 0 10px 0; background:none;}
.guide2 h4 span { font-size:15px; display:block;padding:0;}
.guide2 li { padding:10px 0  20px 0; margin:10px 0 20px 0;}
.guide2 li dl {padding:0 0 0 0;}
.guide2 li dl dt {float:none;  font-size:13px;   width:100%; margin:0;}
.guide2 li dl dd {float:none; width:100%;margin:8px 0 0 0; text-align:left;}
.guide2 li dl dd span {font-size:13px;}
.guide2 li  ul {padding-left:0;}
.guide2 li  ul li {font-size:11px; border:none; padding:0 0 5px 8px;}
.guide2 li  ul li span {font-size:11px;}
.logo1 img {width:200px;}
}