@charset "utf-8";
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:"Nanum Gothic"; color:#333;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;  letter-spacing: -0.5px !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul, li {list-style:none; padding:0; margin:0; letter-spacing: -0.5px !important;}
ul:after { display:block; content:""; clear:both; }
dl dd {padding:0; margin:0;  letter-spacing: -0.5px !important;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {font-family:"Nanum Gothic"; margin:0;padding:0;  letter-spacing: -0.5px !important;}
button {cursor:pointer}

textarea, select {font-family:"Nanum Gothic"; font-size:1em;  letter-spacing: 0px !important;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;  }
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited, a:hover, a:focus, a:active/*, td a:link, td a:visited, td a:hover, td a:focus, td a:active, th a:link, th a:visited, th a:hover, th a:focus, th a:active*/ {text-decoration:none; color:#333;}

.martop10 { margin-top:10px; }
.martop10 { margin-top:10px; }
.texlef { text-align:left; }
.texcen { text-align:center; }
.texrig { text-align:right; }

.b { font-weight:bold; }

/* 메인메뉴 */
#gnb {position:relative; float:right; margin-right:50px; height:76px; }
#gnb .gnb_wrap{margin:0 auto;position:relative;  margin:Auto;}
#gnb #gnb_1dul {font-size:18px;padding: 0;zoom:1; text-align:center;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:76px; text-align:center; padding:0 30px;  box-sizing:border-box;position:relative;}

#gnb #m2 .gnb_2dul {padding:0;}

#gnb .gnb_1dli:hover{background-color:#c5313c}
#gnb .gnb_1dli:hover .gnb_1da {color:#338e2f;}
#gnb * {z-index:10000;}
.bx-wrapper * {z-index:1 !important;}
.gnb_1da {display:block;font-weight:bold;color:#fff !important;text-decoration:none; width:100%; font-size:18px; font-family:"Nanum Gothic"}
.gnb_2dul {display:none;position:absolute;top:76px;min-width:100%; padding:10px 0 !important;	background-color:#c5313c;  }
.gnb_2dli{text-align:center; line-height:30px;}
.gnb_2dli:first-child{border:0}

.gnb_2da {display:inline-block;padding:0;line-height:30px;color:#fff !important;text-align:left;text-decoration:none; font-size:14px;}
a.gnb_2da:hover{color:#333; font-weight:700;     text-decoration: underline;}
.gnb_1dli_over .gnb_2dul {display:block;left:0}

#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#338e2f}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {color:#000; font-weight:700; text-decoration: underline;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:5;position:fixed;  top:0;  width:100%;  background-color: rgba(0, 0, 0, 0.7); margin: auto;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:0px 0 0;max-width: 1200px;zoom:1;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {position: absolute;   top: 0;    left: 1%;    z-index: 1;}
#logo a {display: block;    margin-top: 15px;}


/* 상단 회원가입 등 링크 */
.hd_tnb {background-color:#338e2f; }
.hd_tnb_inner {max-width: 1200px;margin:auto;overflow:hidden;}
.tnb_tel {float:left;  font-size:12px; height:35px;color:#fff;line-height:35px}
#hd ul#tnb {    position: absolute;    top: 0;    right: 1%;    padding-top: 10px;    text-align: right;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb p {text-align:right;}
#tnb li {float:left;margin:0 0 0 0px; padding:0px;}
#tnb li a {display:inline-block; font-size:12px; height:28px;color:#a3a3a3;line-height:35px}
#tnb li a:after {content:"ㅣ"; padding:0 4px}
#tnb li:last-child a:after {content:""; padding:0;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}



/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;max-width:1200px;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_main {width:100%;}
#container_main {width:100%;}

#container {z-index: 4; position: relative; padding: 0; height: auto !important; min-height: 500px; background: #fff; font-size: 1em; zoom: 1; padding: 25px 10px; box-sizing: border-box; }
#container:after {display:block;visibility:hidden;clear:both;content:""}

#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

#aside { position:absolute; top:300px; left:50%; margin-left:-600px; width:1200px; z-index:2;}

/* lnb
.lnb {background-color:#fff;}
.lnb h2 {font-size:28px;  font-family:"Nanum Gothic"; color:#0f7eb0;     border-radius: 0px; line-height:80px; text-align:center; margin-bottom: 0px; background-color:#fff; border:3px solid #0f7eb0}
.lnb h2 span {display:block; font-size:14px; color:#999; letter-spacing: 0;    line-height: 20px;}
.lnb ul {width:100%; padding:15px 30px; box-sizing:border-box;}
.lnb ul li {}
.lnb > ul > li {clear:both; line-height:36px; vertical-align:top; }
.lnb > ul > li:hover {clear:both; vertical-align:top;  }
.lnb > ul > li > a {display:block; line-height:36px; font-size:15px; color:#333; padding-left:15px; background:url(../img/lnb_arr.png) no-repeat 0 50%;}
.lnb > ul > li > a:hover, 
.lnb > ul > li > a.on  {color:#0f7eb0; font-weight:bold; background:url(../img/lnb_arr_on.png) no-repeat 0 50%;}

.lnb ul li ul {padding:0; padding-left:15px; background-color:#f1f1f1;}
.lnb ul li ul li a, .lnb ul li ul li a:hover, .lnb ul li ul li a.on {background:none; }
.lnb ul li ul li a:hover, .lnb ul li ul li a.on {color:#17a939;  }
 */

.lnb {overflow:hidden; margin:0px auto 20px auto; width:100%; max-width:800px; background:#fff; border:0px solid red; box-sizing:border-box;}
.lnb h2 {display:none;}
.lnb dl { display: table; width:100%; margin:0; /*border-bottom:1px solid #f1f1f1; box-sizing:border-box;*/ }
.lnb dl dd { display:table-cell; height:50px; text-align:center; vertical-align:middle; }
.lnb dl dd a { display:block; font-family: "Nanum Gothic"; padding:0 15px; line-height:50px; font-size:18px; color:#333333; font-weight:bold; transition:all 0.2s; cursor:pointer;}
.lnb dl dd a.on, .lnb dl dd:hover a {background:#c5313c; color:#fff;}
.lnb2 { max-width:1200px; }
#lnb01 dd,
#lnb04 dd {width:50%;}
#lnb02 dd {width:auto; }
#lnb03 {display:none;}

.subtel {margin-top:50px;}
.subtel dl dt{font-size:18px; color:#333; font-weight:bold; margin-bottom:10px; background:url(../img/subtel_ic.png) no-repeat top left; padding-left:35px; line-height:30px}
.subtel dl dd {margin:0;}
.subtel dl dd p {font-size:14px; color:#666; padding-left:5px;}
.subtel dl dd .tel {color:#0d9381; font-size:36px;  font-weight:bold; padding:0;}


/* 하단 레이아웃 */
#ft { width:100%; height:auto; /*background-color:#fff; border-top:1px solid #ccc;*/ }

#ft_copy {position:relative; height:auto; min-height:102px; padding-top:50px; text-align:center; background:url(../img/footer_bg.jpg) no-repeat left top; }
#ft_copy ul li { font-size:13px; color:#ffffff !important; line-height:150%; }
#ft  div.copy_text { width:100%; padding:15px 0; background-color:#010101; font-size:13px; color:#ffffff; text-align:center; }
#ft  div.copy_text a { color:#ffffff; }

#quick {position: absolute; z-index: 999; top:450px; left: 50%; margin-left: 625px; width: 100px; margin-top: 0px;}
.tday {width:100px; position:relative; }
.tday p.tday_tit {background-color:#dcdada; font-size:12px; text-align:center; height:30px; line-height:30px;}
.tday ul {border:1px solid #ccc; padding:5px; padding:20px 5px;}
.tday ul li {width:100%; overflow:hidden; margin-bottom:5px; }
.tday ul li span {display:block; font-size:12px; text-align:center; line-height:20px;}
.tday ul li img {width:100%;}

.btn_box .prev {position: absolute; top:30px; left:50%; margin-left:-3.5px;}
.btn_box .next {position: absolute; bottom:5px; left:50%; margin-left:-3.5px;}

.quick_tel {margin:20px 0;}




/* main */
.main_v {height:550px;max-width: 100%;margin: auto;}

.main_img {position:relative;max-width: 100%;margin:auto;overflow:hidden; height:100%;}
.main_img_inner { height:550px}
.main_img_inner.main_01 {background:url(../img/main_visual01.jpg) no-repeat center center;  background-size:cover; }
.main_img_inner.main_02 {background:url(../img/main_visual02.jpg) no-repeat center center;  background-size:cover; }
.main_img_inner.main_03 {background:url(../img/main_visual03.jpg) no-repeat right center;  background-size:cover; }
.main_img_inner .main_txt {position: absolute; top:60%; left:50%; margin-left:-360px; margin-top:-100px; width:720px; height:200px; padding:35px 0; box-sizing:border-box;}
.main_img_inner .main_txt p.text01 {font-size:30px; text-align:center; color:#fff; font-family: "Nanum Gothic"; font-weight:500; margin-bottom:10px; text-shadow: 0 0 5px #000; letter-spacing:-1px; }
.main_img_inner .main_txt p.text02 {font-size:30px; text-align:center; color:#fff;font-family: "Nanum Gothic"; font-weight:500; margin-bottom:30px; text-shadow: 0 0 5px #000; letter-spacing:-1px; }
.main_img_inner .main_txt p.text03 {font-size:14px; text-align:center; color:#fff;font-family: "Nanum Gothic"; text-shadow: 0 0 5px #000; }
.main_img_inner .main_txt strong { font-size:40px; }

.sec_01 {padding:40px 0 0 0;}
.sec_02 {padding:60px 0; background-color:#f5f4f2}

.main_section {max-width: 1200px; padding:0px 0;margin:auto;overflow:hidden;}
.main_section h2 {font-family: "Nanum Gothic"; font-size:36px; font-weight:400; text-align:center; margin-bottom:40px}
.main_section h2 strong {color:#0f7eb0; font-weight:700;}
.main_section .main_title01 { width:100%; text-align:center; position:relative; }
.main_section .main_title01 > span { display:inline-block; width:240px; font-family: "Nanum Gothic"; background:url(../img/main_middle01_title_bg.png) repeat left -1px; font-size:25px; font-weight:700; text-align:center; margin:0 auto 40px auto; border:2px solid #919191; border-radius:10px; padding:10px 0px; }
.main_section .main_title01 > small { position:absolute; right:0; top:20px; font-size:15px; cursor:pointer; }

.list_banner { margin-bottom:25px;}
.list_banner:after { clear:both; display:block; content:""; }
.list_banner li {position:relative; background-color:#fff; padding:0px; border:0px solid #c4c4c4; float:left; width:18%; margin-right:2.5%;}
.list_banner li:nth-child(5n) { margin-right:0; }
.list_banner li img{width:100%; height:auto; }

.list_banner li .banner_subject { position:absolute; left:0; top:45%; width:100%; text-align:center; font-size:17px; color:#ffffff; font-weight:500; text-shadow: 1px 1px 15px #9600ff; z-index:1;}
.list_banner li .mb_on_layer { position:absolute; left:0; top:0; font-size:18px; width:100%; height:100%; background-color:#010101; color:#ffffff; text-align:center; display:none; z-index:2; }
.list_banner li .mb_on_layer p { width:100%; text-align:center; margin-top:30%; font-size:22px; font-weight:bold; margin-bottom:30px; }
#main_banner01:hover #on_txt_1 { display:block; }
#main_banner02:hover #on_txt_2 { display:block; }
#main_banner03:hover #on_txt_3 { display:block; }
#main_banner04:hover #on_txt_4 { display:block; }
#main_banner05:hover #on_txt_5 { display:block; }

.list_icon { width:85%; margin:0 auto 30px auto;}
.list_icon:after { clear:both; display:block; content:""; }
.list_icon li {position:relative; background-color:#fff; border:0px solid #c4c4c4; float:left; width:33.3%; text-align:center; margin-bottom:20px;}
.list_icon li img{width:auto; max-width:100%; height:auto; margin-bottom:20px; }
.list_icon li .main_icon_text01 { font-size:18px; color:#31859c; font-weight:bold; margin-bottom:10px;}
.list_icon li .main_icon_text02 { font-size:18px; color:#31859c; font-weight:bold; }

.list_agency {}
.list_agency li {background-color:#fff; padding:10px; border:1px solid #c4c4c4; float:left; width:23%; margin-right:2%; box-sizing:border-box; margin-bottom:30px;}
.list_agency li a {display:block}
.list_agency li .agency_img { text-align:center; padding:20px 0; height:40px;}
.list_agency li .agency_img img{max-width:100%; width:auto; max-height:40px;}
.list_agency li .agency_txt {padding:10px 0; height:40px;}
.list_agency li .agency_txt .recruit_tit {font-size:20px; font-weight:700; margin-bottom:0px; color:#333;  letter-spacing:-1px; }

.col-d-6 {width:50%; float:left; padding-left:20px; box-sizing:border-box;}
.col-d-6:first-child {padding-left:0;}
.col-d-1 {width:100%}

.main_bbs_wrap {overflow:hidden;}
.main_bbs_wrap {box-sizing:border-box;}
.main_bbs_wrap h3 span {font-size:14px; padding-left:10px;     vertical-align: middle; }
.main_bbs_wrap h3 span a {color:#333; font-weight:100;}
.main_bbs_wrap h3 {font-size:30px; font-weight:400; font-family:"Nanum Gothic"; line-height:40px; color:#675e59; margin-bottom:20px }
.main_bbs li {line-height:36px;  padding-left:10px}
.main_bbs li a {color:#333; font-size:16px;}
.main_bbs li span.date {float:right; margin-right:10px; font-size:16px;}
.main_bbs_inner {margin-bottom:30px; min-height:140px; }
.main_bbs_inner:last-child{margin-bottom:0;}

.main_ban {overflow:hidden}
.main_ban li {float:left; width:30%; margin-right:3%; text-align:center; padding:30px 0; background-color:#fff; border:1px solid #b1b0b0; min-height:170px; box-sizing:border-box;}
.main_ban li img {width:70px; height:70px; }
.main_ban li span {display:block; color:#666666; font-size:18px; margin-top:15px;}

h3.tit {font-size:24px; font-weight:bold; font-family:"Nanum Gothic"; line-height:40px; color:#333; background:url(../img/bullet01.png) no-repeat center left; padding-left:20px; border-bottom:1px solid #ccc; margin-bottom:10px }
h3.tit  span {float:right; font-size:14px; }
h3.tit  span a {color:#333; font-weight:100;}
.fixed_img_col ul{overflow:hidden;position:relative;margin:0;padding:0; font-size:14px; list-style:none;*zoom:1}
.fixed_img_col ul:after{display:block;clear:both;content:""}
.fixed_img_col li{overflow:hidden;float:left;position:relative;top:1px; margin-right:0.8%; width:16%; }
.fixed_img_col li:last-child{margin-right:0;}
.fixed_img_col .thumb{height:110px; display:block;overflow:hidden;position:relative;width:100%;text-align:center;white-space:nowrap}
.fixed_img_col .thumb img{display:block;width:100%;height:110px;border:0}
.fixed_img_col a{display:block;width:100%;margin:0 auto;padding:10px 0;text-decoration:none;cursor:pointer}
.fixed_img_col a strong{display:block;margin:8px 0 0 0; font-weight:normal; color:#333; text-align:center;width:100%; height:20px; overflow:hidden; line-height:22px; }

.family {border-top:1px solid #ccc; padding:20px 0 10px; text-align: center;}
.family li {display:inline-block; padding-right:15px}
.family li:last-child {padding-right:0;}


/* sub */
.sub_top {max-width:100%;  margin:auto; height:350px; text-align:left; margin-bottom:0px;     box-sizing: border-box; background:url(../img/sub_visual01.jpg) no-repeat center center ;}
#sub01 {background:url(../img/main_visual01.jpg) no-repeat center center; background-size:cover; }
#sub02 {background:url(../img/main_visual02.jpg) no-repeat center center; background-size:cover; }
#sub03 {background:url(../img/main_visual03.jpg) no-repeat right center; background-size:cover; }
.sub_top_tit {max-width:1200px; margin:auto; padding: 0 30px; font-family: "Nanum Gothic"; position: relative; height: 100%; }
.sub_top_tit .tit_box {text-align:center; padding-top:130px}
.sub_top_tit h2 {font-size:52px;margin-bottom:20px; color:#fff;     text-shadow: 0 0 5px #000;}
.sub_top_tit .sub_top_txt {font-size:28px; color:#fff; line-height:30px}
.sub_top_tit .sub_top_txt span {background-color:#c5313c; color:#fff; padding:2px;}
.sub_top_tit .sub_top_txt strong {display:block; font-size:24px; color:#fff; margin-top:10px}

.sub_top_tit .tit_box p.text01 {font-size:20px; text-align:center; color:#fff; font-family: "Nanum Gothic"; font-weight:500; margin-bottom:10px; text-shadow: 0 0 5px #000; letter-spacing:-1px; }
.sub_top_tit .tit_box p.text02 {font-size:20px; text-align:center; color:#fff;font-family: "Nanum Gothic"; font-weight:500; margin-bottom:30px; text-shadow: 0 0 5px #000; letter-spacing:-1px; }
.sub_top_tit .tit_box p.text03 {font-size:13px; text-align:center; color:#fff;font-family: "Nanum Gothic"; text-shadow: 0 0 5px #000; }
.sub_top_tit .tit_box strong { font-size:25px; }


.cont_tit {overflow:hidden; color: #292929; text-align:center; position: relative; margin-bottom:30px;}
.cont_tit h3{font-size: 30px; margin-top:20px;  color:#333; font-family: "Nanum Gothic";}
.cont_tit .nav {font-size:12px; color:#999; line-height: 29px; font-family:"Nanum Gothic";}
.cont_tit .nav span:after {content:">"; padding:0 5px; font-size:10px;}
.cont_tit .nav strong {color:#c5313c}
/*.cont_tit:after { position: absolute; left: 50%; margin-left: -25px; bottom: -2px; display: block; content: ""; width: 50px; height: 3px; background: #3f3f3f; }*/
.cont_tit .page_title01 { width:240px; font-family: "Nanum Gothic"; background:url(../img/main_middle01_title_bg.png) repeat left -1px; font-size:25px; font-weight:700; text-align:center; margin:0 auto 40px auto; border:2px solid #919191; border-radius:10px; padding:10px 0px; }

.content {margin-bottom:30px;}

.txt_box {margin-bottom:30px}
.txt_box p {font-size:15px; line-height:30px; margin-bottom:15px}
.img_box {margin:25px 0 50px; text-align:center;}
.img_box img {max-width:100%}
.img_box .img_list {overflow:hidden;}
.img_box .img_list li {display:inline-block; width:49.5%; margin-bottom:5px; height:380px; overflow:hidden;}


.txt_red {color:#ae0d0d}
.txt_blue {color:#0d6cae;}
.txt_green {color:#0d9381}
.txt_org {color:#f4781f}

.txt_center {text-align:center;}
.txt_left {text-align:left !important;}

.sub_text01 { font-size: 15px; line-height:150%; }

.map {margin-bottom:30px;}
.map div {margin:auto;}
.map .root_daum_roughmap {width:100% !important;}

.float_box{overflow:hidden;}
.float_left {float:left;}
.float_right {float:right;}

.pl_15 {padding-left:15px;}
.underline {text-decoration: underline;}


.sec_box {border-bottom:1px dotted #ccc; padding:0px 0 30px; margin-bottom:30px}
.sec_box h3 { font-family:"Nanum Gothic"; font-size:20px; line-height:30px; background:url(../img/bullet02.png) no-repeat center left; padding-left:20px; margin-bottom:15px;}
.sec_box p {line-height:24px; font-size:14px; margin-bottom:5px;}
.sec_box ul li {line-height:25px;}
.sec_box ul li ul {padding-left:15px}

.in_box {margin-left:20px; margin-bottom:10px;}
.in_box h4{font-size:16px; line-height:27px; background:url(../img/arr_01.png) no-repeat center left; padding-left:15px; margin-bottom:3px; font-weight: 500; }
.in_box p {margin-left:15px;}
.in_box dl  {margin:0;}
.in_box dl dt {font-weight: 500; line-height:25px; margin-bottom:5px;}
.in_box dl dd {line-height:25px;  margin-bottom:5px; margin-left:16px;}
.in_box dl dd ul {}
.in_box dl dd ul  li {line-height:25px;}
.in_box dl dd > ul > li {margin-bottom:5px;}

.box_left {float:left; }
.box_right {float:right; }
.box_center { margin:0 auto; text-align:center; }

.txt_box .box_left {width:45%; height:auto; min-height:450px; text-align:center; margin-right:5%;}
.txt_box .box_left img {width:auto; max-width:100%; box-shadow: 5px 5px 5px #666;/*filter:drop-shadow(5px 5px 5px #666);*/ }
.txt_box .box_left img:hover { width:102%; height:auto;max-width:102%; box-shadow:0px 0px 0px #fff; }
.txt_box .box_right {width:50%; font-size:15px; line-height:170%; }


.greetings {text-align:left;}
.greetings strong{font-size:18px;}
.greetings .greeting_box {clear:both; background-color:#efefef; border:1px solid #ccc; padding:20px; border-radius: 20px; margin-bottom:20px}
.greetings .greeting_box dl {overflow:hidden;}
.greetings .greeting_box dl dt{font-size:18px; float:left; clear:both; margin-right:20px; color:#000; line-height:30px; color:#c5313c; font-weight:700;}
.greetings .greeting_box dl dd {font-size:16px; float:left;  line-height:30px; margin-bottom:20px}
.greetings .greeting_box dl dd:last-child {margin-bottom:0;}

.txt_box p.mingo {font-family: 'Nanum Myeongjo', serif; font-size:16px; color:#023dc7}

img.img_auto_100 { width:auto; max-width:100%; }

.sub-tit {    text-align: center;    line-height: 48px;    font-weight: 300;    font-size: 32px;    color: #1f1f1f;    letter-spacing: -3.0px; margin-bottom:50px}
.vision-list-con {overflow: hidden;	text-align: center;}
.vision-list-con li {	position: relative;	display: inline-block;	width: 30%;	margin: 0 0.2%;}
.vision-list-con li>* {	-webkit-transition: all 0.4s;	-moz-transition: all 0.4s;	-o-transition: all 0.4s;	-ms-transition: all 0.4s;	transition: all 0.4s}
.vision-list-con li div {	border: 1px solid #5185c9;	padding: 52px 0;}
.vision-list-con li div  img {width:40%;}
.vision-list-con li strong {	display: block;	padding: 54px 0 20px;	color: #004483;	font-size: 23px;	letter-spacing: -0.5px;	font-weight: 400;}
.vision-list-con li p {	color: #7f7f7f;	font-size: 14px;	font-weight: 300;	letter-spacing: -0.2px;	opacity: 0.7;	filter: Alpha(opacity=70);}

.map-tbl {border-top:2px solid #000; width:100%;}
.map-tbl tbody th {    border-bottom: 1px solid #000;    color: #1e1e1e;    font-size: 16px;   font-weight:700;  text-align: left;   padding: 16px;}
.map-tbl tbody td {border-bottom: 1px solid #d8d8d8;    color: #5b5b5b;    font-size: 15px;    font-weight: 300; padding: 16px;}  

.map_box { width:100%; margin-bottom:30px}
.map_box div { width:auto;}
.mapinfo h2 { font-size:1.5em; }
.mapinfo dl{overflow:hidden;border-top:2px solid #0a2f73;border-bottom:1px solid #0a2f73;}
.mapinfo dt{width:25%;float:left;clear:both;padding:10px 5px;text-align:center;font-weight:bold;border-top:1px solid #eaeaea;color:#368dc6;line-height:150%;}
.mapinfo dd{width:70%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;}
.mapinfo dd .busBlue{color:#FFF;background:#395cb3;padding:3px 4px; margin-right:5px;font-size:0.85em;}
.mapinfo dd .busGreen{color:#FFF;background:#50a232;padding:3px 4px; margin-right:5px;font-size:0.85em;}


.viewskin{padding:50px 0;border-bottom:1px solid #ccc}
.viewskin .khwrap {position: relative;    margin: 0 auto;    width: 100%;    zoom: 1; overflow:hidden}
.viewskin .khwrap:before, #khplay .khwrap:after {
    clear: both;
    display: table;
    content: "";
    line-height: 0;
}
.viewskin .standard{float:right;width:43%}
.viewskin .image {float: left;    width: 50%;}
.viewskin .detail {padding: 40px 0;}
.viewskin .tit{padding:10px 0;border-bottom:1px solid #999}
.viewskin .tit strong{font-size:15px;font-weight:400;color:#777}
.viewskin .tit h3{font-size:38px;font-weight:300;letter-spacing:-1px;color:#2b2b2b}
.viewskin .tit p{padding:5px 0;font-size:18px;font-weight:300;color:#777}
.viewskin .image img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto;max-height:100%}
.viewskin .imgbig{display:table;padding:50px;border:1px solid #eee}
.viewskin .imgbig a{display:table-cell;width:500px;height:500px;text-align:center;vertical-align:middle}
.viewskin .opt{padding:20px 0}
.viewskin .opt h4{margin:0 0 30px 0;font-size:20px}
.viewskin .opt ul{margin:0 0 30px 0}
.viewskin .opt ul li{position:relative;padding:0 0 0 20px;line-height:24px;font-size:15px;color:#707070;overflow:hidden}
.viewskin .opt ul li:before{content:"";position:absolute;top:10px;left:5px;width:3px;height:3px;border-radius:3px;background:#999}
.viewskin .opt ul li a {color:#c5313c; font-weight:700;}
.viewskin .detail p {text-align:center;}
.viewskin .detail img{width:auto; max-width:100%}



a.btn001 {
    background-color: #008038;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: block;
    padding: 15px 0;}
.btn_wrap {overflow:hidden;}
.btn_wrap .btn011 {display:inline-block; font-size:18px; color:#fff; text-align:left; padding:15px; padding-left:50px; background:url(../img/ic_down.png) no-repeat 15px 50% #22a9e6;}
.btn_wrap .btn012 {display:inline-block; font-size:18px; color:#fff; text-align:left; padding:15px; padding-left:50px; background:url(../img/ic_down.png) no-repeat 15px 50% #008038;}

/* table */
.tblwrap table caption{text-indent:-99999px; height:0;}

.tblwrap {margin-top:10px; margin-bottom:15px}
.tblwrap .tblstyle {width:100%; border-collapse: collapse; border-spacing: 0; margin-top:15px; font-size:15px; }
.tblwrap .tblstyle thead th {padding:10px 5px; background-color:#eefce5; color:#26550b; border:1px solid #e5eed9;
		box-sizing:border-box;}
.tblwrap .tblstyle tbody th{padding:10px 5px; text-align:center; color:#26550b; border:1px solid #e5eed9;		box-sizing:border-box;}
.tblwrap .tblstyle td {padding:10px 30px; text-align:center; border:1px solid #e5eed9;; box-sizing:border-box;}

.tblwrap .tblstyle02 {width:100%; border-collapse: collapse; border-spacing: 0; margin-top:15px; font-size:15px;}
.tblwrap .tblstyle02 thead th {padding:10px 5px; background-color:#eefce5; color:#26550b; border:1px solid #e5eed9;
		box-sizing:border-box;}
.tblwrap .tblstyle02 tbody th{padding:10px 5px; background-color: #eefce5; color:#26550b; border:1px solid #e5eed9;
		box-sizing:border-box;}
.tblwrap .tblstyle02 td{padding:10px 30px; border:1px solid #e5eed9;; box-sizing:border-box; }
.tblwrap .tblstyle02 li+li{margin-top:3px;}


/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


.main_center .w30 span.more {float:right; font-size:14px; }
.main_center .w30 span.more a {color:#0d9381; font-weight:normal;}


#btnNav {display:none; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#c5313c; transition:all .4s ease}
#btnNav span.bar1 {top:5px}
#btnNav span.bar2 {top:15px}
#btnNav span.bar3 {top:25px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}

#btnUser {display:none; position:absolute; top:25px; right:100px; width:25px; height:25px; background:url(../img/ic_user.png) no-repeat center center; background-size:100%;}

#ft #ft_copy ul {text-align:center;}
#ft #ft_copy ul li {display:inline-block; margin-right:10px; line-height: 20px;    color: #666;}



@media ( max-width: 1199px ) {
	#gnb_1dul > li.gnb_1dli {padding:0 25px}
	.family li  {padding:3px 10px;}
	.sub_top_tit {padding:0 20px}

}
@media ( max-width: 1023px ) {
	.hd_tnb_inner {padding:0 50px;}

	#gnb_wrap {position:fixed !important; top:0; right:-270px; width:250px; height:100%; background:#c5313c; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990;}
	 #gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
	 #gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url(../img/nav_home.png) 0 0 no-repeat; vertical-align:-2px}
	 #gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
	 #gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
	 #gnb_wrap button span.bar1 {top:12px}
	 #gnb_wrap button span.bar2 {top:18px}
	 #gnb_wrap button span.bar3 {top:24px}
	 #gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
	 #gnb_wrap button.active span.bar2 {display:none}
	 #gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
	 #gnb_1dul {float:none}
	 #gnb_1dul > li.gnb_1dli {float:none; height:auto; text-align:left; padding:0; float:none; line-height:18px}
	 #gnb_1dul > li > a {position: relative; height:auto; padding:15px 25px; padding-left:60px; font-size:16px; border-bottom:1px solid #c38b8f; }
	 #gnb_1dul > li > a > span {padding:0}
	 #gnb_1dul > li > a > span:before {display:none}
	 #gnb_1dul > li > ul.gnb_2dul li:before {display:none}
	 #gnb_1dul > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#fff; transition:all .3s ease}
	 #gnb_1dul > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#fff}
	 #gnb_1dul > li.open > a:before {transform:rotate(90deg)}
	 #gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#1d242a; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
	 #gnb_1dul > li > ul.gnb_2dul li {padding:0; border-color:#dedede; text-align:left;}
	 #gnb_1dul > li > ul.gnb_2dul li a {font-size:15px; padding:10px 25px; line-height:18px;}
	 #gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200}
	 #btnNav {display:block;}
	 #btnUser {display:block;}
	 #logo {margin-left:50px;}
	 #logo img{height:40px; padding-top:0;}
	#hd ul#tnb  {display:none;}
	 .main_v {height:auto;}
	 .main_v .main_img_inner{height:400px;}
	 .main_v .main_img_inner .main_txt {width:70%; margin-left:-35%;}
	 
	 #wrapper_main {padding:0 10px; box-sizing: border-box;}
	 .col-t-1 {width:100%; float:none; margin:0; margin-bottom:20px; padding-left:0;}
	 .col-t-2 {width:50%; padding-left:0; }
	 .bans_02 {margin-left: -1px;}
	 .fixed_img_col li {width:19%; margin-right: 1.2%;}
	 .fixed_img_col li:nth-child(5) {margin-right:0}
	 .fixed_img_col li:nth-child(6) {display:none;}
	 .fixed_img_col .thumb img {height:auto;}

	 .img_box .img_list li {height:270px; overflow:hidden; }

	 .sec_02 {padding:30px 10px;}

	 .vision-list-con {max-width: 480px;		margin: 0px auto;	}
	.vision-list-con li {		width: 45%;		margin: 1%	}
	.vision-list-con li div {		padding: 25px 0;	}
	.vision-list-con li div img {			}
	.vision-list-con li div strong {		padding: 20px 0 10px;		font-size: 18px;	}
	.vision-list-con li p {		font-size: 12px;	}

	.txt_box .box_left {float:none;width:100%; margin-right:0; margin-bottom:30px; }
	.txt_box .box_left img:hover { width:auto; max-width:100%; box-shadow: 5px 5px 5px #666; }
	.txt_box .box_right {float:none; width:100%}

	#aside {display:none;}
}
@media ( max-width: 767px ) {
	.hd_tnb  {display:none;}

	
	 #btnNav { right:10px}
	 #btnUser {right:60px}
	 #logo {margin-left:10px;}
	 #logo a {margin-top:20px}
	#gnb {height:80px !important}
	 .main_v .main_img_inner .main_v01 {width:50%; margin:auto; left:50%; margin-left:-25%; margin-bottom:-50px }
	 .main_v .main_img_inner .main_v01 img, .main_v .main_01 .main_txt img  {width:100%}
	 .main_v .main_img_inner .main_txt {width:80%;top: 50%;left:50%;margin-left:-40%;margin-top: -25%;}

	.main_img_inner .main_txt p.text01 {font-size:22px;}
	.main_img_inner .main_txt p.text02 {font-size:22px;}
	.main_img_inner .main_txt p.text03 {font-size:14px;}
	.main_img_inner .main_txt strong { font-size:24px; }


	 .col-m-1 {width:100%; float:none;margin:0; margin-bottom:20px}
	 .bans_02 {margin-left: 0;}

	

	.main_section .main_title01 > span { width:180px; font-size:20px; }

	.list_banner li {width:32%; margin-right:2%; margin-bottom:10px;}
	.list_banner li:nth-child(3n) { margin-right:0; }
	.list_banner li .on_txt { font-size:13px; }
	.list_banner li .on_txt p { margin-top:20%; font-size:18px; }

	.list_icon { width:100%;}
	.list_icon li .main_icon_text01 { font-size:15px;}
	.list_icon li .main_icon_text02 { font-size:15px;}

	 .fixed_img_col li {width:32%; margin-right: 2%;}
	 .fixed_img_col li:nth-child(3) {margin-right:0}
	 .fixed_img_col li:nth-child(4) {display:none;}
	 .fixed_img_col li:nth-child(5) {display:none;}
	 #ft p {padding:0 10px; }

	 .sub_top { height:300px; }
	 .sub_top_tit {background:none; text-align:center;}
	 .sub_top_tit .tit_box {position:relative; padding-top:120px }
	.sub_top_tit .tit_box p.text01 {font-size:18px; }
	.sub_top_tit .tit_box p.text02 {font-size:18px; }
	.sub_top_tit .tit_box p.text03 {font-size:12px; }
	.sub_top_tit .tit_box strong { font-size:20px; }


	 

	 .list_recruit li, .list_agency li {width:48%; margin-bottom:10px}
	.list_recruit li .recruit_img { min-height:100px; }
	.list_recruit li .recruit_img img{ max-height:100px; }





	
	.sub-tit {font-size:20px}

	.mapinfo dt{width:100%;float:left;clear:both;padding:10px 10px;text-align:left;font-weight:bold;border-top:1px solid #eaeaea;color:#a17779;line-height:150%;     box-sizing: border-box;}
	.mapinfo dd{width:100%;float:left;padding:10px;border-top:1px solid #eaeaea;line-height:180%;     box-sizing: border-box;}


	.viewskin .standard {float:none; width:100%;}
	.viewskin .image {float:none; width:100%;}

	.tblwrap .tblstyle {margin-top:15px; font-size:13px; }
	.tblwrap .tblstyle th{padding:8px 5px;}
	.tblwrap .tblstyle td{padding:8px 10px;}

	.tblwrap .tblstyle02 {margin-top:15px; font-size:13px; }
	.tblwrap .tblstyle02 th{padding:8px 5px;}
	.tblwrap .tblstyle02 td{padding:8px 10px;}
	 
}

@media ( max-width: 479px ) {
	 .main_v .main_img_inner {background-size: auto 100%;}
	 .main_v .main_img_inner .main_v01 {width:70%; margin:auto; left:50%; margin-left:-35%; margin-bottom:-20px }
	 .main_v .main_img_inner .main_v01 img, .main_v .main_img_inner .main_txt img  {width:100%}
	 .main_v .main_img_inner .main_txt {width:80%; top:120px; left:50%; margin-left:-40%; margin-top:0;}

	 .sub_top_tit .sub_top_txt {font-size:14px; line-height:25px}
	 .sub_top_tit .sub_top_txt strong {font-size:20px}
	
	.main_v .main_img_inner .main_txt {height:auto;}

	.list_icon li .main_icon_text01 { font-size:15px;}
	.list_icon li .main_icon_text02 { font-size:15px;}
	.list_icon li img{ width:80px; }

	.main_section h2 {font-size:24px}
	.main_bbs_wrap h3 {font-size:24px}

	.main_bbs li a {font-size:14px}
	.main_bbs li span.date {font-size:14px}

	.list_recruit li .recruit_txt .recruit_tit {font-size:18px}
	.list_agency li .agency_txt .recruit_tit {font-size:18px}
	

	.vision-list-con {max-width: 480px;		margin: 0px auto;	}
	.vision-list-con li {		width: 100%;		margin:0 0 10px	}
	.vision-list-con li div {		padding: 25px 0;	}
	.vision-list-con li div img {			}
	.vision-list-con li div strong {		padding: 20px 0 10px;		font-size: 18px;	}
	.vision-list-con li p {		font-size: 12px;	}


}