@charset "utf-8";

/*font style*/
/* Noto Sans KR / Nanum Square / Nanum Gothic */
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');


/* 초기화 */
html {
    min-width: 1200px; 
    overflow-y:scroll}
body {margin:0;padding:0;font-size: 15px;font-family: 'Open Sans','Nanum Square', 'Noto Sans KR', sans-serif !important; letter-spacing: -0.08em; font-weight: 300; word-spacing: -1px; background:#fff}
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;font-family: 'Open Sans','Noto Sans KR', sans-serif; letter-spacing: -0.08em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol, ul, dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Open Sans', 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Open Sans', 'Nanum Square', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#222;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {/* WebKit browsers */ color: #a9a9a9;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #a9a9a9;}
::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #a9a9a9;}
:-ms-input-placeholder {/* Internet Explorer 10+ */ color: #a9a9a9;}

.hidden {position: absolute; left: -9999px;}


/* 레이아웃 크기 지정 */
#header_wrap,
.gnb_bg,
#container_wrap,
.roll_lt .bx-wrapper,
#footer_wrap {min-width:1200px}

.inner,
#header,
.visual_text,
#container,
#footer {width:1200px}

.inner {width:1200px; margin:0 auto; overflow:hidden; padding:100px 0; }

h2 {font-size:35px; font-weight:500;}

/* 상단 레이아웃 */
#header_wrap {width: 100%; position: relative; z-index: 999; }

/* 상단메뉴 */
#tnb {height: 41px; border-bottom: 1px solid #ebebeb; }
#tnb .inner {overflow: hidden; margin: 0 auto; padding:0;}
#tnb li {float: left; font-size: 16px; font-weight: 300; text-align: center;}
#tnb li:nth-child(1) a,
#tnb li:nth-child(2) a,
#tnb li a.nav2nd
{
    position: relative;
    top: 4px;
}

#tnb li a {display: block; color: #444; height: 100%; padding:4px 10px;}
#tnb li a:hover {opacity: 1; transition: all .3s; }
#tnb ul.util { float: left; }
#tnb .util li {width: 112px;}
#tnb ul.member { float: right; padding:5px 0;}
#tnb ul.member .ins a {padding:4px 0;}

/* 헤더 */
#header {height: 90px; margin: 0 auto; zoom: 1;}
#header:after {display:block;visibility:hidden;clear:both;content:""}
#header .logo {float: left; padding-top: 5px; }

/*메인메뉴*/
#menu {height:50px; width:800px; float:right; z-index:9999; margin-top:22px;}
.main {width:700px; height:100%; margin:0 auto;}
.main1>li {float:left; width:14.2%; line-height:50px; text-align:center; position:relative; z-index:9999; opacity:0.9;}
.main1>li:hover .main2 {left:0;}
.main1>li a {display:block; font-size:18px; font-weight:600; text-align:center; color: #444;}
.main1>li a:hover {color:#111; font-weight:bold;}

.main2 {position:absolute; top:50px; left:-9999px; background:#fff; width:140%; padding:20px 0 10px 0;}
.main2>li {position:relative; border-bottom:1px dotted #dcdcdc; text-align:left; padding-left:3px; }
.main2>li:last-child {border-bottom:0;}
.main2>li:hover .main3 {left:100%;}
.main2>li a, .main3>li a {margin:0 10px; font-size:15px; text-align:left;}

.main3 {position:absolute; top:0; background:#fff; width:105%; left:-9999px;}
.main3>li {padding-left:15px; border-bottom:1px dotted #dcdcdc;}
.main3>li:last-child {border-bottom:0;}
.main3>li a {font-size:15px;}
.main3>li a:hover {color:#213473; }

/*공통*/
.sub_contents h1 {display:none;}
.margin_b {width:100%; overflow:hidden; display:block; margin-bottom:70px !important;}
.h2_txt {text-align:center; font-size:18px; text-transform:uppercase; letter-spacing:0.06em; padding-bottom:10px;}

/*서브*/
#sub_img {width: 100%; height: calc(100vw*(200/1980)) !important; min-height: 250px;}
#sub_img .text_area {width:1200px; margin:0 auto; text-align:center; padding:0;}
#sub_img .text_area h2 {color:#fff; font-size:42px; padding-top:80px;}
#sub_img .text_area p {padding-bottom:10px; font-size:22px; color:#fff; font-weight:200;text-transform: uppercase; letter-spacing:0.09em; padding-top:20px;}

#sub_title {position: relative; margin-bottom: 60px; border-bottom: 1px solid #ebebeb; }
#sub_title h2 {padding-bottom: 20px; font-size: 35px; text-transform: uppercase; font-weight:600;}

#container.sub_container {color: #313131; margin:0 auto; font-family: 'Nanum Square', 'Noto Sans KR', sans-serif !important; letter-spacing: -0.05em; font-weight: 300; word-spacing: -1px;}

#contents {float: left; width: 1200px; margin: 68px 0 150px;}
#contents {font-size: 17px; font-weight: 400;}
#contents .section {margin-bottom:60px;}
#contents .section ul {overflow:hidden;}
#contents h1:nth-of-type(1) {display:none;}
#contents .read_header h1 {display:block;}

/* Contents 내용 */

.contents_wrap .contents_title {font-size:26px; color:#444; background:url("/common/img/head_mark.png") no-repeat; padding-left:25px; font-weight:500; margin-bottom:30px;}

.contents_wrap .contents_table {border-top:2px solid rgb(80, 70, 50);}
.contents_wrap .contents_table .header {width:50px; height:50px; float:left; font-size:22px; line-height:48px; font-weight:400; text-align:center; color:#fff; background:rgb(80, 70, 50);}
.contents_wrap .contents_table .header_text {color:#444; float:left; margin-left:30px; font-size:18px;}
.contents_wrap .contents_table .header_text .header_dline {color:#444; font-weight:600;}
.contents_wrap .contents_table .header_text .header_sline {color:#444; font-weight:600; height:50px; float:left; font-size:22px; line-height:48px; font-weight:400;}
.contents_wrap .contents_table .text {color:#444; float:left; font-size:19px; font-weight:400;}
.contents_wrap .contents_table .text p {line-height:200%;}
.contents_wrap .contents_table ul {padding:10px;}
.contents_wrap .contents_table li {padding:20px 0; border-bottom:1px solid #eee; overflow:hidden;}

.contents_wrap .contents_table_no_bline {border-top:2px solid rgb(80, 70, 50);}
.contents_wrap .contents_table_no_bline .header {width:50px; height:50px; float:left; font-size:22px; line-height:48px; font-weight:400; text-align:center; color:#fff; background:rgb(80, 70, 50);}
.contents_wrap .contents_table_no_bline .header_text {color:#444; float:left; margin-left:30px; font-size:18px;}
.contents_wrap .contents_table_no_bline .header_text .header_dline {color:#444; font-weight:600;}
.contents_wrap .contents_table_no_bline .header_text .header_sline {color:#444; font-weight:600; height:50px; float:left; font-size:22px; line-height:48px; font-weight:400;}
.contents_wrap .contents_table_no_bline .text {color:#444; float:left; font-size:19px; font-weight:400;line-height:250%;}
.contents_wrap .contents_table_no_bline .text p {line-height:200%;}
.contents_wrap .contents_table_no_bline ul {padding:10px; margin-bottom:5px}
.contents_wrap .contents_table_no_bline li {padding:20px 0; border-bottom:0px solid #eee; overflow:hidden;}

.contents_wrap .contents_title_table {solid rgb(80, 70, 50); }
.contents_wrap .contents_title_table .header {width:50px; height:50px; float:left; font-size:22px; line-height:48px; font-weight:400; text-align:center; color:#fff; background:rgb(80, 70, 50);}
.contents_wrap .contents_title_table .header_text {color:#444; float:left; margin-left:30px; font-size:18px;}
.contents_wrap .contents_title_table .header_text .header_dline {color:#444; font-weight:600;}
.contents_wrap .contents_title_table .header_text .header_sline {color:#444; font-weight:600; height:50px; float:left; font-size:22px; line-height:48px; font-weight:500;}
.contents_wrap .contents_title_table ul {padding:0;}
.contents_wrap .contents_title_table li {padding:15px 0; border-bottom:1px solid #eee; overflow:hidden;}

.contents_wrap .target{font-size: 24px;font-weight: 700;color: #444;text-align: center;padding: 20px 20px;background-color: #f7f7f7;border: #d8d8d8 solid 1px;margin-bottom: 40px;}

.contents_wrap .figure_wrap{position: relative;display: flex;justify-content: space-between;margin-bottom: 40px;}
.contents_wrap .figure_wrap .sqare_box .square{position: relative;width: 400px;padding: 20px 10px;background-color: #E7EFFA;}
.contents_wrap .figure_wrap .sqare_box .square::before{content: '';position: absolute;top: 50%;display: block;width: 100%;height: 1px;background-color: #666;}
.contents_wrap .figure_wrap .sqare_box1 .square::before{left: 100%;}
.contents_wrap .figure_wrap .sqare_box2 .square::before{right: 100%;}
.contents_wrap .figure_wrap .sqare_box .square:nth-child(2){margin-top: 24px;}
.contents_wrap .figure_wrap .sqare_box .square p{font-size: 20px;font-weight: 400;color: #666;text-align: center;}
.contents_wrap .figure_wrap .sqare_box .square h4{font-size: 24px;font-weight: 600;color: #111;background: unset;text-align: center;margin: 0;padding: 0;}
.contents_wrap .figure_wrap .circle{position: absolute;top: 50%;left: 50%;display: flex;justify-content: center;align-items: center;width: 200px;height: 200px;background-color: #135FD2;font-size: 24px;font-weight: 700;color: #fff;border-radius: 50%;text-align: center;transform: translate(-50%, -50%);}

.contents_wrap .ss_table{padding: 40px 0;}
.contents_wrap .ss_table tr td{vertical-align: middle;}

.contents_wrap .dot_list{margin-bottom: 20px;}
.contents_wrap .dot_list span {font-weight:600; display:inline-block; margin-right:10px;}
.contents_wrap .dot_list ul > li{font-size: 18px;}
.contents_wrap .dot_list ul > li b{background-color: #e5f7f7;}

.contents_wrap .con01 {background: url('/common/img/icon01.svg') 60px  center no-repeat; }
.contents_wrap .con02 {background: url('/common/img/icon01.svg') 60px  center no-repeat; }
.contents_wrap .con03 {background: url('/common/img/icon01.svg') 60px  center no-repeat; }
.contents_wrap .con04 {background: url('/common/img/icon01.svg') 60px  center no-repeat; }


/* 원장병력 */
.history_wrap {}
.history_wrap .history_title {font-size:26px; color:#444; background:url("/common/img/head_mark.png") no-repeat; padding-left:25px; font-weight:500; margin-bottom:30px;}
.history_top {height:250px; width:100%; display:table; margin-bottom:40px; padding-left:35px;}
.history_top .box {display:table-cell; vertical-align:middle; color:#fff;}
.history_top p {font-size:20px; font-weight:200; letter-spacing:1px; text-transform:uppercase;}
.history_top h2 {position:relative; font-size:40px; font-weight:400; margin-top:20px; padding-top:5px;}
.history_top h2:before {content:''; width:35px; height:2px; background:#fff; display:block; position:absolute; left:50%; transform:translateX(-50%); top:0;}

.history {padding-left:35px; }
.history > ul { overflow:inherit !important; border-left:1px solid #ccc; padding:15px 20px;}
.history > ul:after { content:''; clear: both; display:block;}
.history > ul > li { position:relative; clear: both; list-style:none; background:#444;}
.history > ul > li:before {content:''; display:block; position:absolute; left:-24px; top:0.8rem; width:8px; height:8px; background:#444; transform: rotate(-45deg); }

.history .years {font-size:22px; width:90%; float:left; color:#444;}
.history .data {float:left; width:90%; margin-bottom:30px; font-size:20px; color:#444;}


/*푸터*/
#footer_wrap {clear:both; margin:0 auto;}
#footer_wrap #ft_btn {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;background:#f1f1f1;}
#footer_wrap #ft_btn .inner {width:1200px; margin:0 auto; height:70px; padding:0;}
#footer_wrap #ft_btn .inner ul li {float:left; line-height:70px; }
#footer_wrap #ft_btn .inner ul li a {font-size:16px; padding-right:25px; margin-right:25px; background:url("../img/dot2.png") no-repeat center right;}
#footer_wrap #ft_btn .inner .li_sns {float:right; padding-left:10px;}
#footer_wrap #ft_btn .inner .bg_none a {background:none; padding:0; margin:0;}
#footer_wrap #ft_btn .inner .li_sns a {background:none; padding:0; margin:0;}

#footer {clear:both; width:1200px; margin:0 auto;}
#footer .inner {background:url('/common/img/logo.png') no-repeat 0 40px / 25%; padding:40px 0;}
#footer .inner .ft_txt {font-size:16px; padding-left:600px; line-height:25px; float:left;}
#footer .inner .copy {text-transform: uppercase; opacity:0.6; letter-spacing:0.01em; padding-top:10px;}