@charset "utf-8";
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px; font-family:"NanumBarunGothic"; color:#000;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, button {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; }
.martop20 { margin-top:20px; }
.martop50 { margin-top:50px; }
.marbot10 { margin-bottom:10px; }
.marbot30 { margin-bottom:30px; }
.marbot50 { margin-bottom:50px; }
.padbot50 { padding-bottom:50px; }
.texlef { text-align:left; }
.texcen { text-align:center; }
.texrig { text-align:right; }

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

.underline {text-decoration: underline;}

.flolef {float:left;}
.florig {float:right;}

/* 상단 레이아웃 */
#hd {z-index:5;position:relative;  top:0;  width:100%; background-color: #ffffff; margin: auto; border-bottom:0px solid #f7f5ea;}
.hd_zindex {z-index:10 !important}
#hd_wrapper {position:relative;margin:0 auto;padding:0px 0 0; max-width: 1200px;zoom:1; height:110px; border:0px solid red; }
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

.hd_smenu {position:relative;margin:0 auto;padding:0px 0 0;width: 100%; height:50px; border:0px solid red; background-color:#000000; }
.hd_smenu .hd_smenu2 {width: 100%; max-width: 1200px; margin:0 auto; }
.hd_smenu .hd_smenu2 ul { float:right;}
.hd_smenu .hd_smenu2 ul li { float:left; line-height:50px; margin-left:20px; }
.hd_smenu .hd_smenu2 ul li:last-child { margin-right:10px; }
.hd_smenu .hd_smenu2 ul li a { font-size:16px; color:#fff; letter-spacing:0px; }

/* 상단 로고 */
#logo {float:left; text-align:center; border:0px solid red;}
#logo img {margin-top: 0px;}

/* 상단 소메뉴 */


/* 메인 대메뉴/소메뉴 */
#gnb {float:right; /*position:absolute; top:0px; left:0; */width:auto; max-width: 1005px; margin:0 auto; /*background-color:rgba(127,190,37, 0.9); */z-index:10000; border:0px solid red;}
#gnb .gnb_wrap{margin:0 auto;position:relative; width:100%; max-width:1200px; height:110px; margin:0 Auto; border:0px solid white;}
#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:110px; text-align:center; padding:0 20px;  box-sizing:border-box;position:relative;}
#gnb .gnb_1dli:hover{/*background-color:#ffffff;*/}
#gnb .gnb_1dli:hover .gnb_1da {color:#222222;}
#gnb * {z-index:10000;}
.bx-wrapper * {z-index:1 !important;}
.gnb_1da {display:block;font-weight:600;color:#222222;text-decoration:none; width:100%; font-size:21px;/* font-family:"NanumSquare"*/; }
.gnb_2dul {display:none;position:absolute;top:108px; left:-20px; width:170px; padding:0px 0 !important;	background-color:#ffffff;  }
#m5 .gnb_2dul { left:-35px; }
.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;padding:0;line-height:50px;color:#222222;text-align:left;text-decoration:none; font-size:15px; font-weight:500;}
a.gnb_2da:hover{color:#222222; font-weight:500;/* text-decoration: underline;*/}
.gnb_1dli_over .gnb_2dul {display:block;}
#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#222222}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {color:#222222; font-weight:500; text-decoration: underline;}
#gnb .gnb_2dul .top_line { border-bottom:2px solid #c42c2c; }
/*#gnb .gnb_2dul .top_line div {width:80px; height:3px; background-color:#0171a3; margin:0 auto; }*/

#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:#345EA1; transition:all .4s ease; border:0px solid white; box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff; }
#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%;}

.samjae_ssmenu { display:none; }

/* 메인 비쥬얼 및 컨텐츠 구조설정 */
.main_v {height:auto; max-width: 100%;margin: auto; position:relative; border-bottom:0px solid #0177b7;}
.main_img {position:relative;max-width: 100%;margin:auto;overflow:hidden; height:100%; }
#wrapper_main {width:100%;}
#ft { width:100%; height:auto; /*background-color:#fff; border-top:1px solid #ccc;*/ }
#ft_copy {position:relative; height:auto; padding:10px 0; text-align:center; background-color:#757575; border-bottom:0px solid #555555; /*background:url(../img/footer_bg.jpg) no-repeat left top;*/ }

/* 메인 비쥬얼 설정 */
.main_img_inner { height:500px; position:relative; }
/*.main_img_inner img.main_visual_pc { position:absolute; left:50%; top:0; margin-left:-950px; z-index:1; width:100%; max-width:1920px; border:1px solid red; box-sizing:border-box;}*/
.main_img_inner img.main_visual_mo { display:none; }
.main_visual01 {background:url(../img/main_visual01_new.jpg?t=2) no-repeat center center; background-size:cover; }
.main_visual02 {background:url(../img/main_visual02_new.jpg?t=2) no-repeat center center; background-size:cover; }
.main_visual03 {background:url(../img/main_visual03.jpg) no-repeat center center; background-size:cover; }
.main_visual_txt {position: absolute; top:40%; left:50%; width:auto; margin-left:-580px; height:auto; /*background-color:rgba(0,0,0,0.3); */padding:20px 20px; }
.main_visual_txt p.visual_text01 { width:100%; max-width:450px; font-size:38px; line-height:1.3; text-align:center; color:#fff; font-family: "NanumSquare"; font-weight:600; letter-spacing:-1px; padding:0px 0px; margin:0 auto; text-shadow: 1px 1px 3px #666666, -1px -1px 3px #666666; }
.main_visual_txt strong { font-size:40px; }
.main_visual_txt2 {position: absolute; bottom:20px; left:50%; margin-left:-300px; width:550px; margin:0 auto; line-height:50px; color:#ffffff; font-size:30px; font-weight:800; text-align:right; border:0px solid red; }
.main_visual_txt2 a { color:#ffffff; }

.btns_vod { position:absolute; bottom:20px; left:50%; margin-left:264px; border:3px solid #ffffff; background-color:transparent; padding:5px; width:248px; }
.btns_vod div { background-color:#f5f5f5; font-size:25px; font-family:"NanumSquare"; line-height:45px; text-align:center; letter-spacing:-1px; }
.btns_vod div img { margin-left:10px; display:inline-block;}
.btns_vod div a { display:inline-block; width:100%; height:100%; padding:5px 0; }

/* 부적동영상(새창) */
.view_vod { width:100%; text-align:center; }
.view_vod_title { margin:30px auto; font-size:20px; font-family:"NanumSquare"; }
.view_vod_close { margin:20px auto; }
.view_vod_close a { display:inline-block; width:auto; height:100%; padding:5px 10px; font-family:"NanumSquare"; border:1px solid #666666; background-color:#f5f5f5; }

/* 메인 컨텐츠 구조 설정 */
.sec_01 {padding:60px 0 0 0;}
.sec_02 {padding:25px 0 40px 0; margin-top:30px; }
.main_section { width:100%; max-width: 1200px; padding:0px 0;margin:auto;overflow:hidden; }
.main_subsec_half { width:48%; height:auto; min-height:320px; }
.ms_left { float:left; }
.ms_right { float:right; }

/* 메인 전화번호 배너 */
.main_banner_phone { width:100%; text-align:center; }
.main_banner_phone img.main_banner_phone_pc { width:100%; max-width:1200px; }
.main_banner_phone img.main_banner_phone_mo { display:none; }


/* 메인 컨텐츠부분 중 좌우구조 설정 */
.main_subsec_half .main_title02 { width:100%; font-family: "NanumGothic"; text-indent:20px; height:42px; line-height:42px; font-size:25px; font-weight:700; margin:20px 0;  }
.main_subsec_half .main_title03 { width:100%; font-family: "NanumGothic"; text-indent:20px; height:42px; line-height:42px; font-size:25px; font-weight:700; margin:20px 0;  }
.main_subsec_half ul { height:auto; }
.main_subsec_half .main_title02 small, .main_subsec_half .main_title03 small { font-size:15px; vertical-align:top; }

/* 메인 홍보배너 목록 */
.main_section .main_title01 { position:relative; font-family: "NanumSquare"; font-size:40px; font-weight:500; text-align:center; margin:0 auto; }
.main_section .main_title01 small { position:absolute; right:0; top:5px; }
.main_section .main_title01 small a { font-size:18px; font-family: "NanumGothic"; }
.list_banner { margin-bottom:25px;}
.list_banner:after { clear:both; display:block; content:""; }
.list_banner li {position:relative; background-color:#fff; padding:0px; border-bottom:0px solid #ebebeb; box-sizing:border-box; float:left; width:25%; font-family:"NanumSquare";}
.list_banner li .mb_img { float:left; position:relative; width:90px;}
.list_banner li .mb_img img {width:100%; max-width:90px; height:auto; }
.list_banner li .banner_subject { float:left; width:70%; height:auto; overflow:hidden; text-align:left; font-size:17px; color:#333333; font-weight:600; letter-spacing:-1px;margin-top:3px; line-height:130%; padding:0 10px; box-sizing:border-box;border:0px solid #ebebeb;}
.list_banner li .banner_subject p { font-size:26px; font-weight:700; color:#000000; margin-top:10px; padding:2px 0; }

/* 메인 게시물 목록 */
.list_bbs { width:90%; margin:0 auto 30px auto;}
.list_bbs li { width:100%; height:40px; line-height:40px; border-bottom:0px solid #256c68; text-indent:10px; overflow:hidden; }
.list_bbs li .bbs_subject { float:left; width:70%;/* word-break:break-all;*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list_bbs li .bbs_date { float:right; width:30%; text-align:right; overflow:hidden; word-break:break-all; }

/* 메인 갤러리/배너 목록 */
.list_bbs_photo { width:90%; margin:0px auto 0px auto;}
.list_bbs_photo li { float:left; width:32%; height:auto; margin-right:2%; background-color:#ffffff; text-align:center; border:1px solid #b1b0b0; box-sizing:border-box;}
.list_bbs_photo li:nth-child(3n) { margin-right:0; }
.list_bbs_photo li .list_photo_img { position:relative; width:100%; height:120px; line-height:120px; padding-top:10px; }
.list_bbs_photo li .list_photo_img img { width:auto; max-width:100%; height:auto; max-height:100%;}
.list_bbs_photo li .list_photo_subject { font-size:25px; height:25px; line-height:25px; padding-bottom:25px; width:100%; color:#666666; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* 메인 추천제품 목록 */
.list_products { width:100%; margin:30px auto 0px auto;}
.list_products li { float:left; width:22%; height:auto; margin-right:4%; margin-bottom:20px; background-color:#ffffff; text-align:center;}
.list_products li:nth-child(4n) { margin-right:0; }
.list_products li .list_photo_img { position:relative; width:100%; height:240px; line-height:240px; }
.list_products li .list_photo_img img { width:auto; max-width:240px; height:auto; max-height:100%; border:1px solid #b1b0b0; box-sizing:border-box;}
.list_products li .list_photo_subject { text-align:left; width:100%; max-width:240px; margin:10px auto 0 auto; height:70px; line-height:130%; padding:0px; font-family:"NanumSquare"; font-size:17px; color:#000000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list_products li .list_photo_subject p { padding:5px;  }
.list_products li .list_photo_subject p.subject01 { background-color:#f2b821; font-weight:600; }

/* 하단메뉴 */
.footer_customer { width:100%; height:auto; }

.footer_customer .inner { width:100%; max-width:1200px; border:0px solid red; margin:0 auto; }
.footer_customer .inner .customer_list .title01 { font-size:16px; color:#555555; font-weight:400; }
.footer_customer .inner .customer_list .title01 h2 { font-size:40px; font-weight:800; margin-bottom:20px; font-family:"NanumSquare","Nanum Gothic",Gulim; }
.footer_customer .inner .customer_list ul { width:100%; margin:30px 0 50px 0;}
.footer_customer .inner .customer_list ul li { float:left; width:27%; border-left:1px solid #555555; padding-left:40px; height:80px; box-sizing:border-box; }
.footer_customer .inner .customer_list ul li:first-child { border-left:0;padding-left:0; }
.footer_customer .inner .customer_list ul li:nth-child(2) { width:21%; }
.footer_customer .inner .customer_list ul li:nth-child(3) { width:25%; }
.footer_customer .inner .customer_list ul li .title02 div { float:left; margin-bottom:10px; }
.footer_customer .inner .customer_list ul li .title02 div.icon { margin-right:20px; }
.footer_customer .inner .customer_list ul li .title02 div.title03 {  margin-top:5px;font-size:17px; font-weight:800; color:#555555; vertical-align:middle; font-family:"NanumSquare","Nanum Gothic",Gulim;  }
.footer_customer .inner .customer_list ul li .text { clear:both; font-size:18px; font-weight:600; font-family:"NanumGothic",Gulim; }
.footer_customer .inner .customer_list ul li.logo_footer { padding-top:10px; text-align:center; }

/* 하단 레이아웃 */
#ft_copy > ul { width:100%; max-width:1200px; margin:0 auto; }
#ft_copy > ul > li { float:left; border:0px solid red; box-sizing:border-box; }
#ft_copy > ul > li.footer_logo { width:25%; }
#ft_copy > ul > li.footer_info { width:100%; }
#ft_copy > ul > li > ul { width:53%; margin:0 auto; border:0px solid red; }
#ft_copy > ul > li > ul > li { float:left; margin-right:30px; color: #666; font-size:13px; color:#ffffff !important; line-height:200%; }
#ft_copy > ul > li > ul > li a { color:#ffffff; }
#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; }


/* sub */
/* 페이지 구조 */
.sub_contents_tab { width:100%; max-width:1200px; margin:0 auto; }
.sub_contents_tab td.sub_left { width:20%; vertical-align:top; padding-top:30px; padding-bottom:100px; }
.sub_contents_tab td.sub_right { width:80%; vertical-align:top; }

/* 서브비쥬얼 */
.sub_visual {border-bottom:0px solid #0177b7;}
.sub_visual .main_img_inner { height:410px; }
.sub_visual .main_img_inner .main_visual_txt {top:30%; height:auto; }
.sub_visual .main_img_inner .main_visual_txt p.visual_text01 { max-width:350px; font-size:25px; }
.sub_visual .bx-wrapper .bx-pager { display:none !important; }
.sub_visual00 {background:url(../img/sub_visual01.jpg) no-repeat center center; }
.sub_visual01 {background:url(../img/sub_visual01_new.jpg) no-repeat center center; }
.sub_visual02 {background:url(../img/sub_visual02_new.jpg) no-repeat center center; }


/* 서브 소메뉴(상단 혹은 좌측) */
#aside_map { position:relative; background-color: #ffffff; width:100%; border-bottom:0px solid #bbbbbb; box-sizing:border-box; z-index:4;}
.lnb_map { width:100%; overflow:hidden; margin:0px 0 20px; margin:auto; }
.lnb_map:after { clear:both; content:""; display:block; }
.lnb_map li { width:100%; height:auto; text-align:center; font-size:25px; font-weight:400; }
.lnb_map li.map_step2 { background-color:#f2b821; color:#000; padding:15px 0; margin-bottom:20px; }
.lnb_map li a { font-size:23px; font-weight:400; text-align:center; font-family:"NanumSquare"; color:#000; /*transition:all 0.2s; cursor:pointer; text-shadow: 0 0 5px #000;*/ }
.lnb_map dl { display:; width:100%; margin:0; /*border-right:1px solid #545454; border-bottom:1px solid #545454; box-sizing:border-box;*/ }
.lnb_map dl dd { position:relative; width:100%; line-height:40px; text-align:left; padding-left:25px;}
.lnb_map dl dd a {}
.lnb_map dl dd.on {display:block; }
.lnb_map dl dd small { position:absolute; top:-7px; left: 10px; font-size:5px; color:#c42c2c; }
.lnb_map dl dd p.ssmenu { line-height:100%; padding-left:10px; }
.lnb_map dl dd p.ssmenu a { font-size:18px; }

/* 서브 컨텐츠부분 레이아웃 */
#wrapper {z-index:4;margin:0 auto;width:100%; max-width:1200px;zoom:1; }
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {z-index: 4; position: relative; padding: 0; height: auto !important; min-height: 500px; background: #fff; font-size: 1em; zoom: 1; padding: 25px 0px 50px 40px; box-sizing: border-box;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

/* 서브 제목 */
.cont_tit { width:100%; max-width:1200px; overflow:hidden; color: #292929; text-align:left; position: relative; margin-top:30px; margin-bottom:30px;}
.cont_tit ul li { float:left; height:50px; line-height:50px; margin-bottom:20px; }
.cont_tit ul li.page_title01 { width:100%; text-align:center; font-family:"NanumSquare"; border-bottom:0px solid #343434; }
.cont_tit ul li.page_title01 strong { border-bottom:0px solid #7fbe25; font-size:32px; font-weight:600;  }
.cont_tit ul li.page_title02 { display:none; width:70%; text-align:left; border-bottom:1px solid #e0e0e0; }


/* 서브 내용 디자인 */
.content { padding-bottom:50px; }

.sub_title01 { font-family:"NanumSquare"; font-size:28px; color:#174e7a; font-weight:700; width:100%; text-align:center; }
.sub_title02 { font-size:25px; color:#d79d0e; font-weight:400; }

/* 내용 기본 디자인 */
.txt_box {margin-bottom:30px}
.txt_box p {font-size:15px; line-height:30px; margin-bottom:15px}

.img_box {margin:0px; text-align:center;}
.img_box img { width:auto; 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;}

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

/* 인사말 */
.greetings {text-align:left; margin-top:30px;}
.greetings strong{font-size:18px;}
.greetings ul li.img { float:left; width:50%;}
.greetings ul li.img .img_box { width:auto; border:0px solid #999999; box-sizing:border-box; padding:5px; }
.greetings ul li.img .img_box img { width:100%; max-width:390px; vertical-align:top; margin-bottom:10px; }
.greetings ul li.text { float:left; width:50%; padding-top:0px; }
.greetings ul li.text .sub_text01 { line-height:160%; font-size:23px; vertical-align:top; }

.sub0101_box { margin-top:23px; width:auto; padding:20px 10px; font-size:16px; line-height:150%; background-color:#174e7a; color:#ffffff;}
.sub0101_box h2 { font-size:23px; margin-bottom:10px; }
.sub0101_box div { display:inline-block; }
.sub0101_box a { color:#ffffff; text-decoration:none; }

ul.sub0101_img_box { width:100%; margin-top:50px; }
ul.sub0101_img_box li { float:left; width:49%; }
ul.sub0101_img_box li:last-child { margin-left:2%; }
ul.sub0101_img_box li img { width:100%; max-width:600px; }

/*사주상담*/
.sub0201 ul { width:100%; }
.sub0201 ul li.img { float:left; width:50%; }
.sub0201 ul li.text { float:left; width:50%; min-height:416px; background:url(../img/sub0201_02.jpg) no-repeat left top; padding-top:80px; text-align:center; border:0px solid red;box-sizing:border-box; }
.sub0201 ul li.text .sub_text01 { width:416px; font-family:"NanumSquare"; line-height:160%; font-size:20px; font-weight:500; vertical-align:top; }
.sub0201 ul li.text .sub_text01 h2 { font-size:25px; font-weight:700; margin-bottom:20px; }
.sub0201 ul li.text .sub_text01 .sub0201_01 { font-size:25px; color:#2cb4c4; margin-top:30px; }
.sub0201 ul li.text .sub_text01 .sub0201_01 h2 { font-size:33px; font-weight:800; margin-top:5px; }
.sub0201 ul li.text .sub_text01 .sub0201_01 h2 a {  color:#2cb4c4; }

/* 부적이란 */
.sub0401 .sub_text01 { font-size: 16px; line-height:160%; }
.sub0401 ul { width:100%; }
.sub0401 ul li.img { float:left; width:38%; text-align:left; }
.sub0401 ul li.text { float:left; width:62%; vertical-align:top; padding:0; border:0px solid red;box-sizing:border-box; }
.sub0401 ul li.text dl.sub_title03 { display:table; margin:0 0 30px; padding:0; }
.sub0401 ul li.text dl.sub_title03 dt { display:table-cell; font-size:25px; color:#d79d0e; padding:0px; border:0px solid red; box-sizing:border-box; }
.sub0401 ul li.text dl.sub_title03 dd { display:table-cell; font-size:20px; color:#d79d0e; padding:5px 5px 5px 15px; vertical-align:top; border:0px solid red; box-sizing:border-box; }
.sub0401 ul li.text dl.sub_title03 dd h2 { font-size:30px; font-weight:400; margin-bottom:10px; }


.sub0401 ul li.text p { line-height:140%; }
.sub0401 ul li.text p.list { font-size:17px; line-height:120%; }
.sub0401 ul li.text p strong { font-size:17px; color:#a75726 }
.sub0401 ul li.text p small { font-size:5px; color:#c42c2c; margin-right: 5px;}
.txt_box02 { background-color:#f1f1f1; padding:20px; border-radius:10px;}
.txt_box02 p.list:last-child { margin:0; }

.banner_list ul li { float:left; width:23%; margin-right:2.6%; text-align:center; border:0px solid red; box-sizing:border-box;}
.banner_list ul li:last-child { margin-right:0; }
.banner_list ul li div { width:140px; background-color:#ffffff; text-align:center; margin:0 auto; padding-bottom:5px; }
.banner_list ul li div img { width:100%; max-width:140px; margin-bottom:10px; display:block; }
.banner_list { padding-bottom:10px; }

.banner_text dl { display: table; margin-left:20%; margin-top:40px;}
.banner_text dt { display: table-cell; border:0px solid red;}
.banner_text dd { display: table-cell; padding-left:20px; border:0px solid red; padding-left:20px; vertical-align:middle; font-size:20px; line-height:150%;}
.banner_text dd strong { font-size:23px; }
.banner_text dt img { border:1px solid #999999; border-radius:10px; }

.banner_list02 h2 { font-size:18px; margin-bottom:5px; }
.banner_list02 ul { width:100%; }
.banner_list02 ul li.img { float:left; width:30%; }
.banner_list02 ul li.img img { width:100%; max-width:320px; }
.banner_list02 ul li.text { float:left; width:70%; }
.banner_list02 ul li.text p { margin-bottom:10px; }

.banner_text02 { margin-top:20px; }
.banner_text02 dl { display: table; }
.banner_text02 dt { display: table-cell; border:0px solid red;}
.banner_text02 dd { display: table-cell; padding-left:20px; border:0px solid red; padding-left:20px; vertical-align:middle; font-size:17px; line-height:150%;}
.banner_text02 dt img { border:0px solid #999999; border-radius:10px; }
.banner_text02 dd .sub_text03 { margin-bottom:20px; }
.banner_text02 dd p { margin-bottom:10px; line-height:150%; }
.sub_text03 { font-size:20px; color:#AF131E; font-weight:400; }

.step_list { width:100%; display:table; }
.step_list dl { display:table-row; }
.step_list dt { display:table-cell; width:7%; font-size:20px; color:#AF131E; padding:15px 0 10px 0;  }
.step_list dd { display:table-cell; width:93%; padding:10px 0; }

.banner_list03 ul li { float:left; width:48%; margin-right:4%; text-align:center; border:0px solid red; box-sizing:border-box;}
.banner_list03 ul li:last-child { margin-right:0; }
.banner_list03 ul li div { width:300px; background-color:#ffffff; text-align:center; margin:0 auto; padding:15px; }
.banner_list03 ul li div img { width:100%; max-width:227px; margin-bottom:10px; }

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


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

 

 @media ( max-width: 1199px ) {
	#gnb_1dul > li.gnb_1dli {padding:0 25px}
}
@media ( max-width: 1023px ) {
	/* 메인 */
	.hd_smenu { display:none; }
	#hd_wrapper {height:70px; }
	#hd ul#tnb  {display:none;}
	#logo {left: 0; margin-left:50px; margin-top:8px; text-align:left;}
	#logo img{height:50px; padding-top:0;}

	#gnb .gnb_wrap{width:auto; height:100%; }
	#gnb_wrap {position:fixed !important; top:0; 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:hover .gnb_1da {color:#ffffff;}
	#gnb .gnb_1dli.on .gnb_1da {color:#ffffff}
	#gnb .gnb_2dul .top_line { display:none; }
	#gnb_1dul > li > a {position: relative; height:auto; padding:15px 25px; padding-left:20px; 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; right:75px; 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; right:69px; 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}

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

	.samjae_ssmenu { display:block; padding-left:30px; line-height:130%; padding-bottom:10px;}
	.samjae_ssmenu a { font-size:17px; }

	.main_img_inner, .sub_visual .main_img_inner { height:350px; }

	.main_img_inner img.main_visual_mo { display:block; position:absolute; left:50%; top:0; margin-left:-50%; z-index:1; width:100%; max-width:1200px; height:100%; border:0px solid red; box-sizing:border-box;}
	.main_visual01 {background:none; }
	.main_visual02 {background:none; }
	.sub_visual00 {background:none; }
	.sub_visual01 {background:none; }
	.sub_visual02 {background:none; }

	.sub_visual .main_img_inner .main_visual_txt {top:30%; left:5%; margin-left:0; padding:0; }
	.sub_visual .main_img_inner .main_visual_txt2 {bottom:0px; left:auto; right:5%; margin-left:0px; width:auto; font-size:25px; font-weight:800; }
	.sub_visual .main_img_inner .main_visual_txt p.visual_text01 { max-width:250px; }

	.btns_vod { bottom:5px; left:auto; margin-left:0; right:17px; width:170px; z-index:2; }
	.btns_vod div { font-size:17px; line-height:35px; text-align:center; letter-spacing:-1px; }

	/* 메인 전화번호 배너 */
	.main_banner_phone { width:95%; margin:0 auto; }
	.main_banner_phone img.main_banner_phone_pc { display:none; }
	.main_banner_phone img.main_banner_phone_mo { display:block; width:100%; max-width:700px; margin:0 auto; }

	.list_banner { margin-bottom:10px;}
	.list_banner li {width:50%; margin-bottom:20px; }

	.sec_02 {padding:30px 10px;}


	.footer_customer .inner .customer_list ul li { margin-bottom:20px;  }
	.footer_customer .inner .customer_list ul li:nth-child(1) { width:50%; text-align:left; padding-left:40px; }
	.footer_customer .inner .customer_list ul li:nth-child(2) { width:50%; }
	.footer_customer .inner .customer_list ul li:nth-child(3) { width:50%; border-left:0; }
	.footer_customer .inner .customer_list ul li:nth-child(4) { width:50%; }


	#container {padding: 25px 20px 50px 20px; }

	/* 서브 */
	/* 인사말 */
	.greetings ul li.img { width:35%; margin-right:2%;}
	.greetings ul li.text { width:63%; }

	.sub_contents_tab td.sub_left { display:none; }
	.sub_contents_tab td.sub_right { width:100%; }
}
@media ( max-width: 767px ) {
	
	#btnNav { right:10px}
	#btnUser {right:60px}
	#logo {margin-left:10px;}
	#logo a {margin-top:10px}

	.main_img_inner, .sub_visual .main_img_inner { height:250px; }
	.sub_visual .main_img_inner .main_visual_txt {top:20%; }
	.sub_visual .main_img_inner .main_visual_txt2 {bottom:-10px; font-size:20px; font-weight:400; }
	.sub_visual .main_img_inner .main_visual_txt p.visual_text01 { max-width:170px; }

	.main_subsec_half { width:100%; padding-top:10px; }
	.ms_left { float:none; }
	.ms_right { float:none; }

	.main_section .main_title01 { font-size:27px; font-weight:600; }
	.main_section .main_title01 small a { font-size:14px; }

	.btns_vod { right:10px; padding:3px; }
	.btns_vod div { font-size:17px; line-height:30px; text-align:center; letter-spacing:-1px; }
	.btns_vod div img { height:25px; }
/*
	
	.main_section .main_title01 { position:relative; font-family: "NanumSquare"; font-size:40px; font-weight:500; text-align:center; margin:0 auto; }
	.main_section .main_title01 small { position:absolute; right:0; top:5px; }
	.main_section .main_title01 small a { font-size:18px; font-family: "NanumGothic"; }
*/
	.list_banner li {font-family:"NanumGhothic"; }
	.list_banner li .mb_img { width:70px;}
	.list_banner li .mb_img img {max-width:70px; }
	.list_banner li .banner_subject { font-size:15px;}
	.list_banner li .banner_subject p { font-size:20px;margin-top:5px; font-family:"NanumSquare"; }


	/* 메인 추천제품 목록 */
	.list_products li { width:48%; margin-right:4%;}
	.list_products li:nth-child(2n) { margin-right:0%; }

	.footer_customer .inner .customer_list ul li { padding-left:15px; height:70px; box-sizing:border-box; margin-bottom:20px;  }
	.footer_customer .inner .customer_list ul li:first-child { border-left:0;padding-left:0; }
	.footer_customer .inner .customer_list ul li:nth-child(1) { padding-left:15px;}
	.footer_customer .inner .customer_list ul li:nth-child(1) img { width:90%; max-width:247px; }
	.footer_customer .inner .customer_list ul li:nth-child(3), .footer_customer .inner .customer_list ul li:nth-child(4) { height:100px;}
	.footer_customer .inner .customer_list ul li .title02 div.icon { margin-right:10px; }
	.footer_customer .inner .customer_list ul li .title02 div.icon img { width:30px; }
	.footer_customer .inner .customer_list ul li .title02 div.title03 {  font-size:15px; font-weight:600;font-family:"Nanum Gothic",Gulim;  }
	.footer_customer .inner .customer_list ul li .text { font-size:15px; font-weight:600; font-family:"NanumGothic",Gulim; }


	#ft p {padding:0 10px; }
	#ft_copy > ul > li { float:none; width:100%; }
	#ft_copy > ul > li.footer_logo { width:100%; margin-bottom:10px; }
	#ft_copy > ul > li.footer_info { width:100%; }
	#ft_copy > ul > li.footer_info > ul { width:60%; }

	#ft  div.copy_text { width:100%; padding:15px 0; background-color:#010101; font-size:13px; color:#ffffff; text-align:center; }

	#aside_map {display:none;}

	/* 서브 제목 */
	.cont_tit { margin-top:0px;}
	.cont_tit ul li.page_title01 strong { font-size:25px; font-weight:600;  }

	.sub_title01 { font-family:"NanumSquare"; font-size:23px; color:#174e7a; font-weight:700; width:100%; text-align:center; }
	.sub_title02 { font-size:18px; color:#d79d0e; font-weight:400; }

	.greetings ul li.img { float:none; width:100%; margin-right:0; }
	.greetings ul li.img .img_box { margin:0 auto; }
	.greetings ul li.img .img_box img { width:100%; max-width:390px; }
	.greetings ul li.text { float:none; width:100%; margin-top:40px; padding-top:0; text-align:center; }
	.greetings ul li.text .sub_text01 { line-height:150%; font-size:18px; vertical-align:top; }

	.sub0101_box div { display:block; font-size:17px; margin-bottom:10px; }

	.mapinfo dt{width:100%;padding:10px 10px;text-align:left;}
	.mapinfo dd{width:100%; padding-left:20px;}


	/*사주상담*/
	.sub0201 ul li.img { float:none; width:100%; max-width:416px; margin:0 auto; }
	.sub0201 ul li.img img { width:100%; }
	.sub0201 ul li.text { float:none; width:100%; max-width:416px; background:url(../img/sub0201_02.jpg) no-repeat center top; background-size:contain; margin:0 auto; }
	.sub0201 ul li.text .sub_text01 { width:100%; max-width:416px; margin:0 auto;}

	/* 부적이란 */
	.sub0401 ul li.img { float:none; width:100%; max-width:320px; text-align:center; margin:0 auto 30px auto; }
	.sub0401 ul li.img img { width:100%; }
	.sub0401 ul li.text { float:none; width:100%; }

	/* 부적재료 및 제작방법 */
	.banner_list ul li { width:48%; margin-right:4%; margin-bottom:10px;}
	.banner_list ul li:nth-child(2n) { margin-right:0; }
	.banner_text dl { margin-left:0;}

	.step_list dt { width:15%; }
	.step_list dd { width:85%; }

	.banner_list03 ul li div { width:90%; padding:10px; }
}

@media ( max-width: 479px ) {
	.main_v .main_img_inner {background-size: auto 100%;}
	.main_img_inner, .sub_visual .main_img_inner { height:180px; }
	.main_visual_txt { margin-left: -60%; margin-top:0;height:auto;}
	.main_section h2 {font-size:24px}
	.sub_visual .main_img_inner .main_visual_txt p.visual_text01 { max-width:170px; }

	.btns_vod { right:7px; bottom:2px; border:0; width:150px; }
	.btns_vod div { font-size:15px; font-family:"NanumGothic"; line-height:20px; text-align:center; letter-spacing:-1px; }
	.btns_vod div img { height:20px; }

	.list_banner { width:85%; margin:0 auto; }
	.list_banner li { float:none; display:inline-block; width:100%; }
	.list_banner li .mb_img { width:80px;}
	.list_banner li .mb_img img {max-width:80px; }
	.list_banner li .banner_subject { font-size:17px; font-weight:600;}
	.list_banner li .banner_subject p { font-size:23px; font-weight:600; margin-top:4px; font-family:"NanumGothic"; }
	
	.list_products li .list_photo_img { height:180px; line-height:180px; }
	.list_products li .list_photo_img img { max-width:180px;}
	.list_products li .list_photo_subject { max-width:180px;font-family:"NanumGothic"; font-size:15px }
	.list_products li .list_photo_subject p.subject01 { font-weight:500; }

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

	#ft_copy > ul > li.footer_info > ul { width:90%; }

	/*.list_bbs_photo li { width:50%; margin-bottom:10px; }*/
	.list_bbs_photo li .list_photo_img { height:100px; line-height:100px; }
	.list_bbs_photo li .list_photo_img img { width:75%; height:auto; max-height:100%;}
	.list_bbs_photo li .list_photo_subject { font-size:20px; height:25px; line-height:25px; letter-spacing:-1px; }

	/* 서브 */
	/* 인사말 */
	
	/*사주상담*/
	.sub0201 ul li.text .sub_text01 { font-size:17px}
	.sub0201 ul li.text .sub_text01 h2 { font-size:20px; margin-bottom:10px; }
	.sub0201 ul li.text .sub_text01 .sub0201_01 { font-size:17px; margin-top:20px; }
	.sub0201 ul li.text .sub_text01 .sub0201_01 h2 { font-size:25px; }


	/* 부적재료 및 제작방법 */
	.banner_text dd { padding-left:15px; font-size:18px;}
	.banner_text dd strong { font-size:20px; }

	.banner_text02 dd { padding-left:10px; font-size:15px; line-height:120%;}
	.banner_text02 dt img { width:120px; }
	.banner_text02 dd .sub_text03 { margin-bottom:10px;font-size:18px; }
	.banner_text02 dd p { margin-bottom:10px; line-height:150%; }

	.step_list dt { width:18%; text-align:center; }
	.step_list dd { width:82%; }

	.banner_list03 ul li { float:none; width:100%; margin-right:0; margin-bottom:20px;}
}