@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:"NanumGothic"; 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:"NanumGothic"; margin:0;padding:0;  letter-spacing: -0.5px !important;}
button {cursor:pointer}

textarea, select {font-family:"NanumGothic"; 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; }
.br_mo { display:none; }
.cpointer { cursor:pointer; }
/* 메인메뉴 */
#gnb { position:absolute; left:0; top:50px; width: 100%; /*background-color:rgba(127,190,37, 0.9); */z-index:10000; border:0px solid blue; box-sizing:border-box; }
#gnb .gnb_wrap{position:absolute; top:0; left:45%; width:650px; height:70px; margin:0 Auto; border:0px solid red;}
#gnb #gnb_1dul {font-size:18px;padding: 0;zoom:1; text-align:center; float:right;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:65px; text-align:center; padding:0 35px;  box-sizing:border-box;position:relative;}
#gnb .gnb_1dli:hover{/*background-color:#ffffff;*/}
#gnb .gnb_1dli:hover .gnb_1da {color:#ffffff;}
#gnb * {z-index:10000;}
.bx-wrapper * {z-index:1 !important;}
.gnb_1da {display:block;font-weight:bold;color:#ffffff !important;text-decoration:none; width:100%; font-size:25px; font-family:"NanumSquare"; }
.gnb_2dul {display:none;position:absolute;top:60px;min-width:100%; padding:0px 0 !important;	background-color:#ffffff;  }
.gnb_2dli{text-align:center; line-height:30px; border-top:1px solid #ebebeb; }
.gnb_2dli:nth-child(2) {border:0}
a.gnb_2da {display:inline-block; width:100%; padding:0;line-height:50px;color:#ffffff;text-align:left;text-decoration:none; font-size:15px; font-weight:500;}
a.gnb_2da:hover{color:#ffffff; font-weight:500;/* text-decoration: underline;*/}
/*.gnb_1dli_over .gnb_2dul {display:block;left:0}*/
#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#ffffff}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {font-weight:700; text-decoration: underline;}
#gnb .gnb_2dul .top_line div {width:80px; height:2px; background-color:#0171a3; margin:0 auto; }
#gnb:hover #all_category { display:block !important; }

#btnNav {display:none; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000;  background:#0177B7; border-radius:100%;}
#btnNav span {position:absolute; display:block; left:8px; width:23px; height:3px; background:#fff; transition:all .4s ease; border:0px solid white; box-shadow:1px 1px 6px 2px rgba(255,255,255,.3); }
#btnNav span.bar1 {top:9px}
#btnNav span.bar2 {top:18px}
#btnNav span.bar3 {top:26px}
#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%;}

#logo {float:left;   top: 0;    left: 1%;    z-index: 1;}
#logo a {display: block;    margin-top: 20px;}
#logo img { border-radius:10px; }

#top_logo { display:block; }
#top_logo_over { display:none; }

/* 팝업레이어 */
#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 {z-index:5;position:absolute;  top:0;  width:100%; height:120px; background-color: transparent; margin: auto; background:rgba(0,0,0,0.2); }

.hd_zindex {z-index:10 !important}
.hd_wrapper {margin:0 auto;padding:0px 0 0; max-width: 1200px;zoom:1;}
.hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* 상단 회원가입 등 링크 */
#logo { margin:15px 0 0 10px; }
#logo img { }

#tnb { float:right;   top: 0px;    right: 10px;    padding-top: 10px;    text-align: right;}
#tnb a {display:inline-block; font-size:16px; height:28px;color:#ffffff;line-height:28px; font-family:"NanumSquare"; font-weight:600; margin-right:20px; }
#tnb a:last-child {margin-right:0;}
#tnb a:focus, #tnb_pc a:hover, #tnb_pc a:active {text-decoration:none}

.all_category { position:absolute; left:0; top:70px; width:100%; height:auto; padding:20px 0 20px 0; background:rgba(130,130,130,0.7);/* border: 5px solid; border-radius: 20px; border-image: linear-gradient(to right, #3baeff, #244a96);  border-image-slice: 1;*/ z-index:10; }
.all_category > ul { margin-left:47% !important; width:650px; border:0px solid blue; box-sizing:border-box; }
.all_category > ul > li { display:inline-block; padding:0; font-size:15px; margin-bottom:40px; vertical-align:top; text-align:left; border:0px solid red; box-sizing:border-box; }
.all_category > ul > li:nth-child(1) { width:22%; }
.all_category > ul > li:nth-child(2) { width:29%; }
.all_category > ul > li:nth-child(3) { width:22%; }
.all_category > ul > li:nth-child(4) { width:23%; }
.all_category > ul > li > p { margin-bottom:10px; display:none; }
.all_category > ul > li > p a { font-size:20px; font-weight:800; color:#ffffff; }
.all_category > ul > li > p a span { color:#22418c; margin-left:5px; font-size:15px; line-height:20px; vertical-align:middle; }
.all_category .all_cate_close { float:right; text-align:right; margin-top:-20px; padding:5px 10px; border:1px solid #cccccc; background-color:#f1f1f1; color:#000000; font-size:20px; }

.all_category > ul > li > ul {  }
.all_category > ul > li > ul > li { width:100%; padding:5px 3px; line-height:100%; border:0px solid red; }
.all_category > ul > li > ul > li > a { display:inline-block; width:100%; color:#ffffff; font-weight:600; }
.all_category > ul > li > ul > li > a div { display:inline-block; margin-left:2px;background-color:#f1f1f1; border:1px solid #eeeeee; width:15px; height:15px; text-align:center; font-size:17px; }
.all_category > ul > li > ul > li dl { margin:5px auto 10px auto; }
.all_category > ul > li > ul > li dl dd { padding-left:10px; line-height:120%; }
#gnb:hover .all_category { display:block; }


/* 중간 레이아웃 */
#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%; padding-top:50px; }

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

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

#aside { position:relative; margin-top:-5px; width:100%;background-color:#0177B7; }

/* lnb
.lnb {background-color:#fff;}
.lnb h2 {font-size:28px;  font-family:"NanumGothic"; 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 0 20px; max-width:1200px; margin:auto; }
.lnb h2 {display:none;}
.lnb dl { width:100%; margin:0; /*border-bottom:1px solid #f1f1f1; box-sizing:border-box;*/ }
.lnb dl dd { float:left; height:50px; text-align:center; }
.lnb dl dd a { display:inline-block; padding:0 50px; font-family: "NanumGothic"; line-height:50px; font-size:18px; color:#ffffff; font-weight:bold; transition:all 0.2s; cursor:pointer;}
.lnb dl dd.on a, .lnb dl dd:hover a {background:#001D4F; color:#fff;}
#lnb02 dd a { padding:0 30px; }

.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 {background-color:#fff; border-top:1px solid #ccc; padding:30px 0;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:0px 0;line-height:20px; color:#666;}

#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:1200px;text-align:center}

#ft_company {text-align:center}

#ft_copy ul { width:1200px; margin:0 auto; }
#ft_copy ul li { display:inline-block; width:auto; float:left; }
#ft_copy ul li.copy_logo { padding:0px 100px 0 0; vertical-align:top; text-align:left; }
#ft_copy ul li.copy_info { text-align:left; padding-bottom:30px; }
#ft_copy ul li.copy_info strong { font-size:20px; color:#333333; }
#ft_copy ul li.copy_info strong span { font-size:16px; }
#ft_copy #ft_totop {position:absolute;top:10px;right:0}

/* main */
.main_v { position:relative; height:auto;max-width: 100%;margin: 0px auto 0 auto	; border:0px solid red;}

.main_img {position:relative;max-width: 100%;margin:auto;overflow:hidden; height:100%;}
.main_img_inner {background:url(../img/main_visual01.jpg) no-repeat center center; background-size:cover;  height:900px}
.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 center center;  background-size:cover; }
.main_img_inner > .main_txt {position: absolute; top:35%; left:50%; margin-left:-430px; margin-top:0px; width:860px; height:auto; padding:25px 0; box-sizing:border-box; border:0px solid red; word-break:keep-all; }
.main_img_inner > .main_txt > p.text01 {font-size:40px; text-align:center; color:#fff; font-family: 'NanumSquare'; font-weight:600; margin-bottom:30px; text-shadow: 0 0 10px #000000; letter-spacing:-2px; word-break:keep-all; }
.main_img_inner > .main_txt > p.text02 {font-size:30px; text-align:center; color:#fff; font-family: 'NanumSquare'; font-weight:600; margin-bottom:0px; text-shadow: 0 0 10px #000000; letter-spacing:-1.5px; word-break:keep-all; }
.main_img_inner > .main_txt > p.text03 {font-size:14px; text-align:center; color:#fff; font-family: 'Nanum Brush Script', cursive; text-shadow: 0 0 5px #000; }
.main_img_inner > .main_txt strong { font-size:40px; }

.sub_visual .main_img_inner { height:400px; }
.sub_visual .main_img_inner > .main_txt > p.text01 {font-size:35px; }
.sub_visual .main_img_inner > .main_txt > p.text02 {font-size:25px; }

.sec_01 {padding:0px 0 0 0; min-height:300px; margin-bottom:50px; }
.sec_02 {padding:0px 0 0px 0; background:url(../img/main_bar.jpg) no-repeat top center; background-size:cover; }

.main_section {padding:0px 0;margin:auto;overflow:hidden; margin-bottom:30px; }
.main_section h2 {font-family: "NanumGothic"; 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%; font-family: "NanumGothic"; font-size:50px; font-weight:700; text-align:center; margin:0 auto 30px auto; position:relative; }
.main_section .main_stitle01 { font-size:20px; color:#3eb135; font-family: 'NanumSquare'; margin:0 auto; font-weight:800; }
.main_section .main_stitle02 { font-size:20px; color:#3d3d3d; font-family: 'NanumSquare'; margin:0 auto; font-weight:400; }
.main_section .mt01_products { width:100%; padding-bottom:15px; border-bottom:2px solid #000000; font-size:45px; }
.main_section .main_title01 small { position:absolute; bottom:15px; right:0; font-size:15px; color:#666666; cursor:pointer; }
.sec_02 > .main_section { width:100%; height:100%; background:rgba(22,107,163,0.6); }

.sec_01 .main_banner01 { float:left; width:50%; background:url(../img/main_banner01.jpg) no-repeat right top; height:300px; background-size:cover; font-family:"NanumSquare"; }
.sec_01 .main_banner01 > .mb1_title { color:#ffffff; font-size:30px; font-weight:800; text-align:right; margin-bottom:20px; margin-right:50px; margin-top:60px; line-height:100%; }
.sec_01 .main_banner01 > .mb1_info { float:right; background:rgba(27,116,29, 0.5); color:#ffffff; font-size:17px; font-weight:600; text-align:right; width:550px; padding:15px 15px; margin-right:30px; word-break:keep-all; line-height:1.5; }

.sec_01 .main_banner02 { float:right; width:50%; background:url(../img/main_banner02.jpg) no-repeat right top; height:300px; background-size:cover; font-family:"NanumSquare"; }
.sec_01 .main_banner02 > .mb2_title { color:#ffffff; font-size:30px; font-weight:800; text-align:left; margin-bottom:20px; margin-left:50px; margin-top:60px; line-height:100%; }
.sec_01 .main_banner02 > .mb2_info { float:left; background:rgba(22,108,163, 0.5); color:#ffffff; font-size:17px; font-weight:600; text-align:left; width:550px; padding:15px 15px; margin-left:30px; word-break:keep-all; line-height:1.5; }

.main_bottom {text-align:center; font-family:"NanumSquare","Nanum Gothic",Gulim,dotum; width:640px; margin:0 auto; padding:50px 0; }
.main_bottom h3 {margin-bottom:30px; font-size:20px; color:#fff;}
.main_bottom .txt {font-size:20px; line-height:28px}
.main_bottom > .main_bans {overflow:hidden; margin-top:45px}
.main_bottom > .main_bans > li {float:left; width:300px; border:1px solid #fff; padding:12px 0; margin:0 10px; box-sizing:border-box;}
.main_bottom > .main_bans > li.main_tel > dl{text-align:center; margin:0;}
.main_bottom > .main_bans > li.main_tel > dl > dt {display:inline-block; font-size:24px; color:#fff;}
.main_bottom > .main_bans > li.main_tel > dl > dd {display:inline-block; font-size:24px; color:#fff; padding-left:10px}
.main_bottom > .main_bans > li.main_map { padding:10px 25px; text-align:left; font-size:24px; }
.main_bottom > .main_bans > li.main_map a {display:block; color:#fff;}

.main_bbs { border:1px solid #eeeeee; height:200px; padding:10px;} 
.main_bbs ul { width:95%; margin:0 auto; border:0px solid red; box-sizing:border-box;}
.main_bbs ul li { width:100%; height:auto; overflow:hidden; margin-top:10px; }
.main_bbs ul li:first-child { margin-top:0px; }
.main_bbs ul li .bbs_subject { width:100%;/* word-break:break-all;*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  font-size:16px; font-weight:600; font-family:"NanumSquare"; border:0px solid red; box-sizing:border-box;}
.main_bbs ul li .bbs_date { text-align:left; overflow:hidden; word-break:break-all; color:#A9A9A9; font-size:15px; font-weight:500; }

.main_bbs_inner {margin-bottom:30px; min-height:140px; }
.main_bbs_inner:last-child{margin-bottom:0;}

h3.tit {font-size:24px; font-weight:bold; font-family:"NanumGothic"; 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;}


.photo_list8 {width:100%; margin:0 auto;}
.photo_list8 ul{position:relative;margin:0;padding:0; list-style:none;}
.photo_list8 ul:after{display:block;clear:both;content:""}
.photo_list8 ul li {float:left;position:relative;top:1px; width:24%; margin-right:1.3333%; margin-bottom:80px;  border:1px solid #e1e1e1; box-sizing:border-box; }
.photo_list8 ul li:after { content:""; display:block; padding-bottom:80%; }
.photo_list8 ul li:nth-child(4n) {margin-right:0;}
.photo_list8 ul li .thumb{ position:absolute; left:0; bottom:5px; width:100%; height:96%; padding:0; text-align:center; margin:0 auto; z-index:1;}
.photo_list8 ul li .thumb img{ width:96%; height:100%; border:0px solid red; box-sizing:border-box; margin:0 auto; }
.photo_list8 ul li a {display:block;padding:0;margin:0;text-decoration:none;cursor:pointer}
.photo_list8 ul li .bbs_title {position:absolute; bottom:-80px; left:0; padding-top:10px; font-weight:600; color:#0177B7; text-align:left; width:100%; height:70px; overflow:hidden; font-size:18px; line-height:1.2; z-index:3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* sub */
.cont_tit { overflow:hidden; color: #292929; text-align:center; position: relative; margin-bottom:30px; border:0px solid red;}
.cont_tit h3{font-size: 30px; margin-top:20px;  color:#333; font-family: "NanumGothic";}
.cont_tit .nav {font-size:12px; color:#999; line-height: 29px; font-family:"NanumGothic";}
.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:100%; font-family: "NanumGothic"; /*background:url(../img/main_middle01_title_bg.png) repeat left -1px;border:2px solid #919191; border-radius:10px;  padding:10px 0px;*/ font-size:27px; font-weight:700; text-align:center; margin:10px auto 20px auto; }

.cate_tab {width:100%; margin: 0px 0 20px 0px;}
.cate_tab a {display:inline-block; border:1px solid #0177B7; border-top:2px solid #0177B7; box-sizing:border-box; text-align:center; width:auto; margin-right:1%; margin-bottom:5px; padding:10px 10px; cursor:pointer; vertical-align:top; font-size:17px; color:#0177B7; font-weight:500; }
.cate_tab a.on {background-color:#0177B7; border:1px solid #0177B7; border-top:2px solid #0177B7; color:#ffffff; }

.content {margin-bottom:30px;}

.txt_box {font-size: 15px; line-height:150%;}
.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;}

.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:"NanumGothic"; 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:30%; 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:65%; font-size:15px; line-height:170%; }


.greetings {text-align:left;}
.greetings strong{ color:#0177B7;}

.greetings .txt_box .box_left img { max-width:313px; border-radius:5px; }
.greetings .txt_box .box_right p { line-height:150% !important; }

.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}

.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%; height:450px; margin:0 auto 30px auto; }
.map_box div.root_daum_roughmap { width:100%; max-width:1100px; height:450px; margin:0 auto;}
.mapinfo { width:100%; max-width:1100px; margin:0 auto 0px 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;}

.sub0102 .step01 { width:100%; }
.sub0102 .step01 ul { width:100%; }
.sub0102 .step01 ul li { width:100%; display:table; margin-bottom:30px; }
.sub0102 .step01 ul li:last-child { margin-bottom:0px; }
.sub0102 .step01 ul li dl { display:table-row; }
.sub0102 .step01 ul li dl dt { display:table-cell; width:35%; height:auto; text-align:center; vertical-align:middle; font-size:18px; font-weight:600; font-family:"NanumSquare"; background-color:#0177B7; color:#ffffff; border-radius:5px 0 0 5px; padding:5px 10px; }
.sub0102 .step01 ul li dl dt .st_title01 { padding:10px 0; font-size:22px; }
.sub0102 .step01 ul li dl dt .st_title02 { width:60%; min-width:230px; border-top:1px solid #ffffff; text-align:left; margin:0 auto; padding:10px 0; font-weight:normal;}
.sub0102 .step01 ul li dl dd { display:table-cell; width:65%; height:60px; vertical-align:middle; background-color:#f8f8f8; padding:10px 20px; font-size:17px; font-weight:400; color:#000000; line-height:150%; border-radius:0 5px 5px 0; border:1px solid #dddddd; box-sizing:border-box;}


.sub_sec .ss_title01 { clear:both; font-size:24px; font-weight:500; /*background:url(../img/bullet03.png) no-repeat left top 10px; padding-left:30px;*/ color:#000000; position:relative; margin:0 auto;}
.sub_sec .ss_title01 > span { border-bottom:6px solid #FFBB11; }
.sub_sec .ss_title01:before { content:"● "; color:#0165a3; font-size:23px; }
.sub_sec .ss_title02 { font-size:18px; font-weight:600; color:#000000; /*font-family:"NanumSquare", sans-serif;*/ border:0px solid red; margin-bottom:10px; text-align:left; position:relative; }
/*.sub_sec .ss_title02:before { content:"● "; color:#244179; font-size:20px; }*/
.sub_sec .ss_title02 small { position:absolute; right:0; bottom:5px; font-size:15px; font-weight:400; }
.sub_sec .sub_title_grd { display:inline-block; width:auto !important; padding:15px 30px; background: linear-gradient(to right, #3eb9b6, #1e388e); font-size:25px; font-weight:600; color:#ffffff; font-family:"NanumSquare", sans-serif; }
.sub_sec .ss_title03 { font-size:16px; font-weight:600; /*font-family:"NanumSquare", sans-serif;*/ border:0px solid red; text-align:left; margin-top:10px;}

.sub_sec .ss_content { margin:20px auto 0 auto; padding-left:0px;  }
.sub_sec .ss_content .info_note { font-size:14px; padding:0; width:100%; }
.sub_sec .ss_content .ss_info {  font-size:16px; padding:20px 0px 0 0; line-height:1.5; border:0px solid #cccccc; box-sizing:border-box; border-radius:10px; background-color:#fff; }
.sub_sec .ss_content .ss_info:first-child { padding-top:0; }
.sub_sec .ss_content .ss_info > ul > { width:100%; }
.sub_sec .ss_content .ss_info > ul > li { width:100%; padding:0px; border-bottom:0px solid #bbbbbb; margin:0 auto; }
.sub_sec .ss_content .ss_info > ul > li:last-child { border-bottom:0; }
.sub_sec .ss_content .ss_info > ul > li > p { font-weight:600; color:#000000; margin-bottom:10px; }
.sub_sec p { font-size:17px; padding-left:20px; }
.sub_sec .ss_content .ss_info > ul.icon > li:before { content:"ㅇ"; }
.sub_sec .ss_content .ss_info .text01 { font-weight:600; }

.info_box { border:1px solid #c8c8c8; box-sizing:border-box; background-color:#f5f5f5; font-size:20px; font-weight:500; line-height:1.8; padding:35px 30px; text-align:left; letter-spacing:-0.5px; border-radius:10px; width:100%; margin:0 auto; word-break:keep-all; } 
.info_box > .ib_tab { display:table; font-size:22px;}


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:#0177B7; color:#ffffff; border:1px solid #e5eed9;
		box-sizing:border-box;}
.tblwrap .tblstyle tbody th{ width:200px; padding:10px 10px; text-align:center; background-color:#0177B7; color:#ffffff; border:1px solid #e5eed9;		box-sizing:border-box;}
.tblwrap .tblstyle tbody td { width:calc(100% - 200px); padding:10px 10px; text-align:left; border:1px solid #e5eed9;; box-sizing:border-box; word-break:keep-all; }

.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;}


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

@media ( max-width: 1199px ) {
	#gnb_1dul_pc > li.gnb_1dli {padding:0 25px}
	#ft #ft_copy ul {text-align:center; width:100%;}
	#ft #ft_copy ul li {float:none;display:block; margin-right:10px; line-height: 20px;    color: #666;}
	.copy_logo {margin-bottom:20px}

}
@media ( max-width: 1023px ) {
	.br_pc { display:none; }
	.br_mo { display:block; }

	#hd {height:80px; }
	#gnb .gnb_wrap{width:auto; height:100%; overflow-y:scroll }
	#gnb_wrap {position:fixed !important; top:0; left:auto !important; right:-350px; width:350px; max-width:100%; height:100%;  margin:Auto;background:#345EA1; 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; width:250px;}
	#gnb_1dul > li.gnb_1dli {float:none; height:auto; text-align:left; padding:0; float:none; line-height:18px}
	#gnb_1dul > li.gnb_1dli:hover {background-color:#345EA1; color:#ffffff;}
	#gnb .gnb_1dli.on .gnb_1da {color:#ffffff}
	#gnb .gnb_1dli:hover .gnb_1da {color:#ffffff;}
	#gnb .gnb_2dul .top_line { display:none; }
	#gnb_1dul > li > a {position: relative; height:auto; padding:15px 25px; padding-left:60px; font-size:17px; border-bottom:1px solid #cccccc; color:#ffffff; }
	#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:#f1f1f1; 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.gnb_2da {font-size:17px; padding:10px 25px; line-height:18px;color:#222222; }
	#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}
	#gnb:hover #all_category { display:none !important; }

	#all_category { display:none !important; }
	.gnb_3dli { clear:both; padding-left:40px; line-height:130%; padding-bottom:10px; margin-top:-5px;  }
	.gnb_3dli a { font-size:17px; font-weight:200; }

	#btnNav {display:block;}
	#btnUser {display:none;}

	 #logo { margin-top:5px; margin-left:50px;}
	 #logo img{height:40px; padding-top:0;}

	#tnb { display:none; left:0; top: 80px; right:auto; padding-top: 10px; width:100%; text-align: center;}

	.main_v {height:auto; margin-top:0px; border:0px solid red;}
	.main_v .main_img_inner{height:600px;}
	.main_img_inner > .main_txt { top:35%; left:15%; margin:0 auto; width:70%; }
	.main_img_inner > .main_txt > p.text01 {font-size:30px; }
	.main_img_inner > .main_txt > p.text02 {font-size:25px; }
	.sub_visual .main_img_inner { height:300px; border:0px solid red; }
	.sub_visual .main_img_inner > .main_txt > p.text01 {font-size:30px; }
	.sub_visual .main_img_inner > .main_txt > p.text02 {font-size:22px; }

	.mcate_list ul li .bbs_title { font-size:16px; }


	#wrapper_main {padding:0 10px; box-sizing: border-box;}

	.img_box .img_list li {height:270px; overflow:hidden; }
	
	.sec_01 {margin-bottom:0px; }
	.sec_01 .main_banner01 { float:none; width:100%; border:1px solid #ffffff; box-sizing:border-box;}
	.sec_01 .main_banner02 { float:none; width:100%; border:1px solid #ffffff; box-sizing:border-box; }


	.main_bottom {width:100%}
	.main_bottom > .main_bans {text-align:center;}
	.main_bottom > .main_bans > li {float:none; display: inline-block;}


	.main_bbs { width:95%; margin:0 auto; height:auto; }

	.txt_box .box_left {float:none;width:100%; margin-right:0; margin-bottom:30px; min-height:auto; }
	.txt_box .box_left img { width:80%; max-width:700px; }
	/*.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%}


	/* sub */
	.lnb dl dd { height:40px; }
	.lnb dl dd a { padding:0 30px; line-height:40px; font-size:17px;}
	
	.content .sub_sec { margin-top:50px; }

}
@media ( max-width: 767px ) {
	#btnNav { right:10px}
	#btnUser {right:60px}
	#logo {margin-left:10px;}
	#logo a {margin-top:20px}
	#logo img{height:35px;}

	.main_v .main_img_inner{height:500px;}
	.main_img_inner > .main_txt { top:30%;}
	.main_img_inner > .main_txt p.text01 {font-size:25px; }
	.main_img_inner > .main_txt p.text02 {font-size:20px; }
	.sub_visual .main_img_inner { height:250px; border:0px solid red; }
	.sub_visual .main_img_inner > .main_txt > p.text01 {font-size:22px; margin-bottom:10px; }
	.sub_visual .main_img_inner > .main_txt > p.text02 {font-size:18px; }

	.br_mo { display:none; }

	#container_main { padding-top:20px; }

	.main_section:first-child { margin-top:30px; }
	.main_section .main_title01 { width:100%; font-size:30px; font-weight:600; }
	.main_section .main_stitle01 { font-size:14px; font-family: 'NanumGothic';}
	.main_section .main_stitle02 { font-size:14px;}
	
	.sec_01 { min-height:240px; }
	.sec_01 .main_banner01 { height:240px; }
	.sec_01 .main_banner01 > .mb1_title { font-size:25px; font-weight:800; margin-bottom:20px; margin-right:50px; margin-top:30px;}
	.sec_01 .main_banner01 > .mb1_info { float:none; font-size:15px; font-weight:600; width:90%; padding:15px 15px; margin:0 auto; }
	.sec_01 .main_banner02 { height:240px; }
	.sec_01 .main_banner02 > .mb2_title { font-size:25px; font-weight:800; margin-bottom:20px; margin-left:50px; margin-top:30px;}
	.sec_01 .main_banner02 > .mb2_info { float:none; font-size:15px; font-weight:600; width:90%; padding:15px 15px; margin:0 auto; }



	.photo_list8 ul li{ width:48%; margin-right:4%; margin-bottom:60px; }
	.photo_list8 ul li:nth-child(4n) {margin-right:4%;}
	.photo_list8 ul li:nth-child(2n) {margin-right:0;}
	.photo_list8 ul li:after { content:""; display:block; padding-bottom:75%; }
	.photo_list8 ul li .thumb{ top:2.5%; bottom:auto; height:95%;}
	.photo_list8 ul li .bbs_title { bottom:-75px; padding-top:0px;height:70px; font-size:17px;}
	.photo_list8 ul li .bbs_title .bbs_subtitle {height:20px; font-size:14px; }
	.photo_list8 ul li .btn_go { display:none; }

	.mcate_list ul li{ width:48%; margin-right:4%; }
	.mcate_list ul li:nth-child(5n) {margin-right:4%;}
	.mcate_list ul li:nth-child(2n) {margin-right:0;}
	.mcate_list ul li .bbs_title { font-size:17px;}

	.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;}

	 #ft p {padding:0 10px; }

	/* sub */
	#aside { display:none;}

	.cont_tit { margin-bottom:20px; }
	
	.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;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;}


	.tblwrap .tblstyle tbody th{ width:120px; padding:8px 5px; word-break:keep-all; font-size:14px; font-weight:500; }
	.tblwrap .tblstyle tbody td{ width:calc(100% - 120px); padding:8px 5px; font-size:14px; font-weight:400; }

	.tblwrap .tblstyle02 {margin-top:15px; font-size:13px; }
	.tblwrap .tblstyle02 th{padding:8px 5px;}
	.tblwrap .tblstyle02 td{padding:8px 10px;}
	 
	.sub0102 .step01 ul li dl dt { width:35%; }
	.sub0102 .step01 ul li dl dt .st_title01 { font-size:18px; }
	.sub0102 .step01 ul li dl dt .st_title02 { width:60%; min-width:190px; font-size:15px;}
	.sub0102 .step01 ul li dl dd { font-size:15px; }


	.sub_sec .ss_title01 { font-size:20px; /*background:url(../img/bullet03.png) no-repeat left top 7px; background-size:15px 16px; padding-left:25px;*/ }
	.sub_sec .ss_title02 { font-size:18px; font-weight:500;text-align:left; }
	.sub_sec .ss_title04 { font-size:16px; font-weight:500;text-align:left; }
	
	.sub_sec .ss_info { padding:20px 10px; }
	.sub_sec .ss_info > ul > li { font-size:16px; }
	.sub_sec p { font-size:16px; }

	.info_box { padding:20px 10px; font-weight:500; line-height:1.5; font-size:16px; } 
}

@media ( max-width: 479px ) {
	#logo {margin-left:15px;}

	#tnb { right: 5px; }
	#tnb a {  font-size:14px; margin-right:3px; letter-spacing:-1px; font-weight:600;}

	.main_v .main_img_inner{height:500px;}
	.main_img_inner > .main_txt { top:35%; left:5%; width:90%; }
	.main_img_inner > .main_txt > p.text01 {font-size:25px; }
	.main_img_inner > .main_txt > p.text02 {font-size:18px; }
	.sub_visual .main_img_inner { height:250px; border:0px solid red; }

	.br_mo { display:block; }

	.sec_01 .main_banner01 { height:300px; }
	.sec_01 .main_banner02 { height:260px; }

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

	.main_section h2 {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}
	

	.txt_box .box_left img { width:90%; }

	.sub0102 .step01 ul li dl dt { width:35%; }
	.sub0102 .step01 ul li dl dt .st_title01 { font-size:15px; letter-spacing:-1px; }
	.sub0102 .step01 ul li dl dt .st_title02 { width:6

	.sub_sec .ss_content { padding-left:0px;  }
	.info_box { font-size:15px; } 
}