@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@import url(font-awesome.min.css)*/;
/* Common */
* {margin:0;  padding:0; }
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-family: 'Nanum Gothic', sans-serif; font-size:12px}
img,fieldset{border:0}
img {vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
hr {display:none}
.blind {display:block; position:absolute; left:0; top:-9999em; overflow:hidden}
.skip a {display:block; position:absolute; left:0; top:-9999em; z-index:9999; overflow:hidden; width:100%; background-color:#000; color:#eee; font:1.2em tahoma,dotum,sans-serif;text-align:center; line-height:2.4}
.skip a:hover,.skip a:active,.skip a:focus {top:0}
.clearfix {*zoom:1}
.clearfix:after {content:''; display:block; clear:both}
button {cursor:pointer}


/*Layout*/
.wrap {position:relative; width:100%;}
#header {position:relative}
#container {position:relative}
.vid {position:relative; top:50px; left:0; width:100%; height:auto; opacity:0.9; z-index:5}
.vid video {width:100%}
#footer2 {min-width:1170px; border-top:1px solid rgba(0,0,0,.2); text-align:center}



.navbar-brand img{margin-top:-7px}
.dropdown-toggle.v1, .gnb_menu {color:#000; font-weight:bold}
.navbar{margin-bottom:0}


.bg_header {position:relative; margin:0 auto; z-index:100}
.bg_fix {position:fixed; width:100%; height:50px; border-bottom:1px solid rgba(0,0,0,.2);background-color:#fff}
.logo {position:fixed; top:-17px; left:40px; margin-left:10px; z-index:20}
.top_bar {display:none}
.top_shop {display:none}
.gnb {position:fixed; top:15px; right:40px; font-weight:bold; z-index:20}
.gnb ul{content:''; display:block; clear:both}
.gnb ul:after {*zoom:1}
.gnb ul li {display:block; float:left; width:140px}
.gnb ul li a {color:#000; padding:16px 15px; font-size:15px; text-decoration:none}
.gnb ul li.on a {color:#1499ff}
.gnb ul li span {padding:0 8px; color:#bababa}
.gnb li ul {}
.gnb ul li .bg_snb {position:fixed; left:0; top:50px; content:''; display:block; clear:both; width:100%; height:45px; border-bottom:1px solid rgba(0,0,0,.2); background:#f4f4f5}
.gnb .bg_snb:after {*zoom:1}
.gnb .snb {position:fixed; right:-272px; width:1170px; font-weight:normal}
.gnb .snb.v1 {right:-500px}
.gnb .bg_snb ul li {float:left; margin-top:12px; width:auto}
.gnb .bg_snb ul li a {margin:0 3px; padding:16px 0;color:rgba(0,0,0,.4); font-size:14px; text-decoration:none; font-weight:bold}
.gnb .bg_snb ul li.on a {color:#000; font-weight:bold}
.gnb .bg_snb ul li span {margin:0; color:#cac8c8}
.m_sub {display:none}


.bg_spot .spot {width:1170px; height:600px; margin:0 auto;}
.bg_txt {position:absolute; width:100%; height:100px; margin-top:690px; background-color:rgba(0,0,0,0.6)}
.bg_spot .spot p {position:relative; top:690px; color:#fff; font-size:28px; text-align:center;}
.bg_spot .spot p.s {padding-top:15pX; color:#fec20b; font-size:15px; font-weight:normal}

/*header*/
.bg_section_abt {min-width:1170px}
.section_abt {*zoom:1; width:1170px; margin:150px auto 100px}
.section_abt:after {content:''; display:block; clear:both}
.section_abt .sec {width:50%; float:left} 
.section_abt .sec img {width:100%; height:auto}
.section_abt h2 {color:#fec20b; font-size:55px; text-align:center;}
.section_abt h2 em {color:#1499ff}
.section_abt p {padding:30px; color:#979797; font-size:14px; text-align:center; line-height:26px}
.section_abt p em {display:block; font-size:18px; font-weight:bold; line-height:35px}
.btnnew {text-align:center; margin:0 auto}
.btn button {border:2px solid #1499ff; margin-top:50px; padding:10px 30px; border-radius:25px; background-color:#fff; color:#1499ff; font-size:13px; font-weight:bold}
.btn button:hover {background-color:#1499ff; color:#fff}
.btn button span {padding-left:10px}

.bg_section_mini {position:relative; min-width:1170px; padding-bottom:60px; background-color:#1499ff}
.section_mini {width:1170px; margin:50px auto 0}
.section_mini h2 {margin-top:0; padding-top:90px; color:#fff; font-size:48px; text-align:center}
.section_mini h2 span {padding-top:50px}
.h_semi {margin-bottom:20px}
.section_mini dl dt img {width:100%; height:auto; margin-bottom:20px}
.section_mini dl dd span {display:block; margin-bottom:5px; color:#8d8d8d; font-size:11px}
.section_mini ul li a {color:#262626; font-size:15px; text-align:center; font-weight:bold; text-decoration:none}
.section_mini h2 span {position:absolute; top:50px; font-size:30px; line-height:40px}
.section_mini h2 em {position:relative; top:-5px; left:20px; font-size:40px; line-height:36px; font-weight:normal}
.section_mini p{color:#fff; text-align:center}
.section_mini ul {*zoom:1; padding:50px 0; }
.section_mini ul:after {content:''; display:block; clear:both}
.section_mini ul li {float:left; width:18%; margin-left:15px; background-color:#fff; box-sizing:border-box}

.btn button.color_y {border:2px solid #fec20b; margin:50px 0; padding:10px 30px; border-radius:25px; background-color:#fec20b; color:#fff; font-size:13px; font-weight:bold}
.btn button.color_y:hover {border:2px solid #fff; background-color:#fff; color:#1499ff}

.btn button.color_w {border:2px solid #fff; margin:50px 0; padding:10px 30px; border-radius:25px; background-color:#fff; color:#1499ff; font-size:13px; font-weight:bold}
.btn button.color_w:hover {border:2px solid #1499ff; background-color:#1499ff; color:#fff}

.bg_section_semi {position:relative; min-width:1170px; background:url(../img/bg_semi3.jpg) repeat 50% 50%}
.section_semi {width:1170px; margin:0 auto}
.section_semi .semi_txt h2 {margin-top:-20px; padding-top:120px; color:#fff; font-size:48px; text-align:center}
.section_semi .dsc {margin:50px 0 0 00px; color:#fff; font-size:15px; text-align:center; line-height:25px}
.section_semi .dsc strong {display:block; margin-top:10px; color:#ffe780; font-size:20px}
.section_semi .btn {padding-bottom:60px; text-align:center}

.bg_section_reso {position:relative; min-width:1170px}
.section_reso {width:1170px; margin:50px auto}
.section_reso h2 {padding-top:40px; color:#1499ff; font-size:48px; text-align:center}
.section_reso h2 span {position:absolute; top:50px; color:#1499ff; font-size:30px; line-height:40px}
.section_reso h2 em {position:relative; top:-5px; left:20px; font-size:40px; line-height:36px; font-weight:normal}
.section_reso ul {*zoom:1; margin-top:50px}
.section_reso ul:after {content:''; display:block; clear:both}
.section_reso ul li {float:left; width:18%; height:250px; margin-left:20px; border:1px solid #dee0e1; border-bottom:5px solid #1499ff;border-radius:5px; box-sizing:border-box; text-align:center}
.section_reso ul li a {text-decoration:none}
.section_reso ul li img {width:60%; height:140px; margin:20px 0; border:1px solid #dee0e1; border-radius:5px; border-bottom:5px solid #dee0e1;}
.section_reso ul li span {display:block; color:#2e2e2e;}
.section_reso ul li em {display:block; font-size:22px; color:#2e2e2e; font-weight:bold}
.section_reso .btn {margin:30px auto 70px}

.bg_section_news {position:relative; min-width:1170px;  background:url(../img/bg-index-body.jpg) repeat 50% 50%}
.section_news {*zoom:1; width:1170px; padding:30px 0 100px; margin:0 auto}
.section_news:after {content:''; display:block; clear:both}
.section_news h2 {padding:40px; font-size:48px; text-align:center}
.section_news dl {position:relative; float:left; width:25%; height:470px; margin-left:7%; background:#fff; box-sizing:border-box}
.section_news dl dt img{width:100%;}
.section_news dl dd {width:auto}
.section_news dl dd.h_banner {padding:15px; color:#1499ff; font-size:16px; font-weight:bold}
.section_news dl dd {padding:0 15px 15px 15px; text-align:justify} 
.section_news dl.facebook dd {padding:0}
.section_news dl dd .btn {position:absolute; left:50%; bottom:20px; margin-left:-30px;}
.section_news dl dd .btn a {padding:8px 15px; background:#000; color:#fff; border-radius:15px; font-weight:bold}

.bg_section_footimg {position:relative; min-width:1170px;  background:url(../img/bg_footimg.jpg) no-repeat 50% 60% fixed}
.section_footimg {width:1170px; margin:0 auto; padding:100px 0; color:#fff; font-size:16px; text-align:center; font-weight:bold; text-shadow:1px 1px 3px #000}

#footer2 {width:auto}
.bg_map {background-color:#dadada; padding-bottom:50px}
.map {width:1170px; margin:0px auto}
.map h2 {margin-top:-20px; padding:50px 0 0px; color:#878787; font-size:40px; text-align:center}
.map h2 span {color:#000}
.map .lst_type {*zoom:1; width:100%; margin:50px auto 0; margin-left:130px}
.map .lst_type:after {content:''; display:block; clear:both}
.map .lst_type>li.lst {float:left; width:20%; font-size:12px; box-sizing:border-box; line-height: 22px}
.map .lst_type>li.lst.last {float:left; width:60%; font-size:12px; box-sizing:border-box; line-height: 22px}
.map .lst_type>li>a {color:#000; font-size:17px; font-weight:bold; text-decoration:none}
.map .lst_type_sub {padding-top:30px}
.map .lst_type_sub>li {margin-bottom:15px;}
.map .lst_type_sub>li>a {color:#000; text-decoration:none; font-weight:bold}

.map .lst_type_sub>li>ul {margin-left:15px;}
.map .lst_type_sub>li>ul {margin-left:15px;}
.map .lst_type_sub>li>ul>li>a {color:#837c7c}
.map .lst_type_sub>li>ul>li>dl>dd>ul>li>a {color:#837c7c}

.map .lst_type_sub.v1>li {float:left; width:25%; font-size:12px; box-sizing:border-box; line-height: 22px}
.map .lst_type_sub.v1 p a {color:#000; font-weight:bold; text-decoration:none}
.map .lst_type_sub.v1>li:first-child {padding-left:0}
.map .lst_type_sub.v1 dl {margin-bottom:20px}
.map .lst_type_sub.v1 dl dt {display:inline; padding:2px; border-radius:7px; background-color:#000; color:#fff}

.foorbtn_lst_type {*zoom:1; width:1170px; margin:60px auto}
.foorbtn_lst_type:after {content:''; display:block; clear:both}
.foorbtn_lst_type li {float:left; width:20%; border:1px #ccc solid; border-radius:15px ;margin:10px 0 0 50px; padding:20px 0px; text-align:center; box-sizing:border-box}
.foorbtn_lst_type li a {font-size:20px; color:#323232; text-decoration:none}
.foorbtn_lst_type li span {display:block; margin-bottom:15px; color:#000; font-size:40px}
.foorbtn_lst_type li div {color:#adadad; font-size:12px; width:80%; margin-top:15px; margin-left:18px; text-align:justify}

.bg_section_sub {min-width:1170px; width:100%; height:390px; margin-top:20px ;background:url(../img/bg_11.jpg) repeat 0 0; overflow:hidden}
.bg_section_sub.v2 {background:rgba(0,0,0,0.8) url(../img/bg_12.jpg)}
.bg_section_sub.v3 {background:#dff2fc}
.bg_section_sub.v4 {background:url(../img/bg_14.jpg)}
.bg_section_sub.v5 {background:url(../img/bg_15.jpg)}
.bg_section_sub.v6 {background:#bfe1d2}
.bg_section_sub.v7 {background:#000}
.bg_section_sub.v8 {background:url(../img/bg_18.jpg)}
.bg_section_sub.v9 {background:#243439}

.section_sub {width:1170px; margin:0px auto}
.section_sub p.main img{padding-top:10px}
.section_sub p.main.v1 img{margin-top:50px}
.bg_sub_dsc {position:relative; top:-20px; min-width:1170px; width:100%; height:40px; background-color:rgba(0,0,0,0.4)}
.bg_sub_dsc.v1 {background-color:rgba(0,0,0,.8)}
p.sub_dsc {width:1170px; margin:0px auto 0; color:rgba(255,255,255,.6); font-size:16px; text-align:center; line-height:40px}
p.sub_dsc em {color:#3ceefe; font-weight:bold}
.con.v1{background-color:#fff}

.con .line {width:100px; height:4px; margin:16px auto 50px; background-color:#fff}
.bg_photo01 {text-align:center}
img.photo01 {border-radius:50%}
p.peo_info {margin:20px 0; font-size:14px; text-align:center}
p.peo_info em {display:block; font-size:23px; font-weight:bold}
.con .con {margin:80px 0; font-size:15px; text-align:center; line-height:38px}
.con .con strong{display:block; font-weight:bold}
.con .con em {display:block; margin:80px auto 20px; font-size:22px; font-weight:bold}
.con .con span.spci {color:#0081c5; font-weight:bold}
.con .con .confoot {margin-top:30px}
.con .con span.confoot {font-size:19px; font-weight:bold}
.con .con dl {*zoom:1; margin-bottom:30px}
.con .con dl:after {content:''; display:block; clear:both}
.con .con dl dt {float:left; padding:0 40px}
.con .con dl dt img {border:3px solid rgba(0,0,0,0.1);}
.con .con dl dd.h_sprt {padding-top:40px; color:#fe732d; font-size:30px; font-weight:bold}
.con .con dl dd.h_ko {padding-top:3px; color:#1499fe; font-size:42px; font-weight:bold}
.con .con dl dd.dsc1 {padding:20px 50px 20px 500px; color:#949494; font-size:16px; font-weight:bold; line-height:26px}
.con .con dl dd.dsc2 {padding:0 70px 0 500px; color:#949494; font-size:12px; line-height:25px}
.con .con.five {margin-top:-20px}
.con .con.five ul li {position:relative; padding-top:60px ;padding-bottom:40px; border-top:1px solid #b6babc}
.con.five ul li:first-child {border-top:0}
.con.five ul dl dt {float:left}
.con.five ul dl dt img{border:0}
.con.five ul li span {float:left; padding:25px; border-radius:50%; background-color:#0081c5; color:#fff; font-size:35px ;font-weight:bold; line-height:20px}
.con.five ul li strong {position:absolute; top:85px; left:95px; font-size:37px}
.con.five ul li em {position:absolute; top:-25px; left:100px; font-size:13px}
dl.fivedl {padding-top:30px; padding-left:150px}
dl.fivedl dd {font-size:14px; text-align:left; line-height:24px}
dl.fivedl dd.h_five {border-left:5px solid #0081c5; margin-left:200px; margin-bottom:25px; font-size:23px; font-weight:bold}

.con .con .peo {margin-bottom:50px}
.con .peo p {text-align:left; margin-left:230px}
.con .peo span {padding:8px; background-color:#000; color:#fff ;font-weight:bold}

.lst_type_peo2>ul {float:left}
.lst_type_peo2>li{float:left; margin-left:150px; margin-top:0px}
.lst_type_peo2>li.v1{margin-left:300px;width:500px}
.lst_type_bon li {float:left; margin:0 5px}
.lst_type_bon li ul li {float:none; font-size:13px; padding:3px; margin-bottom:10px; border:1px solid #ccc;}
.h_bonsub {background-color:#ccc; font-size:15px; padding:3px; margin-bottom:10px; margin-right:10px; border:1px solid #ccc;}
.lst_type_supt li ul li {float:none; display:block;font-size:13px; padding:3px; margin-bottom:10px; margin-right:10px; border:1px solid #ccc;}
.lst_type_peo2 span.bg_g {padding:8px; background-color:#ccc; color:#000; font-size:15px; margin-left:0px}
.lst_type_bon li ul li.empty_li {border:0; text-indent:-9999em}

.con h3 {margin-bottom:25px}
.area {margin:0 auto 80px; width:650px}
.area span.bg_g {padding:8px; margin-left:0px; background-color:#ccc; color:#000; font-size:15px; font-weight:bold}


.area2 {margin-bottom:80px}
.area2 dl {margin-left:380px; width:650px}
.con .con .area2 dl dt {padding:0 10px}
.area2 dl dd{margin-bottom:20px;text-align:left}
.area2 dl dt span{padding:8px; background-color:#ccc; color:#000; font-size:15px; font-weight:bold}

#footer2 address {width:auto; margin:30px auto; text-align:center}






/* mobile  */
@media all and (max-width:768px) {
.wrap {width:auto}
#header {min-width:320px; position:relative; height:50px;}
.bg_header {position:fixed; width:auto; height:50px; border-bottom:1px solid rgba(0,0,0,.2);background-color:#fff}
.logo {position:relative; top:-17px; height:50px; margin-left:-90px; z-index:20; text-align:center}
.top_bar {display:block; position:absolute; top:5px; left:0; margin-left:10px; color:#bab5b5; font-size:35px; z-index:100}
.top_bar a {color:#bab5b5; text-decoration:none}
.top_shop {display:block; position:absolute; top:5px; right:0; margin-right:10px; color:#bab5b5; font-size:35px; z-index:100}
.top_shop a {color:#bab5b5; text-decoration:none}
.gnb {display:none; position:static; font-weight:bold; z-index:1000}
.gnb ul{margin-top:-30px; content:''; display:block; clear:both}
.gnb ul:after {*zoom:1}
.gnb ul{background-color:#000}
.gnb ul.lst_type_ul2 {margin-top:-10px}
.gnb ul li {display:block; float:none; width:100%; border-bottom:1px solid #5c5c5c; text-align:center}
.gnb ul li a {color:#fff; padding:20px 20px; font-size:15px; text-decoration:none; line-height:45px;}
.gnb ul li.on a {color:#1499ff}
.gnb ul li span {padding:0 8px; color:#bababa}
.gnb ul li div.bg_snb {display:block; position:absolute; left:0; top:-9999em; z-index:9999; overflow:hidden; background:rgba(0,0,0,.1)}
.gnb .snb {display:none; position:static; width:100%; font-weight:normal}

.m_sub {display:block !important}
.m_sub ul {*zoom:1; background:#fff;}
.m_sub ul:after {content:''; display:block; clear:both}
.m_sub ul:first-child {border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf}
.m_sub ul:last-child {border-bottom:1px solid #dfdfdf}
.m_sub ul li:first-child {border-left:0}
.m_sub ul li {float:left; width:25%; border-left:1px solid #dfdfdf; font-size:14px; text-align:center; box-sizing:border-box}
.m_sub ul li a{display:block; color:#707070; padding:5px 0}
.m_sub ul li a:hover{text-decoration:none;  color:#0086cc}


#container {width:auto}
#footer2 {width:auto}


.bg_section_abt {min-width:320px; border-bottom:1px solid #ccc}
.section_abt {width:auto; margin:100px auto 50px}
.section_abt .sec {width:100%; float:none} 
.section_abt .sec img {display:none}
.section_abt h2 {font-size:35px}
.btn button {margin-top:10px}

.bg_section_mini {display:none;position:relative; min-width:320px; padding-bottom:30px; background-color:#1499ff}
.section_mini {width:auto; margin:50px auto 0}
.section_mini h2 {font-size:35px}
.section_mini h2 span {top:40px; font-size:20px}
.section_mini h2 em {font-size:32px}
.h_semi {padding-bottom:10px}
.section_mini dl dt img {width:100%; height:auto; margin-bottom:10px}
.section_mini dl dd span {display:block; margin-bottom:none; color:#8d8d8d; font-size:11px}
.section_mini ul li a {color:#262626; font-size:15px; text-align:center; font-weight:bold; text-decoration:none}
.section_mini p{color:#fff; text-align:center}
.section_mini ul {*zoom:1; padding-top:50px; }
.section_mini ul:after {content:''; display:block; clear:both}
.section_mini ul li {float:none; width:90%; margin-left:5% ;background-color:#fff; box-sizing:border-box}
.btn button.color_y {margin:20px 0}

.bg_section_semi {position:relative; min-width:320px}
.section_semi {width:auto}
.section_semi .semi_txt h2 {padding-top:60px; color:#fff; font-size:35px; text-align:center}
.section_semi .dsc {margin:20px; color:#fff; font-size:14px; text-align:center; line-height:25px}
.section_semi .dsc strong {display:block; margin-top:10px; color:#ffe780; font-size:20px}
.section_semi .btn {margin-top:-40px; padding-bottom:10px; text-align:center}

.bg_section_reso {position:relative; min-width:320px}
.section_reso {width:auto; margin:50px auto}
.section_reso h2 {padding-top:10px; color:#1499ff; font-size:35px; text-align:center}
.section_reso h2 span {display:none;}
.section_reso h2 em {display:none;}
.section_reso ul {*zoom:1; margin-top:50px}
.section_reso ul:after {content:''; display:block; clear:both}
.section_reso ul li {float:left; width:40%; height:auto; margin-left:20px; margin-bottom:20px;border:1px solid #dee0e1; border-bottom:5px solid #1499ff;border-radius:5px; box-sizing:border-box; text-align:center}
.section_reso ul li a {text-decoration:none}
.section_reso ul li img {width:60%; height:100px; margin:20px 0; border:1px solid #dee0e1; border-radius:5px; border-bottom:5px solid #dee0e1; overflow:hidden;}
.section_reso ul li span {display:block; color:#2e2e2e;}
.section_reso ul li em {display:block; font-size:22px; color:#2e2e2e; font-weight:bold}
.section_reso .btn {margin:10px auto 10px}

.bg_section_news {position:relative; min-width:320px}
.section_news {*zoom:1; width:auto; padding:10px 0 30px; margin:0 auto}
.section_news:after {content:''; display:block; clear:both}
.section_news h2 {padding:40px; font-size:35px; text-align:center}
.section_news dl {position:relative; float:none; width:100%; height:auto; margin-left:0; margin-bottom:20px; background:#fff; box-sizing:border-box}
.section_news dl dt img{width:100%;}
.section_news dl dd.h_banner {padding:15px; color:#1499ff; font-size:16px; font-weight:bold}
.section_news dl dd {padding:0 15px 15px 15px; text-align:justify} 
.section_news dl.facebook dd {padding:0}
.section_news dl dd .btn {position:static; margin-top:20px; margin-left:0; text-align:center}
.section_news dl dd .btn a {padding:8px 15px; background:#000; color:#fff; border-radius:15px; font-weight:bold; text-decoration:none}

.bg_section_sub {min-width:320px; width:100%; height:0}
.bg_section_sub.v3 {min-width:320px; width:100%; height:auto; background:none}
.bg_section_sub.v4 {min-width:320px; width:100%; height:auto; background:none}
.bg_section_sub.v6 {min-width:320px; width:100%; height:auto; background:none}
.bg_section_sub.v7 {min-width:320px; width:100%; height:auto; background:none}

.section_sub {width:100%; height:auto; margin-top:-15px}
.section_sub.v3 {width:100%; height:auto; margin:0}
.section_sub p.main img{width:100%; height:auto}
.section_sub p.main.v1 img {width:100%; height:auto; margin-top:0; margin-bottom:0}
p.sub_dsc {min-width:320px; margin:-20px auto 0; color:rgba(255,255,255,.6); font-size:16px; text-align:center; line-height:40px}
.bg_sub_dsc {display:none}
.con {width:auto; margin:0 auto}
.con h2 {margin-top:50px; font-size:30px; text-align:center}
.con .line {width:80px; height:4px; margin:16px auto 20px; background-color:#0081c5}
.bg_photo01 {text-align:center}
img.photo01 {width:50%; height:auto; border-radius:50%}
p.peo_info {margin:20px 0; font-size:14px; text-align:center}
p.peo_info em {display:block; font-size:16px; font-weight:bold}
.con .con {margin:40px 10px; font-size:16px; text-align:justify; line-height:28px; letter-spacing:-1px}
.con .con strong{display:block; font-weight:bold}
.con .con em {display:block; margin:30px auto 20px; font-size:16px; font-weight:bold}
.con .con span.spci {color:#0081c5; font-weight:bold}
.con .con .confoot {margin-top:30px}
.con .con span.confoot {font-size:19px; font-weight:bold}

.con .con dl:first-child{border-top:none; padding-top:0}
.con .con dl {border-top:#ccc 1px solid; padding-top:40px; margin-bottom:30px}
.con .con dl dt {float:none; padding:0 40px}
.con .con dl dt img {width:100%; height:auto; border:3px solid rgba(0,0,0,0.1);}
.con .con dl dd {padding:0 15px;}
.con .con dl dd.h_sprt {padding-top:20px; font-size:25px; text-align:center}
.con .con dl dd.h_ko {padding-top:3px; font-size:25px; font-weight:bold; text-align:center}
.con .con dl dd.dsc1 {padding:20px 0; font-size:14px; font-weight:bold; line-height:26px}
.con .con dl dd.dsc2 {padding:0; color:#949494; font-size:12px; line-height:25px}

.con .con.five {margin-top:-20px}
.con .con.five ul li {position:relative; padding-top:60px ;padding-bottom:40px; border-top:1px solid #b6babc}
.con.five ul li:first-child {border-top:0}
.con.five ul dl dt {float:left}
.con.five ul dl dt img{border:0; width:50px; height:auto}
.con.five ul li span {float:left; padding:10px 15px; margin-right:5px ;border-radius:50%; background-color:#0081c5; color:#fff; font-size:20px ;font-weight:bold; line-height:20px}
.con.five ul li strong {position:static; padding-top:5px; font-size:20px}
.con.five ul li em {display:none}
.con .con dl.fivedl {padding-top:30px; padding-left:5px; border-top:0}
dl.fivedl dd {font-size:14px; text-align:left; line-height:24px}
dl.fivedl dd.h_five {display:block; border-left:5px solid #0081c5; margin-top:10px ; margin-left:110px; margin-bottom:25px; font-size:23px; font-weight:bold}


.con .con .peo {margin-bottom:50px}
.con .peo p {text-align:left; margin-left:0}
.con .peo span {padding:8px;  margin-left:20px; background-color:#000; color:#fff ;font-weight:bold}
.lst_type_peo2>ul {float:left}
.lst_type_peo2>li{float:left; margin-left:0px; margin-top:40px}
.lst_type_peo2>li.v1{margin-left:-300px; width:100px}
.lst_type_bon li {float:left; margin:10px 5px}
.lst_type_bon li ul li {float:none; font-size:13px; padding:3px; margin-bottom:10px; border:1px solid #ccc;}
.h_bonsub {background-color:#ccc; font-size:15px; padding:3px; margin-bottom:10px; margin-right:10px; border:1px solid #ccc;}
.lst_type_supt li ul li {float:none; display:block;font-size:13px; padding:3px; margin-bottom:10px; margin-right:10px; border:1px solid #ccc;}
.lst_type_peo2 span.bg_g {padding:8px; background-color:#ccc; color:#000; font-size:15px; margin-left:0px}


.con h3 {margin-bottom:25px}
.area {margin:0 auto 80px; width:auto}
.area span.bg_g {padding:8px; margin-left:0px; background-color:#ccc; color:#000; font-size:15px; font-weight:bold}

.area2 {margin-bottom:80px}
.area2 dl {margin:0 auto; width:auto}
.con .con .area2 dl {border:0; padding-top:0}
.con .con .area2 dl dt {padding:0 10px}
.area2 dl dd{margin-top:10px; margin-bottom:20px;text-align:left}
.area2 dl dt span{padding:8px; background-color:#ccc; color:#000; font-size:15px; font-weight:bold}




#footer2 {min-width:320px; border-top:1px solid rgba(0,0,0,.2)}
#footer2 .bg_map {display:none}
address {width:auto; margin:30px auto; text-align:center}


.foorbtn_lst_type {*zoom:1; width:auto; margin:60px auto}
.foorbtn_lst_type:after {content:''; display:block; clear:both}
.foorbtn_lst_type li {float:left; width:50%; border:1px #ccc solid; border-radius:15px ;margin:0; padding:20px 0px; text-align:center; box-sizing:border-box}
.foorbtn_lst_type li a {font-size:20px; color:#323232; text-decoration:none}
.foorbtn_lst_type li span {display:block; margin-bottom:15px; color:#000; font-size:40px}
.foorbtn_lst_type li div {display:none}




.bg_section_footimg {position:relative; min-width:320px}
.section_footimg {width:auto; margin:0 auto; padding:20px; color:#fff; font-size:16px; text-align:center; font-weight:bold; text-shadow:1px 1px 3px #000}


}