@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/* 초기화 */
body,html{
    overflow: hidden !important;
}
html.no-idx {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.75em;background:#fff;height:100%;font-family:'Noto Sans KR', sans-serif, AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움';}
body, h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Noto Sans KR', sans-serif, AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움';}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {font-family:'Noto Sans KR', sans-serif, AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움';;vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer;font-family:'Noto Sans KR', sans-serif, AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움';}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Noto Sans KR', sans-serif, AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움';}
textarea {border-radius:0;-webkit-appearance:none;border:1px solid #d9dee9}
input[type=text] {text-indent:5px}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd {list-style:none;padding:0;margin:0}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

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

/* 상단 레이아웃 */
#header {position:fixed;top:0;right:0;left:0;z-index:9999999;transition:left 0.2s;}
#header:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#page-1 .pg-active #header {display:none;}
.fp-viewing-0, .fp-viewing-1 {/*overflow-y: visible !important;*/}
.fp-viewing-1 #header, .fp-viewing-2 #header, .fp-viewing-3 #header, .fp-viewing-4 #header  {display:none;/*background:rgba(0,0,0,0.5);*/}
.fp-viewing-1 .gnb_1da, .fp-viewing-2 .gnb_1da, .fp-viewing-3 .gnb_1da {color:#8a8a8a;}
.fp-viewing-1 .shop_btn a, .fp-viewing-2 .shop_btn a, .fp-viewing-3 .shop_btn a {border:1px solid rgba(0,0,0,0.2)}

.fp-viewing-secondPage .navbar, .fp-viewing-3rdPage .navbar, .fp-viewing-4thpage .navbar, .fp-viewing-lastPage .navbar {display:none;background:rgba(0,0,0,0.7);}

/*
.scrolled {
  border-bottom:1px solid #ddd;	
  background-color:rgba(255,255,255,0.8)!important;
  transition: background-color 200ms linear;
}
*/

/*
.list::after {display:block;visibility:hidden;clear:both;content:"";
	transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.6s ease-in-out;}*/
.list{background-position:center center;background-size:cover;background-repeat:no-repeat;height:950px;text-align:left;color:#fff;
/*	transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transition: all 0.7s ease-in .7s;
-moz-transition:  all 0.7s ease-in .7s;
-ms-transition: all 0.7s ease-in .7s;
-o-transition: all 0.7s ease-in .7s;
transition: all 0.7s ease-in .7s*/
	}

/* 슬라이드 */
.lt_bn {position:relative;overflow:hidden}
.lt_bn .bx-wrapper{height:969px;}
.lt_bn li{/*background-position:center center !important; background-size:cover;background-repeat:no-repeat;*/height:969px;text-align:left;color:#fff}
.lt_bn .bg{;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';z-index:1;overflow:hidden}

.bn_txt_area {max-width:1300px;margin:0 auto;position: relative;}
.lt_bn .bn_txt{display:table;text-align: left;height:100%;width:100%;position:relative;z-index:2;}
.lt_bn .txt_wr{display:table-cell;vertical-align:middle;padding:0 0}

.lt_bn li .bn_tit{font-size:60px;font-weight:600;letter-spacing:-0.02em; line-height:66px; padding:10px 0 0 0;}
.lt_bn li .bn_detail_copy{font-size:40px;font-weight:100;letter-spacing:-0.02em; line-height:46px;}
.lt_bn li .bn_detail{font-size:16px;margin:20px 0 0px; line-height:26px;font-weight:300;}

.lt_bn li .bn_detail2{font-size:16px;margin:0px 0 20px; line-height:28px; font-weight:600;}

.bn_view {display:inline-block;border:1px solid #cacdcc;color:#818484;font-size:16px;font-weight:400;padding:10px 70px;margin-top:20px; z-index: 9999; position: relative; border-radius:50px;}
.bn_view2 {display:inline-block;border:1px solid #fff;color:#fff;font-size:13px;font-weight:400;padding:20px 50px;margin-top:20px; z-index: 9999; position: relative;}

.lt_bn .bn_link{display:none;position:absolute;bottom:10px;right:10px;z-index:99;background:#ff0000;color:#fff;width:40px;line-height:40px;border-radius:30px;text-align:center;font-size:16px}
.lt_bn:hover .bn_link{display:block}
.lt_bn .bn_link:hover {transform: rotate( -45deg );color:#fff;}

.lt_bn .bx-pager{/*position:absolute;bottom:0;right:0*/ padding:20px 0 0 0;}

.main_it_bn {text-align:center;}
.main_it_bn_top {padding:150px 0 0 0;}
.main_doctor {position: absolute;bottom: 0; width: 100%;}

.btn_login .btn_ol{width:auto;vertical-align:top;padding:2px 10px;border:0;color:#727272; background:#fff; border-radius:30px;min-width:80px;text-align:center;}
.btn_login .btn_ol .txt{color:#717989;display:inline-block;margin-left:5px}
.btn_login{position: absolute; right: 0; z-index: 99999; top: 14px;}
.btn_login a{display:inline-block;position:relative;}
/*.btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}*/
.btn_login button{}

 @media (max-width: 969px){
    /*.lt_bn .bx-wrapper ,.lt_bn li{height:500px}*/
    .lt_bn .bx-controls-direction a{width:30px;height:30px }
    .lt_bn .txt_wr{padding:0 20px}
    .lt_bn li .bn_tit{font-size:2em;line-height:1em;padding: 0;}
    .lt_bn li .bn_detail_copy {font-size:1.8em; line-height:1.8em;}
    .lt_bn .btn_bottom{display:none}
    .lt_bn #bx_pager{width:100%;text-align:center;right:0;bottom: 140px;}
    .lt_bn li .bn_detail2 {font-size: 14px;margin: 0px 0 0px 0;}
    .lt_bn li .bn_detail {font-size: 14px;margin: 20px 0 30px;line-height: 18px;}
    .lt_bn li .bn_view {padding: 10px 40px;}
    
    .btn_login{background:#fff;padding: 0 10px 10px 10px;}
	.btn_login .btn_ol{line-height:34px;height:34px;background:#fff !important;border:0;background:none;color:#717989;padding:0 10px;position:relative}
	.btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px}
	
 }

 @media (max-width: 600px){
.lt_bn .bx-wrapper, .lt_bn li{/*height:640px*/}
.lt_bn .txt_wr {padding: 0 20px 90px 20px;}
.hd_pops_con {width:100% !important; height:100% !important;}
.hd_pops {top: 0px !important;left: 0px !important;}
#hd_pops_4 img {height:550px;}
#hd_pops_4 .hd_pops_con {height: auto !important;}
}


 @media (max-width: 410px){

}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#mobile-indicator {display:none}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;/*height:130px; border-bottom:1px solid rgba(255,255,255,0.2);*/}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper #hd_wrapper_innr {max-width:1300px;margin:0 auto;/*background:pink*/}
#hd_wrapper .gnb_side_btn {float:left;display:inline-block;margin-top:6px}
#hd_wrapper .gnb_side_btn a {display:none;width:40px;height:30px;line-height:30px;text-align:center;font-size:2.5em;vertical-align:top;cursor:pointer;color:#fff;padding: 40px 0 0 0;}

.fa-bars {color:#000;}

#logo {float:left;display:inline-block;margin:30px 100px 0 0;z-index: 9999;position: relative;}
#logo img {/*width:130px*/}

#pc_gnb {float:right; position: relative;  z-index: 999999999;}
.hd_pc_gnb {float:left;position:relative;width:40px;height:30px;margin-top:5px;margin-left:5px;vertical-align:top;font-size:1.5em;cursor:pointer;color:#fff;background:transparent;border:0}
.hd_mem_btn {float:left;position:relative;width:40px;height:30px;margin-top:5px;margin-left:5px;vertical-align:top;font-size:1.5em;cursor:pointer;color:#fff;background:transparent;border:0}

#member_menu {position:relative;display:inline-block}
#top_outlogin {display:none;position:absolute;top:60px;right:0}

/* 메인메뉴 */

.shop_btn_m {font-size:13px; text-align: center;}
.shop_btn_m a {color: #fff !important; line-height: 34px !important; border-radius:30px; background:#1c1827;display: inline-block !important;}
.shop_btn_m a:hover {color: #fff !important}

.shop_btn {font-size:13px;}
.shop_btn a {color:rgba(255,255,255,0.7); border:1px solid rgba(255,255,255,0.7); line-height:13px; border-radius:30px; padding:10px 25px;margin: 40px 0 0 50px;}


#gnb {position:relative;/*background:#fff*/}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative;/*padding: 16px 0 0 0;*/padding: 54px 0 0 0;}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:20px;padding:0;border-bottom:0px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;/*line-height:110px;*/line-height: 40px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:/*#0a77bc*/ #fff700;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:none;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
/*.gnb_1da {display:block;font-weight:400;padding:0 35px; color:#000; text-decoration:none}*/
.gnb_1da {display:block;font-weight:400; margin: 0 10px; padding: 0 21px; background: #9400d3; color: #fff; text-decoration:none;border-radius: 50px;}
#gnb li:last-child a {/*padding:0 0 0 39px;*/ margin: 0 0 0 13px}
.gnb_2dul_box li:last-child a {margin:0 !important;}
.gnb_1dli.gnb_al_li_plus .gnb_1da{/*padding-right:25px*/}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:/*74px*/38px;width:100%;padding-top:10px;}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0; border-radius: 10px; overflow: hidden;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px !important;line-height:40px;font-size: 14px;background:#fff;color:#080808;text-align:center;text-decoration:none}
a.gnb_2da:hover {color:#9400d3;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#000}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}


@media (max-width:890px) {
	.hd_pc_gnb {display:none}
	#top_outlogin {right:10px}
}

#pc_gnb_all {display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:9999;background:#fff}
.pc_gnb_innr {position:relative;max-width:1220px;margin:45px auto}
.pc_gnb_innr h2 {font-size:2em;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ececec}
.gnb_opt_btn {position:absolute;top:5px;left:0}
.gnb_opt_btn a {margin-right:10px}
.gnb_opt_btn i {display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;background:#000;border-radius:50%}
.gnb_opt_btn a:hover i {background:#f44336}
#all_menu {width:100%;overflow-y:scroll;max-height:980px}
#all_menu .gnb_1dli {width:20%;float:left;text-align:left;min-height:200px;margin-bottom:25px}
#all_menu .gnb_1dli:nth-child(5n+1) {clear:both}
#all_menu .gnb_1da {display:block;font-weight:bold;font-size:1.6em;margin-bottom:20px}
#all_menu .gnb_2dli {padding:10px 0;font-size:1.2em}
.gnb_pc_close {position:absolute;top:0;right:0;color:#000;border:0;background:transparent;font-size:1.8em}
.gnb_pc_close:hover {color:#f44336}


@media (max-width:1200px) {
	.pc_gnb_innr {width:100%;padding:0 20px}
	.gnb_opt_btn {left:20px}
	.gnb_pc_close {right:20px}
}

@media (max-width:980px) {
	#all_menu .gnb_1dli {width:33.333%}
	#all_menu .gnb_1dli:nth-child(5n+1) {clear:inherit}
	#all_menu .gnb_1dli:nth-child(3n+1) {clear:both}
}

@media (max-width:720px) {
	#all_menu .gnb_1dli {width:50%}
	#all_menu .gnb_1dli:nth-child(3n+1) {clear:inherit}
	#all_menu .gnb_1dli:nth-child(2n+1) {clear:both}
}


.header_ct {float:right}
.hd_sch_wr {display:inline-block;float:right;margin-left:10px}
.hd_sch_bt {position:relative;width:30px;height:30px;margin-top:5px;margin-left:5px;vertical-align:top;font-size:1.5em;cursor:pointer;color:#fff;background:transparent;border:0}

#hd_sch {display:none;position:absolute;top:0;left:0;width:100%;text-align:center;z-index:9999;background:red}
#hd_sch>h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative}
#hd_sch #sch_stx {width:100%;height:60px;padding-left:10px;border:0;background:#282c37;color:#fff;z-index:9999}
#hd_sch #sch_submit {position:absolute;top:0;right:50px;width:40px;height:60px;border:0;cursor:pointer;color:#fff;background:transparent;font-size:1.6em;line-height:20px}
.sch_more_close {position:absolute;top:0px;right:0px;width:50px;height:60px;border:0;cursor:pointer;color:#fff;background:transparent;font-size:1.6em;line-height:20px;text-align:center;vertical-align:top}

#tnb {position:relative;display:inline-block;float:right}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .profile_btn {display:inline-block;border:0;height:30px;width:30px;background:transparent;margin-top:5px}
#tnb .profile_btn .profile_img img {width:30px;height:30px;border-radius:50%}
#tnb .profile_btn i {display:inline-block;font-size:1.2em;padding:0 5px;vertical-align:middle;color:#c1c4c6}
#tnb .tnb_login {display:inline-block;padding:0 15px;margin-top:5px;line-height:30px;border:1px solid #2aba8a;color:#2aba8a;border-radius:30px}

#tnb .tnb_member {display:none;position:absolute;top:58px;right:0;border-radius:3px;width:150px;background:#fff;z-index:999;box-shadow:0px 1px 5px 1px #e4e4e4}

/* 사이드 왼쪽 메뉴 */
#sidedrawer {position:fixed;top:0px;bottom:0;width:240px;left:-240px;background:#fff;overflow-x:hidden;overflow:auto;z-index:99999999999;transition:transform 0.2s}
#sidedrawer:after {display:block;visibility:hidden;clear:both;content:""}




/* 메인, 공통 레이아웃 */
#wrapper {min-height:100%;clear:both}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {/*margin:60px auto 0*/}

#container.container {margin:0px auto 0px;}
.idx-html #top_btn {}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:2em;font-weight:bold;line-height:30px;margin-bottom:20px;color:#333;text-align:left/*border:1px solid #ececec;border-bottom:0*/}

.conle_idx_top {}
.conle_idx_top:after {display:block;visibility:hidden;clear:both;content:""}
.conle_lt {position:relative;float:left;width:50%;padding:20px 30px;border:1px solid #e4e5e7;background:#fff}
.conle_lt_even {border-left:0}
.conle_bt_lt {border-top:0}

.lt_gall {width:100%}

.shortcut {padding:10px 0}
.shortcut:after {display:block;visibility:hidden;clear:both;content:""}
.shortcut>li {display:block;font-size:1.2em;font-weight:bold;background:#fff}
.shortcut>li>a {display:block;padding:15px 20px;text-align:left;color:#080808}
.shortcut>li>a:hover i {color:#fd7e14}
.shortcut>li>a>i {color:#6e7479}

/* Mobile gnb */
#gnb .swiper-slide {width:auto}

/* PC gnb */
#gnb_all {display:none;position:absolute;width:100%;z-index:99999}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul {background:#fff;border:1px solid #1cc48f;
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);
box-shadow:0 2px 5px rgba(0,0,0,0.1)}
#gnb_all .gnb_al_li {float:left;width:16.6%;min-height:200px;padding:5px;background:#fff;border-bottom:1px solid #f6f7f9}
#gnb_all .gnb_al_li:nth-child(6n) {width:17%;border-right:0}
#gnb_all .gnb_al_li:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;padding:10px;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3f4156}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li i {color:#9ca6cc}
#gnb_all .gnb_al_li li a {color:#555}

.gnb_close_btn {position:absolute;top:-50px;left:0px;width:50px;height:51px;background:#fff;color:#0b0b0b;vertical-align:top;font-size:22px;border:1px solid #1cc48f;border-bottom:0}

/* 텍스트 크기 조절 */
#text_size {display:block;margin:0 10px 20px;padding:10px 20px;background:#1cc48f;text-align:center}
#text_size h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#text_size button {display:inline-block;height:35px;width:35px;margin:0 2px;text-indent:-9999px;border-radius:30px;border:0}

#text_size #size_down {background:url('../img/fct_small.png') #59d0aa center no-repeat;background-size:auto 20px}
#text_size #size_def {background:url('../img/fct_basic.png') #59d0aa center no-repeat;background-size:auto 20px}
#text_size #size_up {background:url('../img/fct_large.png') #59d0aa center no-repeat;background-size:auto 20px}

#text_size #size_down.ft_status,
#text_size #size_def.ft_status,
#text_size #size_up.ft_status {background-color:#fff}

.ts_down2 {font-size:0.67em !important}
.ts_down1 {font-size:0.83em !important}
.ts_def {font-size:1em !important}
.ts_up1 {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}


/* 중간 레이아웃 공통 */
.border_box {border-radius:10px;background:#fff;padding:20px}
.border_box:hover {
transition-duration:.5s;margin-top:1px;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}

.margin_bottom10 {margin-bottom:10px}

@media (max-width:890px) { 
	.margin_bottom10 {margin-bottom:20px}
}

/* 중간 레이아웃 */
.auto_page {}
.auto_page:after {display:block;visibility:hidden;clear:both;content:""}
.auto_page_innr {margin:0 auto;width:1220px}
.auto_page1 {}
.auto_page1 .left,
.auto_page1 .right {width:50%;float:left}
.auto_page1 .left {padding-right:5px}
.auto_page1 .right {padding-left:5px}
.auto_page1 .inx_banner {clear:both}
.auto_page1 .inx_banner:after {display:block;visibility:hidden;clear:both;content:""}

.main_lt{float:left;width:100%;margin-bottom:20px;}
.lt_tab {max-width:1080px; margin:0 auto;}
.lt_tab ul{overflow:hidden;border-bottom:0px solid #eaeaea;}
.lt_tab ul li{float:left;width:24.66%;line-height:50px;text-align:center;letter-spacing:-0.5px;padding: 0 4px;}
/*.lt_tab ul li:nth-child(2){width:26%;}*/
.lt_tab ul li a{font-size:20px;font-weight:400;color:#767676;display:block;background-color:#f5f5f5;margin-right:1px; border:1px solid #f5f5f5;}
.lt_tab ul li:last-child a{margin-right:0;}
.lt_tab ul li.selected a{color:#c9161e;background-color:#FFF;}

.lt_con{width: 100% !important; height:528px;border:1px solid #eaeaea;border-top:0;padding:0px 0px;}
.lt_con ul li{border-bottom:0px solid #efefef;line-height:37px;overflow:hidden;}
.lt_con ul li:last-child{border-bottom:0;}
.lt_con ul li a{font-size:14px;color:#5e5e5e;display:block;}
.lt_con ul li a:hover{color:#c9161e;}
.lt_con ul li span{font-size:12px;color:#999999;float:right;}


@media(max-width:650px){
	.lt_tab ul {padding:0 8px;}
	.lt_tab ul li {width: 50%;padding: 2px;}
	.lt_tab ul li a {font-size: 15px;font-weight: 400; margin-bottom:1px;}
	.lt_con ul li a {font-size: 15px;line-height: 32px;}
	.lt_con {padding: 10px 10px;}
	.lt_con ul li span {display: none;}
	.lt_con {height: auto;}
}

/*
.auto_page4 h2 {text-align:center;display:block;color:#fff;font-size:2.8em;font-weight:100;font-style:normal;font-family:"Nanum Square", "Nanum Gothic", "dotum", "Poppins", sans-serif}
.auto_page4 p {text-align:center;margin:25px 0 65px;color:#fff;font-size:1.8em;font-weight:100;font-family:"Nanum Square", "Nanum Gothic", "dotum", "Poppins", sans-serif;opacity:0.8}
.auto_page4 p span {display:inline-block;border-right:1px solid #c762d8;padding-right:10px;margin-right:10px}
.auto_page4 iframe {width:100%;height:500px;border-radius:10px}
*/
#m_side_gnb {display:none}
#content-wrapper {min-height:100%;overflow-x:hidden;overflow-y: hidden;margin-left:0px;transition:margin-left 0.2s;box-sizing:border-box}

#idx_ft_copy {text-align:center;padding:50px 0 20px 0;line-height:2em;text-align:left;color:#a9a9a9}
#idx_ft_copy .ft_company {text-align:left; padding:0 0 30px 0; display: inline-block;}
#idx_ft_copy .ft_company a {display:inline-block;margin-left:5px;padding-left:5px;color:#fff;font-weight:500; font-size:16px;}
#idx_ft_copy .ft_company a:first-child {border:0;margin-left:0;padding-left:0}

.ft_copy_sub {border-top:1px solid #4a4a4a; padding:10px 0 0 0; margin:10px 0 0 0;}

.main_banner_area {width: 100%;}
.main_banner_area H2 {font-size:23px; font-weight:600; color:#fff; letter-spacing:0.8em;}
.main_banner_area HR {border:0; width:50px; height:2px; background:#fff; display:block; margin:20px auto 32px auto;}
.main_banner_area H3 {font-size:15px; font-weight:100; color:#fff; letter-spacing:-0.04em; line-height:22px;}
.banner_bg1 {background:url('/new/img/main_banner_01.jpg') center no-repeat;background-size:cover;}
.banner_bg2 {background:url('/new/img/main_banner_02.jpg') center no-repeat;background-size:cover;}
.banner_bg3 {background:url('/new/img/main_banner_03.jpg') center no-repeat;background-size:cover;}
.main_banner_left {padding: 4% 0 5% 0;}
.banner_txt {max-width:1220px; margin:0 auto;}
.banner_cen {display:inline-block; text-align:center;}



.main_porduct_area {padding:80px 0 40px 0}
.main_porduct_list {padding:80px 0 100px 0;}
.main_porduct_list ul {font-size:0;}
.main_porduct_list li {width:33.3333%; display:inline-block;vertical-align: top;}

.main_porduct_con {padding: 0 10px 50px 10px;}
.main_porduct_con img {width:100%; height:auto;}
.main_porduct_con H2 {font-size:24px; font-weight:600; color:#000; letter-spacing:-0.06em; line-height:30px; padding:30px 0 10px 0;}
.main_porduct_con H3 {font-size:14px; font-weight:300; color:#808080; letter-spacing:-0.04em; line-height:22px;}

.border_more {width:80%; height:1px; background:#808080; margin:0 auto;}
.more_btn {font-size:15px; font-weight:300; color:#000;display: inline-block; letter-spacing:0.3em; line-height:22px; border-bottom:5px solid #000;padding: 0 0px 6px 7px;}
.lens_btn {font-size:15px; font-weight:300; color:#fff; background:#9400d3; display: inline-block; letter-spacing:-0.03em; line-height:22px; padding: 6px 20px; margin:15px 0 0 0; border-radius:50px;}

.main_cen {display:table;text-align: left;height:100%;width:100%;position:relative;z-index:2;}
.main_cen2 {display:table-cell;vertical-align:middle;padding:0 0}

.main_utube_area {font-size:0;}
.main_utube_left {width:50%;  height:969px; display:inline-block;background:url('/new/img/main_utubee_bg.jpg') center no-repeat;background-size:cover;}
.main_utube_right {width:50%;  height:969px; display:inline-block;background:#2cc7b7;}
.main_utube_title {font-size:60px; font-weight:100; color:#fff; letter-spacing:-0.08em; line-height:60px;}
.main_utube_copy {font-size:20px; font-weight:100; color:#d7f4f1; letter-spacing:-0.04em; line-height:28px; padding:20px 0 40px 0;}
.view_btn {font-size:13px; font-weight:100; color:#fff; display:inline-block;border:1px solid #fff;color:#fff;padding:20px 50px;margin-top:20px}
.main_utube_padd {padding:0 0 0 30px;}


br {display:block;}
.mo_br {display:none;}

.zoom {transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.6s ease-in-out;}
.zoom:hover {transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);}
.zoom_area {overflow:hidden;border: 1px solid #e8e8e8;}

.gnb_mo_navi {display:none;}

@media (max-width:1320px) {

.lt_bn li {height:auto;}	
.main_doctor {position: relative;padding: 70px 0 0;}
.main_doctor img {width:100%; height:auto;}	
	
#logo {margin: 10px 40px 0 20px;}	
#hd_wrapper .gnb_side_btn a {padding: 20px 0 0 0;}
.gnb_1da {/*background:#fff;*/}
.btn_login .btn_ol {border:1px solid #e6eaef;}
.btn_login {position: relative;text-align: center;padding: 10px 0; background:#f4f6f5; top:0; }

.gnb_mo {display:none;}	
.gnb_mo_navi {display:block;display: block; position: absolute; z-index: 999; left: 25%; top: 2%;}
.ft_nav_depth {display:none}
.mui--visible-sm-inline-block {display: inline-block !important;}
#gnb .gnb_1dli:hover > a {/*color:#000;*/}

#gnb {}
#gnb h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#gnb .gnb_1dul {font-size:1.2em;font-weight:bold;padding: 15px 0 0 0;}
#gnb .gnb_1dli {width:100%;position:relative;padding:0}
#gnb .gnb_1da_on:before {content:"";position:absolute;display:inline-block;left:0;top:0;width:2px;height:100%;border-left:3px solid #ec5b5b}
#gnb .gnb_1da_on .gnb_2da:before {content:"";position:absolute;display:inline-block;left:0;top:0;width:2px;height:100%;border-left:3px solid rgb(248, 178, 2)}

#gnb .gnb_1dli button {position:absolute;top:5px;right:5px;width:30px;height:40px;overflow:hidden;border:0;background:url('../img/mobile/gnb_bg2.png') no-repeat center;text-indent:-9999px}
#gnb .gnb_1dli button.btn_gnb_cl {background:url('../img/mobile/gnb_bg.png') no-repeat center}
#gnb .gnb_1da {display:block;text-align:left;line-height:35px;padding:0 0 0 8px !important; font-size: 15px; font-weight: 600; margin:5px 0 0 13px !important; width:120px;}
#gnb .gnb_1da:hover {/*color:#000 !important*/}
#gnb .gnb_1da:hover i {color:#3a84df}
#gnb .gnb_1da i {color:#585e65}
#gnb .gnb_1da_on .gnb_2da:hover:before {content:"";position:absolute;display:inline-block;left:0;top:0;width:2px;height:100%;border-left:3px solid #9902f8}



#gnb .gnb_2dul {display:block;position: relative;top:0; border-top:0px solid #e6eaef;}
#gnb .gnb_2da {position:relative;font-size:13px;line-height:28px;font-weight: 300;padding:0 20px 0px 20px !important; display:block; text-align:left !important;}
#gnb .gnb_2dli:hover .gnb_2da {}
#gnb .gnb_2dli{}

.gnb_2dul li:last-child a {margin:0 !important;}
#gnb_close {position:absolute;top:0;left:260px;height:30px;width:30px;margin:0;font-size:22px;border:0;background:transparent;color:#fff;overflow:hidden}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

.bn_txt_area {text-align:center;}
.lt_bn #bx_pager {width: 100%;text-align: center;}

.banner_txt {text-align:center !important;}

.main_porduct_con H2 {font-size: 16px;line-height: 22px;}
.main_porduct_con H3 {font-size: 12px;line-height: 18px;}

.main_porduct_area {padding: 30px 0 20px 0;}

.main_utube_left {width: 100%;height: 400px;}
.main_utube_right {width: 100%;height: 400px;}
}

.main_service_area {height:969px;}
.main_service_area ul {}
.main_service_area li {float:left;position: relative;height: 969px; width: 25%;}

.txt_zone .sub_con_copy {display:none}
.main_service_area li .main_service_img {opacity:1; transition-duration: 1s;transition-timing-function: ease-out;}
.main_service_area li:hover .txt_zone .sub_con_copy {display:block;}
.main_service_area li:hover .main_service_img {opacity:0.15; transition: background 1s ease-out;}

.txt_zone {position: absolute;text-align: center; width: 100%; top: 30%;}
.main_service_icon {z-index: 9999; position: relative;}


.title_area {padding:80px 0 0 0; text-align:center;}
.title_bold {font-size:43px;}
.title_txt {font-size:18px;}
.title_line {width:55px; height:1px; background:#000; display:block; margin:27px auto 33px auto;}

.doctor_bg {background:#ececec; padding:50px 0 0 0; margin:80px 0 0 0;}

.service_btn {}
.main_service_img {height:100%;}
.main_service_img img {height:100%; width:100%;}

.about_area {height:500px; background:url('/img/main_doctor_img.jpg') center no-repeat;background-size:cover;}
.about_btn .bn_view {border-color:#000; color:#000;}
.youtube_area {height:340px;padding: 0px 0px 0 0px;}

.customer_area {padding:30px 0 0px 0; text-align: center;}
.work_info {position: relative;width:498px; height:403px; padding:36px 30px; text-align:center; background:url('/img/main_customer_img.jpg') center no-repeat;background-size:cover; vertical-align: top;}
.tel_con {padding:40px 0 30px 0;}
.tel_box {background:#9400d3; padding:10px 20px; font-size:24px; border-radius:6px;vertical-align: top; margin:0 15px 0 0;}
.tel_num {line-height:46px; text-align:left;}
.work_time {font-size:18px; color:#fff; line-height:28px; font-weight:300;}
.etc_box {border-radius:50px; border:1px solid #fff; color:#fff; font-size:18px; font-weight:400; letter-spacing:0.4em; padding:10px; margin:40px 0 0 0;}
.loction_info {position: relative;width:498px; height:403px; padding:36px 30px;; margin:0 0 0 60px; text-align:center; background:url('/img/main_map_img.jpg') center no-repeat;background-size:cover; vertical-align: top;}
.loction_info .etc_box {position: absolute; bottom: 34px; letter-spacing:0.0em; width: 88%;}

.vertical_middle {vertical-align: middle;}
.vertical_top {vertical-align: top;}

.full_width{width:100%; text-align:center;}
.text_right {text-align: right;}
.text_left {text-align: left;}
.text_cen {text-align: center;}
.text_inline, .txt_inline {display:inline-block;}
.bg_sky {background:#30ccdc !important;}
.bg_pink {background:#ff83bb !important;}
.bg_purple {background:#9400d3 !important;}
.bg_white {background:#fff !important;}
.txt_blue {color:#0468cf !important;}
.txt_white {color:#fff !important;}
.txt_black {color:#000 !important;}
.txt_green {color:#00bf29 !important;}
.txt_gray {color:#838383;}
.txt_purple {color:#9400d3 !important;}

.btn_purple {text-align:center;font-size:20px; font-weight:300; color:#fff; letter-spacing:-0.06em; line-height:32px; padding:10px 0; border-radius:50px; background:#9400d3;}
.btn_purple2 {display:inline-block; text-align:center;font-size:20px; font-weight:300; color:#fff; letter-spacing:-0.06em; line-height:32px; padding:6px 20px; background:#9400d3;}

.txt_under {font-weight:500; color:#000; text-decoration: underline; text-underline-position: under;}
.num_gray {font-size:30px; font-weight:600; color:#808080; letter-spacing:-0.06em; line-height:32px;padding: 50px 80px; background:#f8f8f8;}
.num_purple {font-size:20px; font-weight:600; color:#fff; letter-spacing:-0.06em; line-height:32px;padding: 50px 0 50px 50px; width:260px; background:#9400d3;}


.txt_100 {font-weight:100;}
.txt_300 {font-weight:300;}
.txt_400 {font-weight:400 !important;}
.txt_400 {font-weight:500 !important;}
.txt_600 {font-weight:600;}

.padd_top70 {padding:70px 0 0 0;}
.padd_top50 {padding:50px 0 0 0;}
.padd_top40 {padding:40px 0 0 0 !important;}
.padd_top30 {padding:30px 0 0 0;}
.padd_top15 {padding:15px 0 0 0;}
.padd_top8 {padding:8px 0 0 0;}
.padd_tail30 {padding:0 0 30px  0;}
.padd_lr14 {padding:0 14px;}
.padd_lr30 {padding-left:30px; padding-right:30px;}
.padd_tb15 {padding:15px 0;}
.padd_tb30 {padding:30px 0;}
.padd_tb40 {padding:40px 0;}

.line_22 {line-height:22px !important;}

.max_width {max-width:1300px; margin:0 auto;}
.max_width2, .max_width3 {max-width:1080px; margin:0 auto;}
.max_width2a {text-align:center;}

.caption_txt {font-size:15px; font-weight:300; color:#808080; letter-spacing:-0.04em; line-height:22px; padding:20px 0 0 0;}
.sub_con_head {font-size:50px;z-index: 9999; position: relative;}
.sub_con_copy {font-size:18px; line-height:26px;}
.about_head {font-size:36px; line-height:46px;}
.eng_head {font-size:18px; letter-spacing:0.3em;}
.font_16 {font-size:16px;}
.font_18 {font-size:18px; letter-spacing:-0.06em;}
.font_20 {font-size:20px; letter-spacing:-0.06em;}
.font_24 {font-size:24px; letter-spacing: -0.04em; line-height:32px;}
.font_30 {font-size:30px; letter-spacing: -0.04em;}
.font_35 {font-size:35px; letter-spacing:-0.04em;}
.font_40 {font-size:40px; line-height: 44px;}
.font_50 {font-size:50px; line-height: 60px;}

.tail_quick {background:#9400d3; padding:45px 0;}

/* 서브공통 */
.sub_submenu {border-bottom:1px solid #e3e3e3;}
.sub_submenu ul { font-size:0;/*display: inline-block;*/}
.sub_submenu li:first-child {border-left:1px solid #e3e3e3;padding:0 26px;}
.sub_submenu li:nth-child(2) {background: #9400d3;}
.sub_submenu li:nth-child(2) a {color:#fff;}
.sub_submenu li {display:inline-block; border-right:1px solid #e3e3e3; padding:0 46px;height: 44px;}
.sub_submenu li a {font-size:18px; font-weight:400; color:#999999; letter-spacing:-0.04em;line-height:44px;height: 44px;}

.sub_content {padding:60px 0 0 0;}
.sub_content_padd {padding:70px 0 0 0;}
.sub_content_txt {font-size:18px; font-weight:300; color:#808080; letter-spacing:-0.06em; line-height:32px;}
.sub_content_txt a {color:#808080;}
.sub_content_txt2 {font-size:18px; font-weight:500; color:#666666; letter-spacing:-0.06em; line-height:26px;}
.sub_content_txt2 span {font-size:13px;}
.sub_content_txt3 {font-size:22px; font-weight:400; color:#000; letter-spacing:-0.06em; line-height:32px;}
.sub_content_txt4 {font-size:24px; font-weight:500; color:#fff; letter-spacing:-0.06em; line-height:32px; padding:10px 0; background:#9400d3;}
.sub_content_txt b {color:#000; font-weight:500;}
.sub_title {font-size:36px; font-weight:600; color:#000; letter-spacing:-0.02em; line-height:44px; padding:0px 0 0px 0;}
.sub_txt {font-size:24px; font-weight:500; color:#000; letter-spacing:-0.04em; line-height:32px; padding:0px 0 0px 0;}
.sub_copy {font-size:22px; font-weight:500; color:#808080; letter-spacing:-0.04em; line-height:28px; padding:0px 0 20px 0;}
.sub_title_line {display:block; width:55px; height:1px; background:#000; margin:50px auto 54px auto;}

.full_img {margin: 0 auto; display: block;}

.sub_con {font-size:0; background:#fafafa;}
.sub_con img {/*width:100%; height:100%;*/}
.sub_con_left {display:inline-block; vertical-align: top; width:50%;height: 530px;}
.sub_con_right {display:inline-block; padding:0 0 0 0px; vertical-align: top; width:50%;height: 530px;overflow: hidden;}
.sub_con H2 {font-size:30px; font-weight:600; color:#000; letter-spacing:-0.06em; line-height:36px; padding:0px 0 20px 0;}
.sub_con H4 {font-size:20px; font-weight:600; color:#000; letter-spacing:-0.06em; line-height:32px; padding:0px 0 20px 0;}
.sub_con H3 {font-size:18px; font-weight:300; color:#808080; letter-spacing:-0.04em; line-height:32px;}
.sub_con H3 span {padding: 0 0 0 42px;}
.padd_bottm50 {padding:0 0 50px 0;}
.auto_page_last  {background-color:#222 !important;}

.height790 {height:790px !important;}
.line-height790 {line-height:790px; text-align: center;}

.bg_gray {background:#f5f5f5;}
.bg_gray2 {background:#f8f8f8 !important;}
.bg_white_border {background:#fff; border:1px solid #ebebeb;overflow: hidden;}
.bn_txt_area {max-width:1080px;margin:0 auto;}
.bn_txt{display:table;text-align: left;height:100%;width:100%;position:relative;z-index:2;}
.txt_wr{display:table-cell;vertical-align:middle;padding:0 0}

.img_border_gray {border:1px solid #ebebeb}
.img_border_gray2 {border:1px solid #ececec;}
.img_border_gray3 {border:1px solid #ececec; background:#fff; height:230px; text-align:center;}
.box_impact {border: 2px solid #9400d3;overflow: hidden;}
.box_impact2 {border: 4px solid #9400d3;overflow: hidden;}

.bn_tit{font-size:36px;font-weight:300;letter-spacing:-0.02em; line-height:46px; padding:10px 0 0 0;}
.bn_detail_copy{font-size:40px;font-weight:100;letter-spacing:-0.02em; line-height:46px;}
.bn_detail{font-size:18px;margin:20px 0 80px; line-height:26px;font-weight:500; color:#000;}

.bn_detail2{font-size:16px;margin:0px 0 0px; line-height:28px; font-weight:600;}
.bn_view {display:inline-block;border:1px solid #fff;color:#fff;padding:20px 50px;margin-top:20px}

.main_it_bn .bn_view {display:inline-block;border:1px solid #000;color:#000;padding:20px 50px;margin-top:20px}

.sub_con_title {text-align:center;}
.sub_con_icon {width:8px; height:8px; background:#9400d3; border-radius:50%; margin:0 auto 13px auto;}
.sub_title_txt {font-size:24px;font-weight:600;letter-spacing:-0.02em; line-height:32px;}
.sub_latest_con {padding:42px 0 60px 0;}

.sub_bg1 {background:url('/img/artificial_img01.jpg') center no-repeat;background-size:cover;}
.sub_bg2 {background:url('/img/care_img01.jpg') center no-repeat;background-size:cover;}
.sub_bg3 {background:url('/img/care_img02.jpg') center no-repeat;background-size:cover;}
.sub_bg4 {background:url('/img/care_img03.jpg') center no-repeat;background-size:cover;}
.sub_bg5 {background:url('/img/care_img04.jpg') center no-repeat;background-size:cover;}
.sub_bg6 {background:url('/img/care_img05.jpg') center no-repeat;background-size:cover;}
.sub_bg7 {background:url('/img/care_img06.jpg') center no-repeat;background-size:cover;}
.sub_bg8 {background:url('/img/glaucoma_img01.jpg') center no-repeat;background-size:cover;}
.sub_bg9 {background:url('/img/syndrome_img01.jpg') center no-repeat;background-size:cover;}
.sub_bg10 {background:url('/img/syndrome_img02.jpg') center no-repeat;background-size:100%;}
.sub_bg11 {background:url('/img/Retinal_clinic_img02.jpg') center no-repeat;background-size:cover;}
.sub_bg12 {background:url('/img/Retinal_clinic_img08.jpg') center no-repeat;background-size:cover;}
.sub_bg13 {background:url('/img/Retinal_clinic_img09.jpg') center no-repeat;background-size:cover;}

.img_con_half {display:inline-block; width:505px; background:#f8f8f8;vertical-align: top;}
.img_con_half2 {display:inline-block; background:#f8f8f8;vertical-align: top; text-align:center;}
.img_con_half3 {display:inline-block; vertical-align: top; text-align:center;}
.img_con_padd {display:inline-block; padding:0 32px;}
.img_con_padd22 {display:inline-block; padding:0 22px;}
.img_con_half_txt {padding:20px 0; text-align:center;}

.img_horizontal {background:#fff; margin:0 0 17px 0;}
.img_horizontal_con {display:inline-block; vertical-align: middle;}
.img_horizontal_txt {display:inline-block; padding:0 0 0 37px; vertical-align: middle;}

.list_20_type {}
.list_20_type ul {font-size:0; margin:0 -5px;}
.list_20_type li {display:inline-block; width:20%; padding:5px;}
.list_20 {border:1px solid #ceb1d8; text-align:center; height:212px; background: #fbf5fd;}
.list_20_txt {}

.list_25_type {}
.list_25_type ul {font-size:0; margin:0 -13px;}
.list_25_type li {display:inline-block; width:20%; padding:5px; vertical-align: top;}

.list_33_type {}
.list_33_type ul {font-size:0; margin:0 -13px;}
.list_33_type li {display:inline-block; width:33.333333%; padding:13px;}
.list_33 {border:1px solid #ceb1d8; text-align:center; height:125px; background:#fff; background: #fbf5fd;}
.list_33_img { text-align:center} 
.list_33_img img {width:100%; height:auto;}
.list_188 {border:1px solid #ceb1d8; text-align:center; height:188px; background:#fff;background: #fbf5fd;}
.list_33_txt {}

.txt_icon:before {content:"●"; font-size: 10px; padding: 0 5px 0 0; vertical-align: bottom;}

.lens_menu {}
.lens_menu ul {font-size:0;}
.lens_menu li {display:inline-block; font-size:20px; font-weight:100; color:#e2e2e2;}
.lens_menu a {color:#808080; font-weight:300; padding:0 15px;}

@media (max-width:969px) {
.bn_tit {font-size: 2em;line-height: 1.2em;padding: 0;}
.bn_detail2 {font-size: 14px;margin: 0px 0 0px 0;}
.bn_detail {font-size: 14px;margin: 20px 0 30px;line-height: 18px;font-weight:400;}
.list {height:514px;}
}
/* 서브공통 */

.pm_25_50 {width:25% !important;}

.float_right {float:right;}
#footer {box-sizing:border-box}

.img_auto {width:auto !important; height:auto !important;}

@media (max-width:1320px) {
body,html{overflow: auto !important;}	
.youtube_area {padding:20px 0 0 0;}
.customer_area {padding:30px 0;}
.tail_quick {text-align:center;}

#hd_wrapper {height:auto;}
}

@media (max-width:1220px) {
	.auto_page_innr {width:100%;padding:0 20px 30px;overflow:hidden}
	#location_area {padding: 5% 2%;}
}

@media (max-width:1170px) {
.business_list_area li {width:33.33333%;}	
.float_right {float:none;}
.sub_con_left {width:auto; display:block;}
.sub_con_right {width:auto; height:auto; padding:30px 10px; display:block; }
.sub_con H3 {text-align:center;}
.main_service_area li {height: auto; width: 50%;}
.main_service_area {height: auto;}
.btn_purple2 {display:block;}

.sub_submenu {border:0px; padding:10px 5px 0 5px;/*display:none;*/}
.sub_submenu .max_width {max-width: 600px;}
.sub_submenu li:first-child, .sub_submenu li:nth-child(2) {/*display:none;*/ border-left:0px; background:none;}
.sub_submenu li:nth-child(2) a {border:0; background: #9400d3; padding:11px 0 12px 0;}
.sub_submenu li {border:0px solid #e3e3e3; width:33.3333%; padding:5px 5px !important;height: auto;}
.sub_submenu li a {display:block; border:1px solid #e3e3e3; padding:10px 6px; text-align:center;line-height: 100%; height:auto;}
.sub_title_line {margin: 20px auto 35px auto;}
.sub_content {padding: 30px 0 0 0;}
.sub_content_padd {padding: 40px 0 0 0;}
.sub_con H2 {text-align:center;}
.sub_con H4 {text-align:center;}
.height790 {height:auto !important; padding:20px 10px;}
.m_img_hidden {height:550px !important; overflow:hidden;}
.m_img_hidden img {margin: -150px auto 0 auto;}

.sub_bg3, .sub_bg5, .sub_bg7, .sub_bg10, .sub_bg12 {height:530px !important;}
}

@media (max-width:1088px) {
.loction_info, .work_info {width: 398px; height: 322px; padding: 16px 10px;}	
.tel_con {padding: 10px 0 10px 0;}

.m_font_none {font-size:0; margin:0 -5px;}
.list_25_type ul {padding:0 10px;}
.list_25_type li {}
.full_img_25 {width:100%; height:auto;}
.full_img_50 {width:100%; height:auto; }
.img_con_half3 {width:50%;padding:0 5px;}
.half_100 {width:100%; height:auto; margin:0 0 15px 0;}
.m_nopadd22 {display:none;}
.img_width33 {width:33.333333% !important;vertical-align: top;}
.list_33_img img {width:100%; height:auto;}
}

@media (max-width:1080px) {
.max_width2 {padding-left:10px; padding-right:10px;}
.img_con_half {padding:0 0 20px 0; display: block; margin: 0 auto;}
.list_20_type ul {display:inline-block;}
.list_20_type li {width: 33.33333333%;}
.list_20_type {text-align: center;}

.m_img_33 {width:26.8%;}
.padd_lr14 {padding: 0 5px;}
.m_img_33 img {width:100%; height:auto;}
.padd_top40 {padding-top:20px !important;}
.lt_tab ul li a {font-size: 15px;}

.full_img_max {width:100%; height:auto;}
}

@media (max-width:1040px) {
	.list_three_con H3 {font-size: 16px; letter-spacing: -0.02em;line-height: 20px;}
	.list_three_con H4 {font-size: 12px; letter-spacing: -0.02em;line-height: 16px;}
	.list_three_con H5 {font-size: 13px; letter-spacing: -0.02em;line-height: 16px;}
	
	.mo_full_img {width:100%; height:auto;}
	
	.img_horizontal {background:none; text-align: center;}
	.img_horizontal_txt {display:block; padding:10px;}
	
	.list_33_type li {width:50%; padding:5px;}
	.list_33_type ul {margin:0 -5px;}
	.list_33 {height: 155px;}
	
	.mo_inline {display:inline-block;}
	.num_purple {width:100%; padding: 20px 20px !important;}
	.pm_25_50 {width:50% !important;}
	.m_bp20 {padding-bottom: 20px;}
	.num_gray {background: none;padding: 20px 20px;}
}

@media (max-width:970px) {
.youtube_area {height:auto;}
.btn_purple {font-size: 16px;border-radius: 0px; padding: 10px; line-height: 24px;}
.full_img968 {width:100%; height:auto;}
}

@media (max-width:945px) {
.sub_submenu li {padding: 0 10px;}
.message_full {width:100%; height:auto; padding:0 10px;}
.full_img_cataract {width:100%; height:auto;}

}

@media (max-width:890px) {
	/*
	.auto_page4 {padding-bottom:50px}
	.auto_page4 h2 {margin:50px 0 30px;font-size:2.4em}
	.auto_page4 p {font-size:1.4em;margin:25px 0 35px}
	*/
	.auto_page4 iframe {width:100%;height:300px}
	.brand_feature_c table th{font-size:14px;}
	.brand_feature_c table td{font-size:14px;}
	.full_img893 {width:100%; height:auto;}
}

@media (max-width:890px) {
	.mobile_display>.left {display:none}
	.auto_page1 .left,
	.auto_page1 .right {width:100%;float:inherit}
	.auto_page1 .right {margin-top:20px}
	.auto_page1 .left {padding-right:0}
	.auto_page1 .right {padding-left:0}
	.auto_page1 .left:after,
	.auto_page1 .right:after {display:block;visibility:hidden;clear:both;content:""}
	.loction_info, .work_info {width: 100%; height: 322px}
	.loction_info {margin: 30px 0 0 0px;}
	
	.font_20 {font-size:16px;}
	.font_16 {font-size: 14px;}
}

@media (max-width:880px) {
	.full_img880 {width:100%; height:auto;}
}
@media (max-width:861px) {
	.full_img861{width:100%; height:auto;}
}
@media (max-width:820px) {
	.list_three li {width: 50%;}
	.mask_full_img {width:100%; height:auto;}
}

@media (max-width:790px) {
.full_img790 {width:100%; height:auto;}
}

@media (max-width:720px) {
.business_list_area li {width:50%;}	

.sub_con_left, .sub_con_right  {}
.sub_con H2 {/*font-size: 20px;letter-spacing: -0.02em;line-height: 26px;padding: 0px 0 10px 0;*/}
.sub_con H3 {/*font-size: 13px; letter-spacing: -0.02em;line-height: 18px;*/}
.sub_con H3 b {padding:0 0 4px 0;}
.sub_con H3 span {padding: 0 0 0 34px;}
}

@media (max-width:700px) {
.min_height300 {min-height: 300px !important;}	
#logo {width:auto}
#logo img {width:70%}	
.main_it_bn_top {padding: 80px 0 0 0;}	
.sub_title_txt {font-size: 16px;line-height: 22px;}
.font_30 {font-size: 18px;line-height: 24px;}
.font_40 {font-size: 22px; line-height: 26px;}
.font_50 {font-size: 25px; line-height: 30px;}
.lt_bn li .bn_detail {margin: 10px 0 20px;}
.padd_top30 {padding: 10px 0 0 0;}
.padd_top70 {padding: 30px 0 0 0;}
.main_it_bn .bn_view {margin-top: 0px;}
.lt_bn li .bn_view {padding: 5px 20px;font-size: 13px;}
.main_doctor {padding: 30px 0 0;}
.sub_con_head {font-size: 24px;}
.bn_view2 {padding: 10px 20px;}
.sub_con_copy {font-size: 14px; line-height: 18px;}

br {display:none;}
.mo_br {display:block;}
.sub_content_txt {padding-left:10px;padding-right:10px;font-size: 14px;line-height: 22px;color:#000;}
.sub_content_txt3 {font-size: 18px;line-height: 26px;}

.list_20_type li {width:50%;}
.list_20_type ul {margin:0; padding:0 5px;}
.img_width50 {width:50% !important;}
.m_tb10 {padding:10px 0 !important;}
.sub_content_txt2 {line-height: 24px; font-size: 16px;}
.font_18 {font-size: 15px;}
.sub_title_line {margin: 20px auto 20px auto;}
.padd_top15 {padding:0 0 0 0;}
}
@media (max-width:659px) {
.full_img659 {width:100%; height:auto;}
}

@media (max-width:665px) {
.sub_submenu li {width:50%;padding: 2px 2px !important;}	
.sub_submenu li a {font-size: 16px;letter-spacing: -0.02em;}
.full_img_663 {width:100%; height:auto;}
}

@media(max-width:650px){
	.sub_content_padd {padding: 20px 0 0 0;}
	.list_25_type li {width:50%; vertical-align: top;}
	.lens_btn {margin: 5px 0 15px 0px;}
	.lens_menu li {padding:0 0 5px 0; font-size:16px;}
	.lens_menu a {padding: 0 5px;}
}

 @media (max-width: 600px){
 .mo_height_auto {min-height:auto !important; height:auto !important;}	
 .padd_bottm50 {padding: 0 0 20px 0;}
 
#hd_wrapper {height: 90px;}
#hd_wrapper .gnb_side_btn a {padding: 15px 0 0 0;}
.banner_txt {padding:0 10px}

.main_porduct_list li {width:100%; padding:0 0 30px 0;}
/*.main_porduct_con img {width: auto;}*/
.main_porduct_con {text-align: center;}
.main_porduct_list {padding: 40px 0 50px 0;}

.caption_txt {font-size: 13px; padding: 10px 0 0 0; line-height: 16px;}

.main_banner_area H2 {font-size: 16px;letter-spacing: 0.4em;}
.main_banner_area H3 {font-size: 13px;line-hEight: 18px;}
.main_banner_area HR {width: 30px;margin: 10px auto 16px auto;}

.main_banner_left {padding: 8% 0 10% 0;}

.main_utube_left iframe {width:100%; height:190px;}
.main_utube_left {padding: 10px 10px; height:auto;}
.main_utube_title {font-size: 30px;line-height: 30px;}
.main_utube_right {padding: 30px 10px; height:auto;}
.main_utube_copy {font-size: 15px;line-height: 22px;padding: 10px 0 20px 0;}
.view_btn {margin-top: 10px; padding: 10px 30px;}

.brand_feature_c {padding:20px 0 30px 0;}
.brand_feature_c table th{font-size:14px;}
.brand_feature_c table td{font-size:14px;padding:12px 0;}

.sub_title_line {display:block; width:30px; height:1px; background:#000;}
.sub_title {font-size: 20px; line-height: 26px;padding: 30px 0 15px 0; letter-spacing:-0.06em;}
.sub_copy {font-size: 15px;padding: 10px 0 10px 0;line-height: 22px;}
.sub_txt {font-size: 13px;line-height: 18px;letter-spacing: -0.02em;padding: 0px 0 20px 0;}


.business_list_area li {min-height:auto;width:100%;}
.business_list_area H2 {font-size: 16px; line-height: 20px;}
.business_list_area HR {width: 30px;margin: 5px auto 10px auto;}
.business_list_area H3 {font-size: 13px;line-height: 18px;letter-spacing: -0.02em; padding: 0px 0 20px 0;}

.sub_con_list li {padding: 0 10px 20px 10px;}
.customer_area {padding: 0px 10px 30px 10px;}
.loction_info {margin: 10px 0 0 0px;}
.tel_con .font_35 {font-size: 30px;}
.etc_box {font-size: 15px;}

.root_daum_roughmap {height:300px;padding: 10px 10px 0 10px;}

.img_con_half_txt {padding:20px 0 0 0;}
.sub_content_txt4 {font-size: 18px;}
.list_20_type li {width:100%;}
.list_20 {height:auto; padding: 20px 0;}
.list_188 {height:auto; padding:15px 0;}

.m_tb3010 {padding:30px 10px;}

.font_24 {font-size: 18px;line-height: 22px;}
}

@media (max-width:581px) {
.full_img581 {width:100%; height:auto;}	
}

@media (max-width:570px) {
	.list_three {text-align: center;}
	.list_three li {width: 100%; padding: 0 10px 20px 10px;}
}

@media (max-width:537px) {
.img_horizontal_con img {width:100%; height:auto;}	
}

@media (max-width:530px) {
.sub_con_left, .sub_con_right  {min-height: 380px;height: 100% !important; text-align: center;}
.sub_bg3, .sub_bg5, .sub_bg7, .sub_bg10, .sub_bg12 {height:380px !important;}
.sub_con H2 {font-size: 20px;letter-spacing: -0.06em;line-height: 26px;padding: 20px 0 10px 0;;}
.sub_con H3 {font-size: 15px; letter-spacing: -0.04em;line-height: 22px; color:#000;}
.sub_con H4 {font-size: 16px; letter-spacing: -0.04em;line-height: 22px;}
.mo_padd_10a {padding:0 0 30px 0px;}
sub_con_list {padding: 30px 0 20px 0;}
.m_img_hidden {height:380px !important;}
.m_img_hidden img {margin: -110px auto 0 auto;}
}

@media (max-width:525px) {
.img_con_half {width:100%;}	
.img_con_half img {width:100%; height:auto;}	
.img_width33 {width: 100% !important;}
.half_100 img {width:100%; height:auto; /*padding: 0 10px;*/}	
.img_border_gray3 {height:auto; padding-top:15px; padding-bottom:15px;}
.sub_con img {width:100%; height:auto; /*padding:0 10px;*/}
.full_img_cataract_icon {width:auto !important; height:auto !important; margin: 0 auto; display: block;}
.box_impact2 {margin: 0 auto 10px auto !important;}
}

@media (max-width:500px) {
.sub_con_left, .sub_con_right  {}
.list_33_type li {width:100%;}
.list_25_type li {width:100%;}
.padd_tb40 {padding:20px 0;}
.padd_tb15 {padding:7px 0;}
.m_b20 {padding-bottom:20px !important;}
.pm_25_50 {width:100% !important;}
.list_33 {height: auto;padding: 20px 0;}
.padd_lr14 {padding: 0px 4px;}
.work_time {font-size: 17px; letter-spacing: -0.04em;}
.tel_box {font-size: 20px;padding: 6px 12px;}
.tel_con {padding: 10px 0 10px 0;}
#logo {margin: 10px 10px 0 10px;}

.mo_height_auto {}
.mo_height_270 {height:270px !important; padding:0 !important;}

.mo_no_padd {padding:0 !important;}
.full_img_no {width:auto !important;}
}

@media (max-width:470px) {
.sub_con_left, .sub_con_right {min-height: auto;}
.line-height790 {line-height: unset;}
.mo_center_one {text-align:center;}	
}

@media (max-width:383px) {

}



#sidedrawer.active {
  transform: translate(240px);
}

#right_side {display:none}
#right_side:after {display:block;visibility:hidden;clear:both;content:""}
#right_side.active {padding-right:-200px}
#right_side.active #sidebar-wrapper {right:0}

#right_side_inner {transition:all .4s ease 0s;height:100%}
#right_side_inner:after {display:block;visibility:hidden;clear:both;content:""}

#sidebar-wrapper {position:fixed;top:60px;right:-200px;width:260px;height:100%;z-index:999;transition:all .4s ease 0s}
#shorcut {float:left;width:60px;height:100%;border-left:1px solid #e0e0e0;background:#fff}
#shorcut .sidebar_btn {display:block;text-decoration:none;width:58px;margin-bottom:60px;padding:20px 10px;font-size:1.6em;background:#fff;border:0;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;-ms-transition:background .5s;transition:background .5s;color:#7f7f83}

#sidebar {display:block;list-style:none;margin:0;padding:0}
#sidebar li {position:relative;padding:0 10px;line-height:40px;text-align:center}
#sidebar li a {display:block;text-decoration:none;color:#8facac;font-size:0.97em}
#sidebar li a:active,
#sidebar li a:focus {text-decoration:none}
#sidebar li i {display:block;width:35px;height:35px;background:#f6f6e9;border-radius:50%;color:#4fbeb5;text-align:center;line-height:35px;font-size:1.4em}
#sidebar li .arm_on,
#sidebar li .visit_num {position:absolute;top:30px;right:15px;text-align:right;background:#ee8580;display:inline-block;color:#fff;line-height:10px;padding:2px 5px;font-size:0.8em;border-radius:30px}

#side_tab {float:left;width:200px;height:100%;background:#f1f5f9}


/* 모바일 검색창 팝업 */
#m_sch,
#tnb .sch_more {display:none}

.top {position:relative}
.btn_top li {display:inline-block}
.btn_top a, .btn_top .btn_submit {}
.btn_top .btn_cancel/*, .btn_top .btn_b01*/ {border:1px solid #d4d5e0;color:#666;line-height:28px;background:#fff}
.fixed {position:fixed;top:0;right:0;z-index:999}
#container_title.fixed {width:100%}

.m_side_ct {display:none} /* 1024px 이하 모바일 우측 사이드메뉴 */
.gnb_mobile {display:none} /* 1024px 이하 모바일 좌측 사이드메뉴 */


/* 하단 레이아웃 */
#footer {clear:both;background:#fff;border-top:1px solid #ececec;padding:0px 10px 10px}
#footer h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#footer p {margin:0;padding:10px 0;line-height:1.8em}

#ft_con {background:#222222;}
#ft_contact {margin:110px 0 0 0; padding:40px 0; background:#9400d3;}

#ft_copy {padding:10px;line-height:2em;text-align:center;color:#a9a9a9}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;margin-left:5px;padding-left:5px;border-left:1px solid #d9dee9;line-height:1em;color:#000;font-weight:bold}
#ft_copy #ft_company a:first-child {border:0;margin-left:0;padding-left:0}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

.ft_copy_left {display:inline-block;}
.ft_copy_left H2 {font-size:36px; font-weight:600; color:#cccccc; letter-spacing:-0.06em; line-height:36px; padding:0px 0 10px 0;}
.ft_copy_left H3 {font-size:18px; font-weight:600; color:#cccccc; letter-spacing:-0.06em; line-height:18px; padding:0px 0 10px 0;}
.ft_copy_left H4 {font-size:14px; font-weight:300; color:#cccccc; letter-spacing:-0.02em; line-height:22px;display: inline-block;}
.ft_copy_left H4 a {color:#cccccc;}
.ft_copy_left H5 {font-size:12px; font-weight:300; color:#828282; letter-spacing:-0.04em; line-height:12px; padding:20px 0 0 0;}
.ft_copy_right {display:inline-block; padding:40px 0 0 50px;vertical-align: top; float: right;}
.family_logo {padding:0 0 10px 0;}
.tail_blog {padding:0 5px 0 0;}
.tail_car a{color:#fff; background:#656565; border-radius:50px; padding:5px 10px; font-siz:13px; font-weight:400;}

#ft_nav {padding:30px 0 0 0;}
.ft_nav_title {display:inline-block; padding:0 10px;vertical-align: top}
.ft_nav_depth {padding:15px 0 0 0;}
.ft_nav_sub {}
.ft_nav_title_con {
	/*font-size:18px; font-weight:600; color:#cccccc; letter-spacing:-0.06em; line-height:18px; padding:0px 0 20px 0;*/
	font-size:18px; font-weight: 400;padding: 5px 20px;background: #9400d3;color: #fff;text-decoration: none;border-radius: 50px;
	}
.ft_nav_con {font-size:15px; font-weight:300; color:#a3a3a3; letter-spacing:-0.02em; line-height:32px;}

#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(0,0,0,0.6);color:#ffe000;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}

@media (max-width:1320px) {
#idx_ft_copy {padding: 50px 10px 20px 10px;}
.gnb_mo_navi {display:block;display: block; position: absolute; z-index: 99999999; left: 28%; top: 10%;}

}

@media (max-width:1100px) {
.ft_nav_title_con {font-size: 14px; padding: 2px 10px;}
.ft_nav_title {padding: 0 5px;}
.gnb_mo_navi {left: 30%;}
}

@media (max-width:980px) {
.ft_copy_right {float:none;padding: 40px 0 0 10px;}
#idx_ft_copy {padding: 20px 10px 20px 10px;}
}

@media (max-width:840px) {
.gnb_mo_navi {left: unset; top: 60%; width: 100%; text-align: center;}	
}

@media (max-width:700px) {
.main_it_bn_top {padding: 160px 0 0 0 !important;}	
}

@media (max-width:600px) {
#idx_ft_copy	 {height:auto;}
.ft_copy_left H4 {font-size: 14px;line-height: 18px;}
}

@media (max-width:500px) {
.ft_nav_title_con {font-size: 12px; padding: 2px 4px; font-weight:500;}	
.ft_nav_title {padding: 0 0px;}
}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01 {margin-top:10px}
#copymove td {background:#fff}
#copymove .win_btn {margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative;margin-top:10px}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/*단축키일람 */
.cke_sc {text-align:right}
.btn_cke_sc {background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close {background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn_new {padding: 10px 16px;}
.btn{display:inline-block;padding:0px 30px;height:40px;line-height:40px;font-weight:500;border:0;/*border-radius:30px;border-radius:3px;*/}
.btn_m{display:inline-block;padding:0 20px;height:40px;line-height:40px;border-radius:3px;font-weight:500;border-radius:30px}
.btn_l{display:inline-block;padding:0 35px;height:55px;line-height:50px;border-radius:3px;font-weight:500;border-radius:30px}

.btn01 {display:inline-block;padding:0 7px;;border: 1px solid #dce1e4;background:#fff;color:#7d7c90;text-decoration:none;vertical-align:middle;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
.btn01:focus, .btn01:hover  {color:#4c497c;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {background:#f05858;color:#fff;text-decoration:none;vertical-align:middle;border:0;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
.btn_submit:hover {background:#ff3a3a;color:#fff;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}

a.btn_cancel {display:inline-block;/*padding:8px 7px 7px;*/border:1px solid #ccc;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}
.btn_top{margin:10px;text-align:right}
.btn_top li{display:inline-block}
/* 게시판용 버튼 */
a.btn_b01, .btn_b01 {background:#f44336;color:#fff;border:0}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02, .btn_b02 {background:#fff;color:#000;border:1px solid #ececec}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {background:#fff;border:1px solid #dedede;color:#000}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_b04, .btn_b04 {background:#fff;border:0;color:#707070}
a.btn_b04:hover, .btn_b04:hover {color:#333}
a.btn_admin, .btn_admin {background:#9400d3;color:#fff;text-align:center;border:0;} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#2a2a6a}

a.btn_b01, .btn_b01,
a.btn_b02, .btn_b02,
a.btn_b03, .btn_b03,
a.btn_b04, .btn_b04,
a.btn_admin, .btn_admin {display:inline-block;padding:0 20px;border-radius:2px;font-size:1em;height:37px;line-height:34px;text-decoration:none;vertical-align:middle}

a.btn_b04, .btn_b04 {padding:0 10px}

@media (max-width:730px){
	a.btn_b01, .btn_b01,
	a.btn_b02, .btn_b02,
	a.btn_b03, .btn_b03,
	a.btn_b04, .btn_b04,
	a.btn_admin, .btn_admin {height:34px}
}

@media (max-width:480px){
	a.btn_b01, .btn_b01,
	a.btn_b02, .btn_b02,
	a.btn_b03, .btn_b03,
	a.btn_b04, .btn_b04,
	a.btn_admin, .btn_admin {font-size:0.95em;padding:0 10px}	
}


.td_50 {width:50%;}
.td_40 {width:45%;}
.td_10 {width:10%;}
.td_padd {padding:30px 0 50px 0 !important;}
.td_padd2 {padding:50px 0px 50px 50px !important;}

/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}
.tbl_head01 table tbody {border-bottom: 1px solid #000;}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 table{border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:2px solid #000; border-bottom:1px solid #000;border-left:1px solid #e5e5e5;background:#fff;color:#000;font-size:18px;text-align:center;letter-spacing:-0.1em;font-weight:500;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 5px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;line-height:1.5em;word-break:break-all;font-size:18px;font-weight:300;color:#808080;}
.tbl_head01 td:first-child{border-left:0}
.tbl_head01 thead th:first-child{border-left:0}
.tbl_head01 a {}

.tbl_head02 {margin:15px}
.tbl_head02 caption  {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:7px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#f3f3f3;color:#333;font-size:0.95em;text-align:center;}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

.tbl_head03 {margin:0 0 10px}
.tbl_head03 table{border-bottom:1px solid #d8dee1}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:17px 0;background:#fff;border-bottom:1px solid #d9e0e7;border-top:1px solid #d9e0e7;font-size:0.95em;text-align:center;letter-spacing:-0.1em;color: #8d9da9;font-weight: normal;}
.tbl_head03 thead th:first-child{border-radius:5px 0 0 0}
.tbl_head03 thead th:last-child{border-radius:5px 0 0 0}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-bottom:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1pxfsolid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {padding:15px 5px;border-top:1px solid #f3f3f3;line-height:1.5em;word-break:break-all;;}
.tbl_head03 tr:nth-child(odd){background:#f9fafa} 
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left;font-weight:300}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px;width:100%}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 기본리스트 */
.list_head {width:100%;position:relative;display:inline-block;border-top:2px solid #000;border-bottom:1px solid #f0f0f0}
.list_head li {float:left;padding:15px 0;text-align:center;font-weight:bold}
.list_head li:after {display:block;visibility:hidden;clear:both;content:""} 
.list_head li.sel {position:absolute;left:5px}
.list_head li.num {width:10%}
.list_head li.tit {width:60%}
.list_head li.wri {width:15%}
.list_head li.view {width:5%}
.list_head li.date {width:10%}

.list_03 li .view .fa-eye,
.list_03 li .date .fa-clock {display:none}

.list_01 {}
.list_01 li {background:#fff;border-radius:3px;padding:10px 15px;border-bottom:1px solid #ccc}

.list_03 {clear:both;background:#fff}
.list_03 li {position:relative;padding:15px 0;border-bottom:1px solid #f0f0f0;list-style:none}
.list_03 li:hover {transition-duration:.5s}
.list_03 li:hover {border-left:4px solid #f7f7f7;padding-left:10px}
.list_03 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_03 li.empty_li {padding:20px 0;text-align:center;color:#666}
.list_03 li .icon_reply {padding:0 10px}
.list_03 li:last-child {border-bottom:0}
.list_03 li .cnt_left {float:left;line-height:24px}
.list_03 li .sel {position:absolute;left:5px}
.list_03 li .num {width:10%;text-align:center}
.list_03 li .tit {width:60%}
.list_03 li .wri {width:15%;text-align:center}
.list_03 li .view {width:5%;text-align:center}
.list_03 li .date {width:10%;text-align:center}

/* 기본폼 */
.form_01 div, .form_01 li {position:relative;margin:5px 0}
.form_01 textarea, .frm_input {padding:5px;border:1px solid #d9dee9;background:#f1f3f6;color:#000;vertical-align:middle}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:40px}
.full_input {padding:5px;border:1px solid #d9dee9;background:#f1f3f6;color:#000;vertical-align:middle;width:100%}
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select {height:40px;border-radius:3px;background-color:#fff}
.form_01 .frm_info {font-size:0.92em;text-align:left;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:99% center !important}
textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:99.3% 93% !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {/*width:150px;*/text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
.bo_tit, .td_subject {padding:0 0 0 10px;}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 체크박스 */
.all_chk {position:relative}
.all_chk label, .bo_chk label {display:inline-block;height:19px;text-indent:-9999px;width:19px;background:url('../img/input_chk.png') no-repeat 0 -19px;vertical-align:top}
.all_chk label {/*width:120px*/}
.bo_chk label.click_on, .all_chk label.click_on {background:url('../img/input_chk.png') no-repeat 0 0}
.bo_chk input, .all_chk input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;outline:0;z-index:9}


/* 새창 기본 스타일 */
.new_win {position:relative;background:#fff}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {}

.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}

.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}

.new_win .win_btn {text-align:center;margin-bottom:10px}
.new_win .memo_view_opt {padding:10px;border:1px solid #d9dee9;border-top:0;text-align:left;background:#f7f7f9}
.new_win .memo_view_opt:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .memo_view_opt .btn_right {float:right;margin-left:5px}
.new_win .memo_view_btn {margin:25px 0;text-align:center}
.new_win .btn_close {min-width:80px;height:40px;border-radius:2px;padding:0 10px;border:1px solid #ccc;padding:0 10px;line-height:35px;background:#fff;color:#000;cursor:pointer}
.new_win .btn_submit {min-width:80px;height:40px;border-radius:2px;padding:0 10px;color:#fff;border:0;background:#f44336;font-weight:bold;font-size:1.083em}


/* 기본 리스트 */
.list_01 ul {border:1px solid #d9dee9}
.list_01 li {position:relative;padding:10px 15px;border-bottom:1px solid #d9dee9;background:#fff;border-radius:3px;list-style:none}
.list_01 li:last-child {border-bottom:0}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {padding:20px 0;color:#666;text-align:center}

/* 기본 리스트 */
.list_01 ul {border:1px solid #d9dee9}
.list_01 li {position:relative;padding:10px 15px;border-bottom:1px solid #d9dee9;background:#fff;border-radius:3px;list-style:none}
.list_01 li:last-child {border-bottom:0}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {padding:20px 0;color:#666;text-align:center}

/* 쪽지 리스트 */
.list_02 ul {border:1px solid #d9dee9}
.list_02 li {position:relative;border-bottom:1px solid #d9dee9;background:#fff;list-style:none}
.list_02 li:last-child {border-bottom:0}
.list_02 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_02 li:hover {background:#f9f9f9}
.list_02 li.empty_li {padding:20px 0;text-align:center;color:#666}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333;font-weight:bold}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}


/* 인풋 */
.chk_box {position:relative}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#3a8afd}
.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}


/* 페이징 */
.pg_wrap {clear:both;margin:20px 0;text-align:center;background:#fff;padding:15px 20px;border-radius:10px}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {display:block;text-align:center}
.pg:after {display:block;visibility:hidden;clear:both;content:""}
.pg .pg_page,
.pg .pg_current {display:inline-block;min-width:36px;height:36px;line-height:34px;border-radius:50%;padding:0 5px;font-size:1.083em;vertical-align:middle}
.pg a {display:block;color:#555}
.pg a:hover {background:#f3f3f3}
.pg .pg_current {background:#282c37;color:#fff;font-weight:bold}
.pg .pg_start {color:transparent;font-size:0px}
.pg .pg_start:before {content:"\f100" !important;font-size:18px;line-height:34px;text-align:center;color:#959595;width:0;height:0;background:transparent;font-family:fontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pg .pg_prev {margin-left:-11px;color:transparent;font-size:0px}
.pg .pg_prev:before {content:"\f104" !important;font-size:18px;line-height:34px;text-align:center;color:#959595;width:0;height:0;background:transparent;font-family:fontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pg .pg_next {margin-right:-11px;color:transparent;font-size:0px}
.pg .pg_next:before {content:"\f105" !important;font-size:18px;line-height:34px;text-align:center;color:#959595;width:0;height:0;background:transparent;font-family:fontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pg .pg_end {color:transparent;font-size:0px}
.pg .pg_end:before {content:"\f101" !important;font-size:18px;line-height:34px;text-align:center;color:#959595;width:0;height:0;background:transparent;font-family:fontAwesome;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

#mask_cate {margin:0 0 50px }
#mask_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mask_cate ul {zoom:1; font-size:0;}
#mask_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#mask_cate li {display:inline-block;position:relative;width:220px;text-align:center}
#mask_cate a {display:block;line-height:36px;padding:0 10px;margin-left:-1px;border:1px solid transparent;border:1px solid #e4e5e7;background:#f7f8f9; font-size:17px;color:#8e8e8e}
#mask_cate a:focus, #mask_cate a:hover, #mask_cate a:active {text-decoration:none;color:#4db9dd}
#mask_cate #mask_cate_on {z-index:2;background:#fff;color:#4db9dd;font-weight:300}
#mask_cate #mask_cate_on:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #4db9dd;z-index:99}

.mo_tel_icon {display:none;}

/* 반응형 */
@media (max-width:980px){
	#container_title {padding:0 15px;font-size:1.6em;line-height:25px}
	.conle_lt {width:100%;margin-bottom:10px}
	.conle_lt_even {border-left:1px solid #e4e5e7}
	.conle_bt_lt {border-top:1px solid #e4e5e7}
	.list_03 li .view, .list_03 li .date {color:#646464}
	.list_03 li .view .fa-eye,
	.list_03 li .date .fa-clock {display:inline-block;margin-left:10px;color:#8a8a8a}
}

@media (max-width:890px) {
.padd_top50 {padding: 20px 0 0 0;}
.tbl_head01 thead th {font-size: 16px;}
.tbl_head01 td {font-size: 14px;padding: 5px 5px !important; color:#000;}
.sub_latest_con {padding: 22px 10px 30px 10px;}
}

@media (max-width:767px){
	#container {padding:0}
	.conle_lt {border-right:0;border-left:0;padding:20px}
	.conle_lt:nth-of-type(1) {margin-top:10px}
	a.btn_admin, .btn_admin {padding:0 10px}
}

@media (max-width:720px){
    #mobile-indicator {display:block}
	.conle_lt {padding:15px}
	.pg_wrap {border-radius:0}
	#idx_ft_copy .ft_company a {font-size: 12px;margin-left: 0px;padding-left: 0px;letter-spacing: -0.04em;}
}

@media (max-width:500px){
.tel_box {display: none;}	
.mo_tel_icon {display:inline-block;}
}

@media (max-width:480px){
	#mask_cate li {width: 160px;}
	#mask_cate a  {font-size:13px;}
	
}

@media (max-width:360px) {
.sub_submenu li a {font-size: 13px;}
.ft_nav_title_con {font-size: 11px;padding: 1px 2px;}
#logo img {width: 156px;}
.font_50 {font-size: 23px;letter-spacing: -0.06em;}
.font_40 {font-size: 20px;letter-spacing: -0.06em;}
.work_time {font-size: 14px;}
}



.info_message_area {position:relative; font-size:0; /*max-width:1080px;*/ margin:0 auto;}
.info_message_area2 {position:absolute;top:90%;left:13%;}
.info_message_left {display:inline-block;vertical-align: middle;}
.info_message_right {display:inline-block;padding: 0px 0 0px 78px;vertical-align: middle;}
.info_message_right H2 {font-size:22px;font-weight:600;line-height:32px;color:#232222;padding: 0px 0 0px 0;}
.info_message_right H6 {font-size:30px;font-weight:600;line-height:32px;color:#232222;padding: 0px 0 0px 0;}
.info_message_right H5 {font-size:18px;font-weight:500;line-height:25px;color:#3d3d3d;padding: 30px 0 4px 0;}
.info_message_right H3 {font-size:25px;font-weight:500;line-height:32px;color:#232222;padding: 0px 0 30px 0;}
.info_message_right H4 {font-size:15px;font-weight:300;line-height:24px;color:#707070;}
.info_message_center {padding:50px 0 0 0;}
.info_message_center H3 {font-size:15px;font-weight:300;line-height:24px;color:#707070;}
.info_message_center H5 {font-size:18px;font-weight:500;line-height:32px;color:#3d3d3d;padding: 0px 0 4px 0;}

.info_message_left a {display: block;text-align:center;font-size:18px;font-weight:600;line-height:32px;color:#fff; margin:15px 0 0 0;padding: 10px 0 10px 0; background:#0d4f8a;}
.info_message_right a {display: inline-block;text-align:center;font-size:18px;font-weight:600;line-height:32px;color:#fff; margin:15px 0 0 0;padding: 10px 50px; background:#0d4f8a;}

.float_right {float:right;}
.float_left {float:left;}
.clear_both {clear:both;}

.padd_right {padding: 0px 20px 0px ;}
.padd_top {padding:50px 0 0 0;}
.padd_tail {padding:0px 0 30px 0;}
.txt_center {text-align:center;}
.txt_right {text-align:right;}
.txt_left {text-align:left;}
.width_100 {width:100%;display: block !important;text-align: center;}


.main_txt {font-size:32px; font-weight:600; color:#b20e21; padding:0 0 0px 0; line-height:42px; letter-spacing:-0.1em;}
.main_txt2 {font-size:21px; font-weight:300; color:#585858; padding:0 0 0px 0; line-height:30px; letter-spacing:-0.08em;}
.main_txt span {font-weight:600;}
.txt_weight {font-weight:600 !important;}

.padd_top140 {padding:140px 0 0 0;}
.padd_top100 {padding:100px 0 0 0;}
.padd_top80 {padding:80px 0 0 0;}
.padd_top70 {padding:70px 0 0 0;}
.padd_top50 {padding:50px 0 0 0;}
.padd_top30 {padding:30px 0 0 0;}
.padd_top15 {padding:15px 0 0 0;}
.padd_top5 {padding:5px 0 0 0;}
.margin_top50 {margin:-50px 0 0 0;}

.con_title {font-size:46px; line-height:54px; font-weight:300; color:#000;text-align: center; letter-spacing:-0.04em;}
.con_title span {display: inline-block;background-image: linear-gradient( transparent 75%, #b20e21 50%);line-height: 1;}

.circle_list {}
.circle_list ul {text-align:center;}
.circle_list li {padding:0 31px; display:inline-block; vertical-align: top;}
.circle_list li a {background:#b20e21; width:228px; height:228px; text-align:center; font-size:21px; line-height:32px; font-weight:600; color:#fff;  border-radius:50%; display: block;}

.bg_list_block {display:block;}
.bg_list_block ul {}
.bg_list_block li {background:#efefef; border-radius:80px; margin:0 0 10px 0; font-size:21px; color:#585858; padding:10px 30px; font-weight:300; letter-spacing:-0.06em;}

.width_50 {width:47%; vertical-align: top;}
.padd_lr_20 {padding:0 20px;}

.main_cen {display:table; height:100%; margin:0 auto;}
.main_cen2 {display:table-cell;vertical-align: middle;text-align: center;}

.caption_bar{font-weight: 100;} 

.mo_img {display:none;}
.pc_img {display:block;}
.mo_view {display:none;}


@media (max-width:1398px){
.info_message_left {display:block; text-align:center;}	
.info_message_right {display:block; text-align:center; padding:20px 0 0 0;}	
.info_message_area {float:none;}
.mo_img {display:block; margin: 0 auto 20px auto;}
.pc_img {display:none;}

}

@media (max-width:1320px){
.ft_nav_title_con {padding: 5px 15px;}
.ft_nav_title {padding: 0 5px;}
}

@media (max-width:1130px){
	.info_consultants_con {text-align:center;}
	.info_consultants_txt HR {margin:20px auto 0 auto;}
	.info_message_area {text-align:center;}
 	.info_message_left {display:block;text-align: center;}
 	.info_message_right {display:block;padding: 20px 0 0px 0px;text-align: center;}
 	.info_consultants_txt H4 {display:block;padding: 20px 0 0 0;}
 	.info_consultants_txt {display:block;padding:30px 0 0 0;}
 	.info_message_center {text-align: center}
 	.info_message_left a {width:237.53px;margin: 15px auto 0 auto}
 	.octagnosis_list li {width: 33.3333%;padding: 3px;}
}


@media (max-width:1080px){
	.sub_menu {padding:40px 10px; 0 10px;}	
	.info_message_area {padding:0 0px;}
	.fp-scroller {padding:0 0px;}
	.ft_nav_title {padding: 0 5px 15px 5px}
	#ft_nav {padding: 15px 0 0 0;}
}

@media (max-width: 1180px){
.sub_con_right, .sub_con_left {width:100%;} 
}

@media (max-width: 1150px){
.bn_bottom_txt_con {width:150px;}	
.bn_bottom_txt li, .bn_bottom_txt li:last-child {text-align:left; width: auto; margin:0 10px 20px 10px;vertical-align: top;}
.bn_bottom_txt {text-align: center;}
.bn_bottom_txt ul {margin: 0 0px 0 0;}
}

@media (max-width: 500px){
#header {padding: 0 0 34px 0;}
}