/* 상단 레이아웃 */
header {}

#head_wrapper {position: absolute; top: 0px; left: 0px;width:100%;z-index:100; height:120px; background: linear-gradient(to bottom, #000, transparent);}
#head_wrapper:after {display:block;visibility:hidden;clear:both;height:0px;content:"상단내용"}
.head_top_menu {position: relative; margin:0 auto;width:100%; max-width: 1320px; z-index: 101}
.head_top_menu .logo {float:left; width:26%; z-index:110; margin:0 auto; line-height: 110px;}
.head_top_menu .logo a {color: #000; font-size: 24px; font-weight: 600}
.head_top_menu .logo img {width: 100%; max-width:180px}

#head_wrapper nav {float: left; width:74%; margin: 0px 0 0; line-height: 120px;}

#head_wrapper nav .menu_box{}
#head_wrapper nav .menu_box.active {webkit-animation:txtL 1.5s ease; animation:txtL 1.5s ease}
#head_wrapper nav .menu_box > li{float:left;text-align:center; padding:0px 0  0px 66px;font-size:20px; letter-spacing:-1px; font-weight: 600; color:#fff}
#head_wrapper nav .menu_box > li a{color:#fff}
#head_wrapper nav .menu_box > li a:hover {color:#8cddff}

/* nav_depth  */
#head_wrapper nav .menu_box li ul {display:none;position:absolute;z-index:197;padding-top:50px;}
#head_wrapper nav .menu_box li ul li{clear:both;color:#000;font-size:14px;font-weight:normal;letter-spacing:-1px;text-align:left;width:200px;padding:0 0 10px 0;margin:0px}
#head_wrapper nav .menu_box li ul li:last-child{padding:0 0 13px 0;}

#head_wrapper nav .menu_box li ul li a{color:#000}
#head_wrapper nav .menu_box li ul li a:hover{color:#ee5f23}

.head_top_menu .tel { display: none; float: left; width: 10%; text-align: right; margin: 45px 0 0}
.head_top_menu .tel span {position: relative; font-size: 22px; font-weight: 600; border: 1px solid #183883; padding: 7px 20px 7px 126px; color: #183883}
.head_top_menu .tel span::before {position: absolute; left: 0px; top: 0px; background: #183883; color: #fff; font-size: 14px; padding: 13px 16px; content:url(/data/design/icon_tel.png) " 상담전화"}

#head_top_menu_bg {z-index:99;position:absolute;width:100%;display:none;top:154px;height:220px;background:#fff;box-shadow:2px 2px 5px #ddd;behavior:url('/js/PIE.htc'); /* 익스 7,8에서 box-shadow 효과적용하기 위한 PIE.htc */
opacity:0.8;filter:alpha(opacity=80);}

#t_call{display:none;}

.main_info {display:none; clear:both; position:relative; width:100%; font-size:22px; margin:0px auto; text-align:center; background:#000; color:#000; padding:20px 0 20px 0; color:#fff;font-weight:400;overflow:hidden}
.main_info .box {width:100%;max-width:1320px;margin:0 auto}
.main_info .box .tel{float:left;width:50%;}
.main_info .box .bank{float:left;width:50%;}

.head_main {width:100%;}
.head_sub {width:100%;height:290px}

.head_main_menu {width:790px;height:112px;position:absolute; top:300px; z-index:1;left:50%;margin-left:-500px}
.head_sub_menu {width:790px;height:112px;position:absolute; top:197px; z-index:1;left:50%;margin-left:-500px}

.sub_type_tab_on a{background:#0096ff;border:1px solid #0096ff}

.submenu {text-align: center; margin: 10px 0;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);}
.submenu li {display: inline-block; padding: 18px 30px 20px; font-size: 22px; margin: 0 0 0 -1px; opacity: 1; font-weight:400; color: #777}
.submenu li a {color: #777}
.submenu li.on {color: #183883; font-weight: 600; border-bottom: 2px solid #183883}
.submenu li.on a {color: #183883}

/* top_nav */
#top_nav {position:absolute; font-size:11px; color:#87a8d4; float:right;  right:0; z-index:999999; font-weight:bold; height:42px}
#top_nav ul {overflow:hidden}
#top_nav ul li {float:left;padding:0 0 0 5px}
#top_nav ul li a {color:#4c6688; text-decoration:none; font-weight:bold}
.small {font-size:8px; line-height:1.5em; margin:0 5px 0 5px}

/* 중간 레이아웃 */
content {position:relative;}
#content_wrapper {position:relative;display:block;width:100%;}
#content_wrapper:after {display:block;visibility:hidden;clear:both;height:0px;content:"본문내용";}
#content_wrapper .content_box .sub_board {width: 100%; max-width: 1320px; margin: 50px auto 0 auto;}

/*슬라이드 이미지*/
.content_slide {clear: both; position:relative;z-index:10;width:100%;}
.content_slide:after {display: block; content:""; clear: both;}
.content_slide img{width:100%;max-width:1320px;height:auto;margin:0 auto}


.content_slide_sub {position:relative; z-index:10;width:100%;}
.content_slide_sub img{width:100%;height:auto;margin:0 auto}
.content_slide_sub .txt {position: absolute; width: 100%; max-width: 1320px; left:50%; top: 50%; margin: -15px 0 0 -660px; color: #fff; text-align: center; font-size: 40px; font-weight: 600; color: #fff; z-index: 11}
.content_slide_sub .bg {position:relative; height: 290px; z-index: 10 }

.slide_text {display:none;position:absolute;width:100%;bottom:16%;text-align:center;}
.slide_text .stl {width:400px;margin:0 auto 10px auto;text-align:center;font-size:36px;color:#fff;letter-spacing:-3px;background:#1291cc;padding:5px}
.slide_text .tl {margin:0 auto;font-size:75px;color:#fff;letter-spacing:-5px;line-height:90%;font-weight:bold}

.content_box {position:relative;width:100%;margin:0 auto}

.content_left {position:relative;width:150px;float:left}
.content_left_box {width:150px;}

.content_right {float:left;width:70px;}

.sub_title {margin: 90px 0 50px; text-align: center}
.sub_title span {position: relative; font-size: 36px; letter-spacing: -2px; color: #333; font-weight: 400}
.sub_title span:before {display: inline-block; content:""; background-image: url("/data/design/title_dot_left.png"); background-size:30px 30px; width:30px; height:30px; margin: 0 10px 0 0; background-position: center center;}
	.sub_title span:after {display: inline-block; content:""; background-image: url("/data/design/title_dot_right.png"); background-size:30px 30px; width:30px; height:30px; margin: 0 0 0 10px; background-position: center center}
.sub_title strong {display: inline-block; width: 80px; height: 1px; border-bottom: 1px solid #777;}
.sub_title p {font-size: 24px; color: #777; margin: 15px 0 0; font-weight: 100}

/* 오늘 본 상품 */
#talk_slide {position:absolute;top:201px;right:0px;;width:80px;z-index:99999}
#talk_slide .box{}
#talk_slide .box li {width:100%;text-align:center;color:#fff;letter-spacing:-1px;font-weight:bold;padding:5px 0 10px 0;font-size:14px;line-height:160%}
#talk_slide .box li a{color:#fff}

#talk_slide .box li img{width:100%;max-width:80px}
#talk_slide .box li:nth-child(1) {background:#504048;color:#fff}
#talk_slide .box li:nth-child(2) {background:#ffe600;color:#504048}
#talk_slide .box li:nth-child(2) a{color:#504048}

#talk_slide .box li:nth-child(3) {background:#00c63b}
#talk_slide .box li:nth-child(4) {background:#ee5f23;padding:15px 0}
#talk_slide .box li:nth-child(4) span{border:1px solid #fff;font-size:11px;padding:2px 5px}

#talk_slide .box li:nth-child(5) {background:#eee;padding:15px 0}
#talk_slide .box li:nth-child(5) a{color:#504048}
#talk_slide .box li:nth-child(5) span{border:1px solid #504048;font-size:11px;padding:2px 5px}

#talk_slide2 {display:none}

/*서브내용*/
.subcon .upper-bar:before { content: ''; position: absolute; top: 0; left: 0; width: 35px; height: 1px; background-color: #183883;}
.subcon {clear:both;position:relative;width:100%;margin:100px 0 0px 0; font-size: 18px; line-height: 32px}
.subcon:after {display:block;visibility:hidden;clear:both;height:0px;content:"";height:0px}
.subcon .txt h1 {font-size: 32px; font-weight: 600; line-height: 32px; opacity: 0.8; border: 1px solid #1d338c; padding: 50px 0; text-align: center;}
.subcon .txt h1 span {display: block; font-size: 22px; margin: 10px 0 0; font-weight: 300;}
.subcon .txt h1 p {margin: 20px 0 0}
.subcon .txt h1 .stxt {font-size: 22px; color: #000; font-weight: 300; letter-spacing: -1px}

.subcon .greeting{width:100%;max-width:1320px;margin:30px auto;}
.subcon .greeting {}
.subcon .greeting:after {display: block; content:""; clear: both}
.subcon .greeting .txt {margin: 10px 0px 0 0; text-align: center}

.subcon .greeting .txt ul {margin: 0px 0 0; font-size: 18px; opacity: 0.8; border-bottom: 1px solid #ccc; padding: 50px 20px;}
.subcon .greeting .txt ul li {font-family: inherit;}
.subcon .greeting .txt ul li:after {clear: both; display: block; content:""}
.subcon .greeting .txt ul li.stl {font-size: 14px;}
.subcon .greeting .txt ul li.stl span {font-family: inherit; display: inline-block; float: left; width: 25%; text-align: left; margin: 0 0 10px}
.subcon .greeting .txt ul li strong {font-size: 22px; margin: 0 5px 0 0}
.subcon .greeting .txt ul .scon {font-family: inherit; margin: 50px 0 0; font-size: 22px; line-height: 40px; font-weight: 300}
.subcon .greeting .content {margin: 70px 0 0; font-weight: 400}
.subcon .greeting .content li {float: left; width: calc(68% - 30px); margin: 0 30px 0 0; opacity: 1}
.subcon .greeting .content .sign {margin: 70px 0 0; font-weight: 300;}  
.subcon .greeting .content .sign strong {font-size: 26px; margin: 0 0 0 10px; font-weight: 600}

.subcon .greeting .content li.img {width: 32%; margin: 0; opacity: 1}
.subcon .greeting .content li.img .large img {width: 100%; max-width: 523px;}
.subcon .greeting .content li.img .small {margin: 10px 0 0;}
.subcon .greeting .content li.img .small img {width: calc(20% - 4px); max-width: 523px; margin: 0 5px 0 0; cursor: pointer}
.subcon .greeting .content li.img .small img:last-child {margin: 0}

.subcon {clear:both;position:relative;width:100%;margin:100px 0 0px 0; font-size: 18px; line-height: 32px}
.subcon:after {display:block;visibility:hidden;clear:both;height:0px;content:"";height:0px}
.subcon .history{width:100%;max-width:1320px;margin:50px auto;}
.subcon .history .box {position: relative; background: url("/data/design/history_line.png") repeat-y center top; padding:50px 0 50px 0;}
.subcon .history .box li {}
.subcon .history .box li .year {font-size: 24px; color:  #c22537; font-weight: 600; margin: 0px 0 0}
.subcon .history .box li .month {font-size: 18px; font-weight: 300}
.subcon .history .box li .month p:nth-child(n+1) {margin: 10px 0 0}
.subcon .history .box li .month strong {font-weight: 500}
.subcon .history .box li .month span {display: inline-block; font-weight: 600; color: #1d338c;; margin: 0 0px 0 0; width: 50px; text-align: left}
.subcon .history .box li .month span.no {width: 1px}
.subcon .history .box li .month span.sub {margin: 0 0 0 10px}
.subcon .history .box li .img {padding: 20px 0 0}
.subcon .history .box li .img img {width: 150px; border-radius: 3px; border: 1px solid #ccc}

.subcon .history .box li.left {text-align: right; padding: 70px 50% 50px 0}
.subcon .history .box li.left .year {color: #4d3e3e}
.subcon .history .box li.left .year:after {display: inline-block; margin: 0 -8px 0 0; width: 30px; height: 44px; content:url("/data/design/history_icon2.png"); }
.subcon .history .box li.left .month {margin: 0 25px 0 0}
.subcon .history .box li.left .img {margin: 0 25px 0 0}

.subcon .history .box li.right {padding: 70px 0 30px 50%;}
.subcon .history .box li.right .year:before {display: inline-block; margin: 0 0 0 -8px; width: 30px; height: 44px; content:url("/data/design/history_icon1.png"); color: #c22537}
.subcon .history .box li.right .month {margin: 0 0 0 25px}
.subcon .history .box li.right .img {margin: 0 0 0 80px}

.subcon .map{width:100%;max-width:1320px;margin:0px auto;}
.subcon .map .btn {margin: 50px 0 0; text-align: center}
.subcon .map .btn a {padding: 15px 70px; margin: 0 40px; border: 1px solid #1d338c; background: #1d338c; color: #fff; border-radius: 0px; font-size: 16px; opacity: 0.8; font-weight: 300}
.subcon .map .btn a:hover {background: #fff; color: #1d338c}
.subcon .map .address{margin: 60px 0; border-top: 1px solid #ddd; padding: 5px 0 0}
.subcon .map .address dl {border-bottom: 1px solid #ddd; padding: 20px 0}
.subcon .map .address dl:after {display: block; content:""; clear: both}
.subcon .map .address dt {float: left; width: 130px; padding: 0 0 0 10px; font-weight: 600}
.subcon .map .address dd {float: left; width: calc(100% - 130px); opacity: 0.7}
.subcon .map .address dd:before {display: inline-block; content:"|"; margin: 0 20px 0 0; opacity: 0.5}

.subcon .staff{width:100%;max-width:1320px;margin:0px auto;}
.subcon .staff .lawyer {}
.subcon .staff .lawyer dl dt {position: relative; font-size: 28px; padding: 10px 0 0; color: #000; font-weight: 600}
.subcon .staff .lawyer .box {margin: 20px 0 0; border: 1px solid #ddd; overflow: hidden}
.subcon .staff .lawyer ul {}
.subcon .staff .lawyer ul:after {clear: both; display: block; content:""}
.subcon .staff .lawyer ul.profile li {float: left;}
.subcon .staff .lawyer ul.profile li.img {width: 18%; padding: 20px 0 0 20px}
.subcon .staff .lawyer ul.profile li.img img{width: 100%}
.subcon .staff .lawyer ul.profile li.txt {width: calc(82% - 40px); margin: 20px 0 30px 40px; font-size: 20px;}
.subcon .staff .lawyer ul.profile li.txt .name {font-size: 26px;}
.subcon .staff .lawyer ul.profile li.txt .email {margin: 10px 0 0; font-size: 16px}
.subcon .staff .lawyer ul.profile li.txt .email span {color: #183883; margin: 0 10px 0 0}
.subcon .staff .lawyer ul.profile li.txt .stl {position: relative; margin:10px 0 5px; padding: 0 0 0 35px; color: #183883; font-weight: 500}
.subcon .staff .lawyer ul.profile li.txt .stl:before {position: absolute; left: 0; top: 0px; content:url('/data/design/icon_school.png')}
.subcon .staff .lawyer ul.profile li.txt .scon {padding: 20px 15px 20px 20px; margin: 10px 30px 0 0; line-height: 36px; font-size: 16px; background: #f7f7f7; font-weight: 100}
.subcon .staff .lawyer ul.profile li.txt .scon strong {font-weight: 400; margin: 0 10px 0 0}
.subcon .staff .lawyer ul.profile li.txt .scon span {margin: 0 0 0 85px}
.subcon .staff .lawyer ul.profile li.txt .scon .sub {margin: 0 0 0 95px}
.subcon .staff .lawyer .stl2 {position: relative; margin: 20px 0 5px; padding: 0 0 10px 35px; color: #183883; font-weight: 500; border-bottom: 1px solid #ddd}
.subcon .staff .lawyer .stl2:before {position: absolute; left: 0; top: 0px; content:url('/data/design/icon_bag.png')}
.subcon .staff .lawyer .career_tl {clear: both; position: relative; margin: 30px 30px}
.subcon .staff .lawyer ul.career {margin: 50px 30px;}
.subcon .staff .lawyer ul.career li {float: left;font-size: 16px; opacity: 0.9; letter-spacing: 0px; font-weight: 100; padding: 0 20px 0 0;}
.subcon .staff .lawyer ul.career li span {font-weight: 400}
.subcon .staff .lawyer ul.career li p {margin: 0 0 20px 15px; line-height: 26px}

.subcon .staff .family {margin: 100px 0 50px}
.subcon .staff .family dl dt {position: relative; font-size: 28px; padding: 10px 0 0; color: #000; font-weight: 600}
.subcon .staff .family ul {margin: 20px 0 0; overflow: hidden}
.subcon .staff .family ul li {float: left; border: 1px solid #ddd; width: calc(25% - 20px); margin: 0 20px 0 0;}
.subcon .staff .family ul li .img img{width: 100%;}
.subcon .staff .family ul li .name {border-top: 1px solid #ddd; font-size: 18px; padding: 25px 20px; text-align: center; font-weight: 100; letter-spacing: 0px}
.subcon .staff .family ul li .name strong {margin: 0 0 0 5px; font-size: 20px; font-weight: 400}

.subcon .business{width:100%;max-width:1320px;margin:0px auto;}

.subcon .business ul {}
.subcon .business ul:after {clear: both; display: block; content:""}
.subcon .business ul li {position: relative; float: left; width: 220px; text-align: center; padding:140px 0 0; font-size: 22px; font-weight: 500; border: 1px solid #1d338c;; margin: 0 50px 70px; height: 220px; color: #555; cursor: pointer; letter-spacing: -1px;}
.subcon .business ul li:hover {background: #1d338c; color: #fff;}
.subcon .business ul li:before {position: absolute; top:66px; left: 50%; margin: 0 0 0 -35px; padding: 0 0 0px;text-align: center;font-size: 70px;font-family: 'Material Icons Outlined'; opacity: 0.7; color: #1d338c;}
.subcon .business ul li:hover:before {color: #fff; }
.subcon .business ul li:nth-child(1):before {content: 'paid';}
.subcon .business ul li:nth-child(2):before {content: 'gavel';}
.subcon .business ul li:nth-child(3):before {content: 'balance';}
.subcon .business ul li:nth-child(4):before {content: 'file_copy';}
.subcon .business ul li:nth-child(5):before {content: 'domain';}
.subcon .business ul li:nth-child(6):before {content: 'domain_disabled';}
.subcon .business ul li:nth-child(7):before {content: 'content_paste_go';}
.subcon .business ul li:nth-child(8):before {content: 'reduce_capacity';}

.subcon .business ul li span {display: block;}

/* 목록 바로가기 */
.anchor {margin:0 20px 10px 21px;padding:0;zoom:1}
.anchor:after {display:block;visibility:hidden;clear:both;height:0px;content:""}
.anchor li {float:left;margin-left:-1px;list-style:none}
.anchor a {display:inline-block;padding:5px 10px;border:1px solid #c8ced1;background:#d6dde1;text-decoration:none}
.anchor a:focus, .anchor a:hover {background:#c8d2d8}

/*help */
.help_text {font-size:8pt}

/*테이블 리스트*/
.basic_tbl {width:100%;border-collapse:collapse;border-spacing:0;background:#fff;font-size:16px;border-top:2px solid #3e3e3e;border-bottom:1px solid #3e3e3e;letter-spacing:-1px}
.basic_tbl caption {margin:0;padding:0;line-height:0;overflow:hidden}
.basic_tbl thead  {border-bottom:1px solid #3e3e3e}
.basic_tbl thead th {height:60px;background:#f6f6f6;padding:0px;color:#000;font-weight:bold;text-align:center;border-bottom:1px solid #eaeaea;;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;font-size:16px;}
.basic_tbl thead th a {}
.basic_tbl tbody tr {}
.basic_tbl tbody td {height:70px;text-align:center;border-bottom:1px solid #eaeaea;;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea}
.basic_tbl tbody td a{}
.basic_tbl tfoot tr {background:#4a4a4a;height:70px;text-align:center;font-size:16px}
.basic_tbl tfoot th {}
.basic_tbl tfoot td {color:#fff;font-weight:bold}
.basic_tbl td table {border-collapse:collapse;border-spacing:0;border:0px}
.basic_tbl td table td {border:0px}
.basic_tbl a {}

.basic_tbl_c {height:100px}

/* 페이지 내 안내문 */
.local_desc {}
.local_desc ol, .local_desc ul {margin:0;padding:0 0 10px 0px}
.local_desc li {margin:0 0 5px}

.local_desc01 {margin:10px 0;padding:20px;min-width:920px;border:1px solid #f2f2f2;background:#f9f9f9}
.local_desc01 strong {color:#ff3061}
.local_desc01 a {text-decoration:underline}

.local_desc02 {margin:0 20px 10px;min-width:960px} /* 주로 온라인 서식 관련 안내 내용에 사용 */
.local_desc02 p {padding:0;line-height:1.8em}

/* 페이지 내 카운트 */
.local_ov {min-width:960px}

.local_ov01 {position:relative;margin:-10px 0 10px;padding:10px 20px;border-bottom:1px solid #e9e9e9;background:#f2f5f9}
.local_ov01 .ov_listall {display:inline-block;margin:0 5px 0 0;padding:0 10px 0 0;border-right:1px solid #ccc}
.local_ov01 .ov_a {display:inline-block;margin:0 0 0 5px;padding:0 0 0 10px;border-left:1px solid #ccc;color:#ff3061}

/* 배너관리 */
.sbn_img {text-align:center}
.sbn_image {display:none;margin:0 0 10px;text-align:left}

/* 새창 기본 스타일 */
.new_win {}
.new_win h1 {margin-bottom:20px;padding:0 20px;min-width:320px/* 적정값으로 변경하여 사용하세요. */;height:60px;border-top:2px solid #484848;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em}
.new_win h2 {margin:0 20px 10px}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;height:0px;content:""}
.new_win_ul li {float:left;margin-left:-1px}

.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #595959;border-left:1px solid #595959;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}


.new_win_desc {margin:0 20px}
.new_win .anchor {margin:0 20px 5px}

.new_win .tbl_wrap {margin:0 20px 20px;padding:0}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}


.new_win .local_sch, .new_win .local_cmd, .new_win .local_desc01, .new_win .local_desc02, .new_win .local_ov {min-width:320px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 관리자 비밀번호 확인 */
#admin_confirm {padding:0 0 10px;background:#222;text-align:center}
#admin_confirm p {margin:0 0 10px;color:#9ab9c5;background:#383a3f}
#admin_confirm label {color:#fff}
#admin_confirm .frm_input {border-color:#000}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;font-size:1em}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #383838}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #383838;background:#111;color:#fff;text-decoration:none}
.sv_wrap .sv a:focus, .sv_wrap .sv a:hover {background:#393939}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 우편번호 검색 */
#post_code p {margin:0 20px 10px}
#post_code #code_sch {margin:0 20px}
#post_code #code_sch .btn_submit {padding:2px 8px 1px;border:0;color:#fff}
#post_code #result {margin:0 20px 20px}
#post_code #result_b4 {display:block;padding:30px 0;border-bottom:1px solid #dde4e9;text-align:center}
#post_code #result .result_msg {padding:15px 0}
#post_code #result .result_fail {border:1px solid #dde4e9;background:#f0f5fc;color:#ff3061;text-align:center}
#post_code #result ul {margin:0;padding:0;border-bottom:1px solid #dde4e9;background:#f0f5fc;list-style:none}
#post_code #result li {padding:10px;border:1px solid #dde4e9;border-bottom:0}
#post_code #result li div {margin:4px 0 0;color:#738D94}
#post_code #result li div:before {content:"▶ "}

/* 공통박스 */
.compare_wrap {margin:0 20px 10px;zoom:1}
.compare_wrap:after {display:block;visibility:hidden;clear:both;height:0px;content:""}
.compare_wrap section {margin:10px 0;padding:2%;background:#f2f5f9}
.compare_wrap h3 {margin:10px 0 20px;text-align:center}
.compare_wrap .tbl_frm {margin:0}
.compare_wrap .frm_input, .compare_wrap .required {background-color:#fff !important}
.compare_wrap .btn_confirm {padding:10px 0 0}
.compare_left {float:left;width:49%}
.compare_right {float:right;width:49%}

/* 페이지 내 검색 */

.local_sch {min-width:960px}

.local_sch .btn_submit {padding:0 5px;height:24px;border:0;color:#fff;font-size:0.95em;vertical-align:middle;cursor:pointer}

.local_sch01 {margin:0 0 10px;padding:0 20px 10px;border-bottom:1px solid #e9e9e9}
.local_sch01 span {display:block;margin:0 0 5px}

.local_sch02 {margin:0 0 10px;padding:0 20px 5px;border-bottom:1px solid #e9e9e9}
.local_sch02 div {padding:0 0 5px;margin:0 0 5px;border-bottom:1px solid #f4f4f4}
.local_sch02 div.sch_last {margin:0;border:0}
.local_sch02 strong {display:inline-block;width:80px}
.local_sch02 strong.sch_long {width:160px}
.local_sch02 label {display:inline-block;margin:0 5px 0 0}
.local_sch02 button {margin:0;padding:5px;border:1px solid #ced9de;background:#f6f9fa;font-size:0.95em;vertical-align:middle;cursor:pointer}

/* 페이지 내 실행 */
.local_cmd {min-width:960px}

.local_cmd01 {margin:0 0 10px;padding:0 20px}
.local_cmd01 .cmd_tit {font-weight:bold}
.local_cmd01 .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:0.95em;vertical-align:middle}

/* 페이지 내 안내문 */
.local_desc {}
.local_desc ol, .local_desc ul {margin:0;padding:0 0 10px 21px}
.local_desc li {margin:0 0 5px}

.local_desc01 {margin:0 20px 10px;padding:10px 20px 0;min-width:920px;border:1px solid #f2f2f2;background:#f9f9f9}
.local_desc01 strong {color:#ff3061}
.local_desc01 a {text-decoration:underline}

.local_desc02 {margin:0 20px 10px;min-width:960px} /* 주로 온라인 서식 관련 안내 내용에 사용 */
.local_desc02 p {padding:0;line-height:1.8em}

/* 페이지 내 카운트 */
.local_ov {min-width:960px}

.local_ov01 {position:relative;margin:-10px 0 10px;padding:10px 20px;border-bottom:1px solid #e9e9e9;background:#f2f5f9}
.local_ov01 .ov_listall {display:inline-block;margin:0 5px 0 0;padding:0 10px 0 0;border-right:1px solid #ccc}
.local_ov01 .ov_a {display:inline-block;margin:0 0 0 5px;padding:0 0 0 10px;border-left:1px solid #ccc;color:#ff3061}

/* div box 기본 스타일*/
#box {position:relative;zoom:1;border:1px #e7e7e7 solid;padding:10px}
#box:after {display:block;visibility:hidden;clear:both;height:0px;content:""}
.box_1st {float:left;width:7%;padding-top:5px;text-align:center}
.box_2st {float:left;width:93%;vertical-align:middle;font-size:11px;line-height:160%}

/*글읽기 cell 영역설정*/
.table_cell_col {width:20%}
.table_cell_col2 {width:80%}

/*배너*/
.sbn {float:right}
.sbn li {float:left}

/*페이지내용*/
.page_content {text-align:center;width:100%}
.page_content_box {text-align:left;max-width:1320px;width:100%;margin:0 auto;padding:50px 0 70px 0;letter-spacing:-1px;}
.page_content_tl {width:100%;text-align:center;font-size:40px;letter-spacing:-3px;}
.page_content_ex {width:100%;text-align:center;font-size:22px;padding:10px 0 0px 0;letter-spacing:-2px;}

.conbox {width:100%;max-width:1320px;margin:0 auto;letter-spacing:-1px}
.conbox span{color:#ff4800;font-weight:bold}
.conbox .tl {font-size:20px;padding:0 0 20px 0}
.conbox .memo {font-size:16px;padding:0 10px 20px 10px;line-height:160%;}
.conbox .detail {float:left;width:56%;font-size:16px;padding:0 2% 20px 2%;line-height:160%;}
.conbox .detail2 {float:left;width:40%;text-align:right}

.all_menu {display:block; position: absolute; top: 30px; z-index: 99; right: 12px;}

#all_category{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0,0.8);z-index:99999999999;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;    box-sizing: border-box;  -webkit-backface-visibility: hidden; z-index: 112}
#all_category .all_category_box{width:85%;height:100%;overflow-y:auto;background:#fff;font-size:12px;letter-spacing:-1px}
#all_category .pop_close{z-index:999;position:absolute;top:15px;left:87%;width:30px;height:30px; background:url('/data/design/close.png') no-repeat 100% 100%;;border:none;text-indent:-99999px}

#all_category .all_category_login {padding:15px 10px;border-top:1px solid #183883;;border-bottom:1px solid #183883;;text-align:center;background:#183883;color:#fff;font-size:16px}
#all_category .all_category_login .login01 {background:#5b5b5a;color:#fff;padding:7px 30px;}
#all_category .all_category_login .login02 {background:#e8180c;color:#fff;padding:7px 30px;}
#all_category .all_category_login img{width:100%;max-width:160px}

#all_category .all_category_menu{max-width:1320px;margin:0 auto}
#all_category .all_category_menu li{width:100%;;text-align:left;border-bottom:1px solid #e9e9e9}
#all_category .all_category_menu li a{display:block;color:#000;background:#fff;border-left:none;border-top:none;line-height:40px;font-size:18px;padding:10px 0 3px 20px}
#all_category .all_category_menu li a:hover{background:#fff}
#all_category .all_category_menu li:first-child a{border-left:none}

#all_category .all_category_menu li ul li {width:100%;;text-align:left;font-weight:normal;border-bottom:0px solid #e9e9e9}

#all_category .all_category_menu li ul li a{display:block;color:#000;background:#fff;border:0px solid #e9e9e9;border-left:none;border-top:none;line-height:30px;font-size:16px;padding:0px 0 10px 40px; font-weight: 100}


/*메인 풀페이지 슬라이드*/
.fp-controlArrow.fp-prev {left: 50px !important; opacity: 0.3; border-color: transparent #fff transparent transparent !important}
.fp-controlArrow.fp-next {right: 50px !important; opacity: 0.3; border-color: transparent transparent transparent #fff !important}
.fp-controlArrow.fp-prev:hover, .fp-controlArrow.fp-next:hover {opacity: 0.5}
.fp-slidesNav {left: 50% !important}
#fp-nav ul li .fp-tooltip {font-family: Raleway, 'Noto Sans KR', sans-serif, "맑은 고딕", dotum !important; letter-spacing: 1px;}

#main_page {width: 100%;}
#main_page h1 {font-size: 60px; font-weight: 300; text-align: center; letter-spacing: -5px;}
#main_page h1 strong {color: #183883}
#main_page h5 {font-size: 20px; font-weight: 300; text-align: center; margin: 20px 0 0; opacity: 1}
#main_page .m_contents {margin: 50px 0 0;}
#main_page .m_more { margin: 100px 0 0; text-align: center; } 
#main_page .m_more a{ font-size: 20px; border: 1px solid #333; padding: 26px 150px 23px 100px; background: url('/data/design/more_arrow.png') no-repeat right+75px center;}
#main_page .m_more a:hover {color: #fff; background: url('/data/design/more_arrow_w.png') no-repeat right+75px center #000;}
#main_page .box {width: 100%; max-width: 1320px;}

.m_success_case {margin: 70px auto 160px !important;}
.m_success_case .category {margin: 50px 0 0;}
.m_success_case .category a {display: inline-block; padding: 15px 0; text-align: center; width: 12.5%; font-size: 16px; border: 1px solid #555; margin: 0 0 -1px -1px;}
.m_success_case .category a:hover {background: #000; color: #fff;}
.m_success_case .m_contents {}
.m_success_case .m_contents:after {display: block; clear: both; content:""}
.m_success_case .m_contents li {margin: 0px 0 0}
.m_success_case .m_contents .empty_li {display: none}
.m_success_case .m_contents .txt a {border: 1px solid #183883; height: 380px; margin: 0 20px 0 0; display: inline-block; padding: 0 20px 20px; overflow: hidden }
.m_success_case .m_contents .txt a .text {position: relative;}
.m_success_case .m_contents .txt a .cate span {display: inline-block; background: #183883; color: #fff; font-size: 14px; font-weight: 600; margin: 20px 0 0; border: 1px solid #183883; padding: 7px 15px}
.m_success_case .m_contents .txt a .subject {font-size: 22px; font-weight: 600; margin: 20px 0 0; color: #183883}
.m_success_case .m_contents .txt a .con {font-size: 16px; font-weight: 400; margin: 25px 0 0; padding: 0 0 20px;line-height: 20px; opacity: 0.7}

.m_success_case .m_contents li:hover {}
.m_success_case .m_contents li:hover .txt a {background: #183883; color: #fff }
.m_success_case .m_contents li:hover .txt a .cate span {background: #fff; color: #183883; border: 1px solid #fff;}
.m_success_case .m_contents li:hover .txt a .subject {color: #fff}


.m_success_case .m_contents li:nth-child(2) .txt2:after {position: absolute; top:40px; right: 20px; margin: 0 0 0 -35px; padding: 0 0px 0px 0;text-align: center;font-size: 40px;font-family: 'Material Icons Outlined'; opacity: 0.7; color: #777; content: 'arrow_circle_right';}

.m_success_case .m_contents .txt2 {position: relative}
.m_success_case .m_contents .txt2 a {border-bottom: 1px solid #183883; margin: 0 20px 0 0; display: inline-block; padding: 0 20px 20px; overflow: hidden }
.m_success_case .m_contents .txt2 a .text {position: relative;}
.m_success_case .m_contents .txt2 a .cate {display: inline-block; background: #777; color: #fff; font-size: 14px; font-weight: 600; margin: 20px 10px 0 0; border: 1px solid #183883; padding: 3px 15px}
.m_success_case .m_contents .txt2 a .subject {font-size: 18px; font-weight: 600; margin: 0px 0 0; color: #777}
.m_success_case .m_contents .txt2 a .con {font-size: 14px; font-weight: 300; margin: 15px 0 0; padding: 0 50px 0 0px;line-height: 20px; opacity: 1}

.m_success_case .m_contents li .txt2:hover  a {background: #777; color: #fff }
.m_success_case .m_contents li .txt2:hover  a .cate {background: #fff; color: #777; border: 1px solid #fff;}
.m_success_case .m_contents li .txt2:hover  a .subject {color: #fff}
.m_success_case .m_contents li:nth-child(2) .txt2:hover:after {color: #fff;}

.m_success_case .slick-dots li button:before {color: black !important;}
.m_success_case .slick-dots li.slick-active button:before{color: black !important;}
.m_success_case .slick-dots{bottom: -40px !important;}

.m_business {width: 100%; height: 450px; margin: 120px auto 0; background: url('/data/design/m_business_bg.jpg') no-repeat center center; color: #fff; padding: 80px 0}
.m_business .box {margin: 0 auto;}
.m_business .text {float: left; width: 40%;}
.m_business .text .tl {font-size: 50px; font-weight: 600; letter-spacing: -4px}
.m_business .text .stl {font-size: 36px; font-weight: 300; line-height: 44px; margin: 20px 0 0;}
.m_business .text .stl span {color: #a4e6ff; font-weight: 600}
.m_business .text .stl2 {font-size: 16px; font-weight: 100; line-height: 22px; margin: 20px 0 0}
.m_business .area {float: left; width: 60%;}
.m_business .area a {position: relative; display: inline-block; background: #ffffff30; width: calc(33.3% - 20px); font-size: 18px; padding: 75px 0px 30px 0; margin: 10px; text-align: center; opacity: 1; cursor: pointer; color: #fff}
.m_business .area a:hover {background: #183883; color: #fff;}
.m_business .area a:before {position: absolute; top:25px; left: 50%; margin: 0 0 0 -20px; padding: 0 0 0px;text-align: center;font-size: 40px;font-family: 'Material Icons Outlined'; opacity: 1; color: #fff;}
.m_business .area a:hover:before {color: #fff;}
.m_business .area a:nth-child(1):before {content: 'liquor';}
.m_business .area a:nth-child(2):before {content: 'science';}
.m_business .area a:nth-child(3):before {content: 'clean_hands';}
.m_business .area a:nth-child(4):before {content: 'opacity';}
.m_business .area a:nth-child(5):before {content: 'local_drink';}
.m_business .area a:nth-child(6):before {content: 'sanitizer';}

.m_community {margin: 60px auto 40px;}
.m_community:after {clear: both; content:""; display: block}
.m_community .notice {float: left; width: calc(36.3% - 40px); margin: 0 60px 0 0;}
.m_community .notice .text {border-bottom: 1px solid #ccc; overflow: hidden; padding: 0 0 10px}
.m_community .notice .tl {float: left; width: calc(70% - 5px); font-size: 24px; font-weight: 600; padding: 10px 0 0 5px}
.m_community .notice .more {float: right; width: 30%; text-align: right; margin: 10px 0 0}
.m_community .notice .more a {display: inline-block; padding: 1px 10px; color: #aaa; font-size: 22px; border:1px solid #aaa; cursor: pointer}
.m_community .notice .con {margin: 30px 0px 0 0;}
.m_community .notice .con ul {clear: both; margin: 0 0 13px}
.m_community .notice .con ul:after {clear: both; content:""; display: block}
.m_community .notice .con ul li {float: left; opacity: 0.8}
.m_community .notice .con ul li.subject {width: 85%; font-size: 16px}
.m_community .notice .con ul li.date {width: 15%; text-align: right;  font-size: 14px}
.m_community .notice .con .empty_li {text-align: center; opacity: 0.7; padding: 50px 0}
.m_community .free {float: left; width: calc(36.3% - 40px); margin: 0 60px 0 0;}
.m_community .free .text {border-bottom: 1px solid #ccc; overflow: hidden; padding: 0 0 10px}
.m_community .free .tl {float: left; width: calc(70% - 5px); font-size: 24px; font-weight: 600; padding: 10px 0 0 5px}
.m_community .free .more {float: right; width: 30%; text-align: right; margin: 10px 0 0}
.m_community .free .more a {display: inline-block; padding: 1px 10px; color: #aaa; font-size: 22px; border:1px solid #aaa; cursor: pointer}
.m_community .free .con {margin: 30px 0px 0 0;}
.m_community .free .con ul {clear: both; margin: 0 0 13px}
.m_community .free .con ul:after {clear: both; content:""; display: block}
.m_community .free .con ul li {float: left; opacity: 0.8}
.m_community .free .con ul li.subject {width: 85%; font-size: 16px}
.m_community .free .con ul li.date {width: 15%; text-align: right;  font-size: 14px}
.m_community .free .con .empty_li {text-align: center; opacity: 0.7; padding: 50px 0}
.m_community .helpdesk {float: left; width: calc(27.3% - 40px);}
.m_community .helpdesk .text { overflow: hidden; padding: 0 0 10px}
.m_community .helpdesk .tl {float: left; width: calc(100% - 5px); font-size: 30px; font-weight: 600; padding: 10px 0 0 5px}
.m_community .helpdesk .con {margin: 0px 0px 0 0;}
.m_community .helpdesk .con .tel {font-size: 40px; font-weight: 800; color: #183883}
.m_community .helpdesk .con .hp {font-size: 36px; font-weight: 800; color: #183883}
.m_community .helpdesk .con .fax {margin: 20px 0 0; font-size: 26px; font-weight: 600; color: #000; opacity: 0.5}
.m_community .helpdesk .con .fax span {display: inline-block; background: #000; color: #fff; font-size: 18px; padding: 5px 12px; border-radius: 5px}
.m_community .helpdesk .con .txt {margin: 20px 0 0; font-size: 18px; font-weight: 200; color: #000; opacity: 0.7}

.pc {display: block}
.mobile {display: none}

/*태블릿PC용*/
@media only screen and (max-width:1320px){
	.pc {display: none !important}
	.mobile {display: block !important}

	.slick-prev:before, .slick-next:before {display: none}
	.no-mobile {display: none !important}

	.content_slide #m-slider div {background-size: auto 100% !important}

	.sub_title {margin: 40px 10px 20px; text-align: center}
	.sub_title span {position: relative; font-size: 20px; letter-spacing: -2px; color: #333; font-weight: 400}
	.sub_title span:before {display: block; content:""; background-image: url("/data/design/title_dot_left.png"); background-size:20px 20px; width:20px; height:20px; margin: 0 auto 15px; background-position: center top;}
	.sub_title span:after {display: block; content:""; background-image: url("/data/design/title_dot_right.png"); background-size:20px 20px; width:20px; height:20px; margin: 15px auto 0; background-position: center bottom}
	.sub_title strong {display: inline-block; width: 80px; height: 1px; border-bottom: 1px solid #777;}
	.sub_title p {font-size: 18px; color: #777; margin: 15px 0 0; font-weight: 100; letter-spacing: -1px}

	.content_slide_sub {position:relative; z-index:10;width:100%;}
	.content_slide_sub img{width:100%;height:auto;margin:0 auto}
	.content_slide_sub .txt {display: none; position: absolute; width: 100%; max-width: 1320px; left:0%; top: 70%; margin: -15px 0 0 0px; color: #fff; text-align: center; font-size: 24px; font-weight: 600; color: #fff; z-index: 11}
	.content_slide_sub .bg {position:relative; height: 130px; z-index: 10 }

	#head_wrapper {width:100%;z-index:100; height:70px}
	#head_wrapper nav {display:none;}

	.t_logo_bg {left: 0; margin:-260px 0 0 -430px; width: 712px; height: 387px; background-size: 100% auto;}
	.head_top_menu .logo { padding:0px 0 0px 10px; width: 180px;line-height: 70px;}

	.all_menu {display:block; position: absolute; top: 10px; z-index: 99;}
	.head_top_menu .tel {display: none}

	#all_category{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0,0.8);z-index:99999999999;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;    box-sizing: border-box;  -webkit-backface-visibility: hidden; z-index: 112}
	#all_category .all_category_box{width:85%;height:100%;overflow-y:auto;background:#fff;font-size:12px;letter-spacing:-1px}
	#all_category .pop_close{z-index:99999;position:absolute;top:15px;left:87%;width:30px;height:30px; background:url('/data/design/close.png') no-repeat 100% 100%;;border:none;text-indent:-99999px}

	#all_category .all_category_login {padding:15px 10px;border-top:1px solid #183883;;border-bottom:1px solid #183883;;text-align:center;background:#183883;color:#fff;font-size:16px}
	#all_category .all_category_login .login01 {background:#5b5b5a;color:#fff;padding:7px 30px;}
	#all_category .all_category_login .login02 {background:#e8180c;color:#fff;padding:7px 30px;}
	#all_category .all_category_login img{width:100%;max-width:160px}

	#all_category .all_category_menu{max-width:1320px;margin:0 auto}
	#all_category .all_category_menu li{width:100%;;text-align:left;border-bottom:1px solid #e9e9e9}
	#all_category .all_category_menu li a{display:block;color:#000;background:#fff;border-left:none;border-top:none;line-height:40px;font-size:18px;padding:10px 0 3px 20px}
	#all_category .all_category_menu li a:hover{background:#fff}
	#all_category .all_category_menu li:first-child a{border-left:none}

	#all_category .all_category_menu li ul li {width:100%;;text-align:left;font-weight:normal;border-bottom:0px solid #e9e9e9}

	#all_category .all_category_menu li ul li a{display:block;color:#000;background:#fff;border:0px solid #e9e9e9;border-left:none;border-top:none;line-height:30px;font-size:16px;padding:0px 0 10px 40px; font-weight: 100}
	
	.foot_wrapper {padding: 20px 0 30px}
	.foot_wrapper .box .copy .logo {width:100%;padding:15px 0 10px;opacity:0.7;text-align:center;}
	.foot_wrapper .box .copy .logo img{width:150px}
	.foot_wrapper .box .copy .info {width:96%;padding:0px 2%;color:#e8e8e8;letter-spacing:0px;line-height:180%;opacity:0.7;text-align:center;}
	.foot_wrapper .box .copy .sns {width:100%;padding:20px 0 0 0px;opacity:0.5;text-align:center;}
	
	.subcon {clear:both;position:relative;width:100%;margin:50px 0 0px 0}
	.subcon:after {display:block;visibility:hidden;clear:both;height:0px;content:"OUR SERVICE";height:0px}
	
	#talk_slide {display:none;}

	#talk_slide2 {display:block;position:fixed;bottom:0px;right:0px;;width:100%;z-index:99999}
	#talk_slide2 .box{}
	#talk_slide2 .box li {float:left;width:25%;text-align:center;color:#fff;letter-spacing:-1px;font-weight:bold;padding:5px 0 5px 0;font-size:14px;line-height:140%}
	#talk_slide2 .box li a{color:#fff}

	#talk_slide2 .box li img{width:100%;max-width:50px}
	#talk_slide2 .box li:nth-child(1) {background:#ffe600;color:#504048;padding:4px 0 3px 0}
	#talk_slide2 .box li:nth-child(1) a{color:#504048}

	#talk_slide2 .box li:nth-child(2) {background:#00c63b;padding:4px 0 3px 0}
	#talk_slide2 .box li:nth-child(3) {background:#ee5f23;padding:9px 0}
	#talk_slide2 .box li:nth-child(3) span{border:1px solid #fff;font-size:11px;padding:2px 5px}

	#talk_slide2 .box li:nth-child(4) {background:#eee;padding:9px 0}
	#talk_slide2 .box li:nth-child(4) a{color:#504048}
	#talk_slide2 .box li:nth-child(4) span{border:1px solid #504048;font-size:11px;padding:2px 5px}

	#main_page {width: 100%;}
	#main_page h1 {font-size: 32px; font-weight: 300; text-align: center; letter-spacing: -3px;}
	#main_page h1 strong {color: #183883}
	#main_page h5 {font-size: 16px; font-weight: 300; letter-spacing: 0px; text-align: center; margin: 10px 0 0; opacity: 1; padding: 0 10px}
	#main_page .m_contents {margin: 20px 0 0;}
	#main_page .m_more { margin: 70px 0 70px; text-align: center; } 
	#main_page .m_more a{ font-size: 16px; border: 1px solid #333; padding: 15px 100px 15px 60px; background: url('/data/design/more_arrow.png') no-repeat right+45px center;}
	#main_page .m_more a:hover {color: #fff; background: url('/data/design/more_arrow_w.png') no-repeat right+45px center #000;}
	#main_page .box {width: 100%; max-width: 1320px;}

	.m_success_case {margin: 60px auto 80px !important;}
	.m_success_case .category {}
	.m_success_case .category a {display: inline-block; padding: 12px 0; text-align: center; width: calc(25% + 1px); font-size: 12px; border: 1px solid #000; margin: 0 0 -1px -1px;}
	.m_success_case .category a:hover {background: #000; color: #fff;}
	.m_success_case .m_contents {}
	.m_success_case .m_contents:after {display: block; clear: both; content:""}
	.m_success_case .m_contents li {float: left; width: 100%; margin: 20px 0 0}
	.m_success_case .m_contents li:nth-child(2) {width: 100%; margin: 0px 0 0; border-top: 0px solid #183883;}
	.m_success_case .m_contents .txt a {border: 1px solid #183883; height: auto; margin: 0 0px 0 0; display: inline-block; padding: 0 10px 20px; overflow: hidden }
	.m_success_case .m_contents .txt a .text {position: relative;}
	.m_success_case .m_contents .txt a .cate span {display: inline-block; background: #183883; color: #fff; font-size: 14px; font-weight: 600; margin: 20px 0 0; border: 1px solid #183883; padding: 7px 15px}
	.m_success_case .m_contents .txt a .subject {font-size: 18px; font-weight: 600; margin: 20px 0 0; color: #183883}
	.m_success_case .m_contents .txt a .con {font-size: 14px; font-weight: 100; margin: 25px 0 0; padding: 0 0 20px;line-height: 20px; opacity: 1}

	.m_success_case .m_contents li:nth-child(2) .txt2:after {display: none; position: absolute; top:40px; right: 20px; margin: 0 0 0 0; padding: 0 0px 0px 0;text-align: center;font-size: 40px;font-family: 'Material Icons Outlined'; opacity: 0.7; color: #777; content: 'arrow_circle_right';}

	.m_success_case .m_contents .txt2 {position: relative}
	.m_success_case .m_contents .txt2 a {border-bottom: 1px solid #183883; margin: 0 0px 0 0; display: inline-block; padding: 0 10px 20px; overflow: hidden }
	.m_success_case .m_contents .txt2 a .text {position: relative;}
	.m_success_case .m_contents .txt2 a .cate {display: inline-block; background: #777; color: #fff; font-size: 14px; font-weight: 600; margin: 20px 10px 0 0; border: 1px solid #183883; padding: 3px 15px}
	.m_success_case .m_contents .txt2 a .subject {font-size: 18px; font-weight: 600; margin: 0px 0 0; color: #777}
	.m_success_case .m_contents .txt2 a .con {font-size: 14px; font-weight: 100; margin: 15px 0 0; padding: 0 0px 0 0px;line-height: 20px; opacity: 1}

	.m_success_case .slick-dots li button:before {color: black !important;}
	.m_success_case .slick-dots li.slick-active button:before{color: black !important;}
	.m_success_case .slick-dots{bottom: -40px !important;}

	.m_business {width: 100%; height: 450px; margin: 30px auto 0; background: url('/data/design/m_business_bg.jpg') no-repeat center center; color: #fff; padding: 40px 0}
	.m_business .box {margin: 0 auto;}
	.m_business .text {float: left; width: 100%; text-align: center}
	.m_business .text .tl {font-size: 40px; font-weight: 600; letter-spacing: -3px}
	.m_business .text .stl {font-size: 26px; font-weight: 300; line-height: 30px; margin: 10px 0 0;}
	.m_business .text .stl span {color: #ff7256; font-weight: 600}
	.m_business .text .stl2 {display: none; font-size: 16px; font-weight: 100; line-height: 26px; margin: 15px 0 0}
	.m_business .area {float: left; width: 100%; margin: 20px 0 0}
	.m_business .area a {float: left; position: relative; display: inline-block; background: #ffffff30; width: calc(33.3% - 10px); height: 100px; font-size: 14px; padding: 25px 0px 30px 0; margin: 5px; text-align: center; opacity: 0.9; cursor: pointer; color: #fff; line-height: 18px}
	.m_business .area a:nth-child(4) {clear: both}
	.m_business .area a:hover {background: #ff7256; color: #fff;}
	.m_business .area a:before {position: relative; top:0px; left: 0; margin: 0 0 15px 0; padding: 0 0 0px;text-align: center;font-size: 28px;font-family: 'Material Icons Outlined'; opacity: 0.7; color: #fff; display: block; }
	.m_business .area a:hover:before {color: #fff;}
	.m_business .area a:nth-child(1):before {content: 'paid';}
	.m_business .area a:nth-child(2):before {content: 'gavel';}
	.m_business .area a:nth-child(3):before {content: 'balance';}
	.m_business .area a:nth-child(4):before {content: 'file_copy';}
	.m_business .area a:nth-child(5):before {content: 'domain';}
	.m_business .area a:nth-child(6):before {content: 'domain_disabled';}
	.m_business .area a:nth-child(7):before {content: 'content_paste_go';}
	.m_business .area a:nth-child(8):before {content: 'reduce_capacity';}

	.m_community {margin: 30px auto 0px;}
	.m_community:after {clear: both; content:""; display: block}
	.m_community .notice {float: left; width: calc(100% - 20px); margin: 0 10px;}
	.m_community .notice .text {border-bottom: 1px solid #ccc; overflow: hidden; padding: 0 0 10px}
	.m_community .notice .tl {float: left; width: calc(70% - 5px); font-size: 20px; font-weight: 600; padding: 10px 0 0 5px}
	.m_community .notice .more {float: right; width: 30%; text-align: right;}
	.m_community .notice .more a {display: inline-block; padding: 1px 10px; color: #aaa; font-size: 22px; border:1px solid #aaa; cursor: pointer}
	.m_community .notice .con {margin: 30px 0 0;}
	.m_community .notice .con ul {clear: both; margin: 0 0 8px}
	.m_community .notice .con ul:after {clear: both; content:""; display: block}
	.m_community .notice .con ul li {float: left; opacity: 0.8}
	.m_community .notice .con ul li.subject {width: 85%; font-size: 14px}
	.m_community .notice .con ul li.date {width: 15%; text-align: right;  font-size: 12px}

	.m_community .free {float: left; width: calc(100% - 20px); margin: 30px 10px;}
	.m_community .free .text {border-bottom: 1px solid #ccc; overflow: hidden; padding: 0 0 10px}
	.m_community .free .tl {float: left; width: calc(70% - 5px); font-size: 24px; font-weight: 600; padding: 10px 0 0 5px}
	.m_community .free .more {float: right; width: 30%; text-align: right; margin: 10px 0 0}
	.m_community .free .more a {display: inline-block; padding: 1px 10px; color: #aaa; font-size: 22px; border:1px solid #aaa; cursor: pointer}
	.m_community .free .con {margin: 30px 0px 0 0;}
	.m_community .free .con ul {clear: both; margin: 0 0 13px}
	.m_community .free .con ul:after {clear: both; content:""; display: block}
	.m_community .free .con ul li {float: left; opacity: 0.8}
	.m_community .free .con ul li.subject {width: 85%; font-size: 16px}
	.m_community .free .con ul li.date {width: 15%; text-align: right;  font-size: 14px}
	.m_community .free .con .empty_li {text-align: center; opacity: 0.7; padding: 50px 0}

	.m_community .helpdesk {float: left; width: calc(100% - 20px); margin: 0 10px;}
	.m_community .helpdesk .text { overflow: hidden; padding: 0 0 10px}
	.m_community .helpdesk .tl {float: left; width: calc(100% - 5px); font-size: 30px; font-weight: 600; padding: 10px 0 0 5px}
	.m_community .helpdesk .con {margin: 0px 0px 0 0;}
	.m_community .helpdesk .con .tel {font-size: 40px; font-weight: 800; color: #183883}
	.m_community .helpdesk .con .hp {font-size: 36px; font-weight: 800; color: #183883}
	.m_community .helpdesk .con .fax {margin: 20px 0 0; font-size: 26px; font-weight: 600; color: #000; opacity: 0.5}
	.m_community .helpdesk .con .fax span {display: inline-block; background: #000; color: #fff; font-size: 18px; padding: 5px 12px; border-radius: 5px}
	.m_community .helpdesk .con .txt {margin: 20px 0 0; font-size: 18px; font-weight: 200; color: #000; opacity: 0.7}

	.submenu {text-align: center; margin: 0px 0;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);}
	.submenu li {display: inline-block; padding: 15px 0px; width: calc(33.3% - 2px); font-size: 16px; margin: 0 0 0 -1px; opacity: 1; font-weight:400; color: #777}
	.submenu li a {color: #777}
	.submenu li.on {color: #183883; font-weight: 600; border-bottom: 2px solid #183883}
	.submenu li.on a {color: #183883}

	/*서브내용*/
	.subcon .upper-bar:before { content: ''; position: absolute; top: 0; left: 10px; width: 35px; height: 1px; background-color: #183883;}
	.subcon {clear:both;position:relative;width:100%;margin:40px 0 0px 0; font-size: 18px; line-height: 32px}
	.subcon:after {display:block;visibility:hidden;clear:both;height:0px;content:"";height:0px}
	.subcon .txt h1 {font-size: 26px; font-weight: 600; line-height: 32px; opacity: 0.8; border: 1px solid #1d338c; padding: 20px 10px; text-align: center;}
	.subcon .txt h1 span {display: block; font-size: 22px; margin: 10px 0 0; font-weight: 300;}
	.subcon .txt h1 p {margin: 20px 0 0}
	.subcon .txt h1 .stxt {font-size: 22px; color: #000; font-weight: 300; letter-spacing: -1px}

	.subcon .greeting{width:100%;max-width:1320px;margin:50px auto;}
	.subcon .greeting {}
	.subcon .greeting:after {display: block; content:""; clear: both}
	.subcon .greeting .txt {margin: 10px 0px 0 0; text-align: center}

	.subcon .greeting .txt ul {margin: 0px 0 0; font-size: 18px; opacity: 0.8; border-bottom: 1px solid #ccc; padding: 30px 10px;}
	.subcon .greeting .txt ul li {font-family: inherit;}
	.subcon .greeting .txt ul li:after {clear: both; display: block; content:""}
	.subcon .greeting .txt ul li.stl {font-size: 14px;}
	.subcon .greeting .txt ul li.stl span {font-family: inherit; display: inline-block; float: left; width: 50%; text-align: center; margin: 0 0 10px}
	.subcon .greeting .txt ul li strong {font-size: 18px; margin: 0 0px 0 0}
	.subcon .greeting .txt ul li i {margin: -8px 0 0}
	.subcon .greeting .txt ul .scon {font-family: inherit; margin: 20px 0 0; font-size: 16px; line-height: 26px; font-weight: 300; letter-spacing: -1px}
	.subcon .greeting .content {margin: 50px 0 0; font-weight: 400}
	.subcon .greeting .content li {float: left; width: calc(100%); margin: 0 0px 0 0; opacity: 1l; text-align: center; padding: 0 10px; font-size: 16px; line-height: 24px}
	.subcon .greeting .content .sign {margin: 30px 0 0; font-weight: 300;}  
	.subcon .greeting .content .sign strong {font-size: 22px; margin: 0 0 0 10px; font-weight: 600}

	.subcon .greeting .content li.img {width: 100%; margin: 70px 0 0; opacity: 1}
	.subcon .greeting .content li.img .large img {width: 100%; max-width: 523px;}
	.subcon .greeting .content li.img .small {margin: 10px 0 0;}
	.subcon .greeting .content li.img .small img {width: calc(20% - 4px); max-width: 523px; margin: 0 5px 0 0; cursor: pointer}
	.subcon .greeting .content li.img .small img:last-child {margin: 0}

	.subcon .history{width:100%;max-width:1320px;margin:50px auto;}
	.subcon .history .box {position: relative; background: url("/data/design/history_line.png") repeat-y left+10px top; padding:30px 0 30px 0;}
	.subcon .history .box li {}
	.subcon .history .box li .year {font-size: 20px; color:  #c22537; font-weight: 600; margin: 0px 0 0}
	.subcon .history .box li .month {font-size: 16px; font-weight: 300}
	.subcon .history .box li .month p:nth-child(n+1) {margin: 0px 0 0}
	.subcon .history .box li .month strong { font-weight: 500}
	.subcon .history .box li .month span {display: inline-block; font-weight: 600; color: #1d338c;; margin: 0 0px 0 0; width: 40px; text-align: left}
	.subcon .history .box li .month span.no {width: 1px}
	.subcon .history .box li .month span.sub {margin: 0 0 0 10px}
	.subcon .history .box li .img {padding: 20px 0 0}
	.subcon .history .box li .img img {width: 150px; border-radius: 3px; border: 1px solid #ccc}

	.subcon .history .box li.left {text-align: left; padding:30px 0 50px 19px}
	.subcon .history .box li.left .year {color: #4d3e3e}
	.subcon .history .box li.left .year:before {display: inline-block; margin: 0 0 0 -8px; width: 30px; height: 44px; content:url("/data/design/history_icon2.png"); }
	.subcon .history .box li.left .year:after {display: none}
	.subcon .history .box li.left .month {margin: 0 0 0 25px}
	.subcon .history .box li.left .img {margin: 0 0 0 25px}

	.subcon .history .box li.right {padding: 30px 0 30px 19px;}
	.subcon .history .box li.right .year:before {display: inline-block; margin: 0 0 0 -8px; width: 30px; height: 44px; content:url("/data/design/history_icon1.png"); color: #c22537}
	.subcon .history .box li.right .month {margin: 0 0 0 25px}
	.subcon .history .box li.right .img {margin: 0 0 0 25px}
	
	.root_daum_roughmap {width: 100% !important;}
	.wrap_map {height: 400px !important;}
	.subcon .map{width:100%;max-width:1320px;margin:0px auto;}
	.subcon .map .btn {margin: 50px 0 0; text-align: center}
	.subcon .map .btn a {padding: 10px 20px; margin: 0 20px; border: 1px solid #555; background: #555; color: #fff; border-radius: 3px; font-size: 14px}
	.subcon .map .btn a:hover {background: #fff; color: #555}
	.subcon .map .address{margin: 60px 0; border-top: 1px solid #ddd; padding: 5px 0 0}
	.subcon .map .address dl {border-bottom: 1px solid #ddd; padding: 20px 0}
	.subcon .map .address dl:after {display: block; content:""; clear: both}
	.subcon .map .address dt {float: left; width: 100%; padding: 0 0 0 10px; font-weight: 600}
	.subcon .map .address dd {float: left; width: calc(100%); padding: 0 0 0 10px; line-height: 22px; opacity: 0.7}
	.subcon .map .address dd:before {display: none; content:"|"; margin: 0 20px 0 0; opacity: 0.5}

	.subcon .staff{width:100%;max-width:1320px;margin:0px auto;}
	.subcon .staff .lawyer dl dt {position: relative; font-size: 24px; padding: 10px 0 0 10px; color: #000; font-weight: 600}
	.subcon .staff .lawyer .box {margin: 20px 0 0; border: 1px solid #ddd; overflow: hidden}
	.subcon .staff .lawyer ul {}
	.subcon .staff .lawyer ul:after {clear: both; display: block; content:""}
	.subcon .staff .lawyer ul.profile li {float: left;}
	.subcon .staff .lawyer ul.profile li.img {width: 100%; padding: 20px 10px 0 10px; text-align: center}
	.subcon .staff .lawyer ul.profile li.img img{width: 100%; max-width: 200px}
	.subcon .staff .lawyer ul.profile li.txt {width: calc(100%); margin: 20px 10px 30px 10px; font-size: 20px;}
	.subcon .staff .lawyer ul.profile li.txt .name {font-size: 26px;}
	.subcon .staff .lawyer ul.profile li.txt .email {margin: 10px 0 0; font-size: 16px}
	.subcon .staff .lawyer ul.profile li.txt .email span { color: #183883; margin: 0 10px 0 0}
	.subcon .staff .lawyer ul.profile li.txt .stl {position: relative; margin:10px 0 5px; padding: 0 0 0 35px; color: #183883; font-weight: 500}
	.subcon .staff .lawyer ul.profile li.txt .stl:before {position: absolute; left: 0; top: 0px; content:url('/data/design/icon_school.png')}
	.subcon .staff .lawyer ul.profile li.txt .scon {padding: 12px 10px 12px 10px; margin: 10px 0px 0 0; line-height: 28px; font-size: 16px; background: #f7f7f7; font-weight: 100}
	.subcon .staff .lawyer ul.profile li.txt .scon strong {display: block; font-weight: 400; margin: 0 10px 0 0}
	.subcon .staff .lawyer ul.profile li.txt .scon span {margin: 0 0 0 85px}
	.subcon .staff .lawyer ul.profile li.txt .scon .sub {margin: 0 0 0 0px}
	.subcon .staff .lawyer .stl2 {position: relative; margin: 20px 0 5px; padding: 0 0 10px 35px; color: #183883; font-weight: 500; border-bottom: 1px solid #ddd}
	.subcon .staff .lawyer .stl2:before {position: absolute; left: 0; top: 0px; content:url('/data/design/icon_bag.png')}
	.subcon .staff .lawyer .career_tl {clear: both; position: relative; margin: 30px 30px}
	.subcon .staff .lawyer ul.career {margin: 50px 10px;}
	.subcon .staff .lawyer ul.career li {float: left;font-size: 16px; opacity: 0.9; letter-spacing: 0px; font-weight: 100; padding: 0 0px 0 0;}
	.subcon .staff .lawyer ul.career li span {font-weight: 400}
	.subcon .staff .lawyer ul.career li p {margin: 0 0 20px 15px; line-height: 26px}

	.subcon .staff .family {margin: 80px 0 50px}
	.subcon .staff .family dl dt {position: relative; font-size: 28px; padding: 10px 0 0 10px; color: #000; font-weight: 600}
	.subcon .staff .family ul {margin: 20px 0 0; overflow: hidden}
	.subcon .staff .family ul li {float: left; border: 1px solid #ddd; width: calc(50% - 10px); margin: 0 10px 10px 0;}
	.subcon .staff .family ul li:nth-child(2n) {margin: 0 0 10px 0 }
	.subcon .staff .family ul li .img img{width: 100%;}
	.subcon .staff .family ul li .name {border-top: 1px solid #ddd; font-size: 14px; padding: 5px 0px; text-align: center; font-weight: 100; letter-spacing: 0px}
	.subcon .staff .family ul li .name strong {display: block; margin: 0 0 0 0px; font-size: 20px; font-weight: 400}

	.subcon .business{width:100%;max-width:1320px;margin:0px auto;}

	.subcon .business ul {}
	.subcon .business ul:after {clear: both; display: block; content:""}
	.subcon .business ul li {position: relative; float: left; width: 50%; text-align: center; padding:140px 0 0; font-size: 18px; font-weight: 500; border: 1px solid #1d338c;; margin: 0 0px -1px -1px; height: 220px; color: #555; cursor: pointer; letter-spacing: -1px;}
	.subcon .business ul li:hover {background: #1d338c; color: #fff;}
	.subcon .business ul li:before {position: absolute; top:66px; left: 50%; margin: 0 0 0 -35px; padding: 0 0 0px;text-align: center;font-size: 70px;font-family: 'Material Icons Outlined'; opacity: 0.7; color: #1d338c;}
	.subcon .business ul li:hover:before {color: #fff; }
	.subcon .business ul li:nth-child(1):before {content: 'paid';}
	.subcon .business ul li:nth-child(2):before {content: 'gavel';}
	.subcon .business ul li:nth-child(3):before {content: 'balance';}
	.subcon .business ul li:nth-child(4):before {content: 'file_copy';}
	.subcon .business ul li:nth-child(5):before {content: 'domain';}
	.subcon .business ul li:nth-child(6):before {content: 'domain_disabled';}
	.subcon .business ul li:nth-child(7):before {content: 'content_paste_go';}
	.subcon .business ul li:nth-child(8):before {content: 'reduce_capacity';}

	.subcon .business ul li span {display: block;}
}