/** 공통 **/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');
*, p, div, span, h1, h2, h3, h4, h5, h6 {font-family: 'Nanum Gothic', '맑은 고딕', 'malgun gothic'; letter-spacing:-0.01rem;}

.d100 {display:block; width:100%;}

.area {height:auto; width:100%;}
.area:after {
	content: "";
	clear: both;
	display: block; }

.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}

/** 마진/패딩 **/
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mt20  {margin-top:20px !important;}
.mt30  {margin-top:30px !important;}

.pd0 {padding:0px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pl20 {padding-left:5px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

/** 배경 컬러 **/

.bg_white {background-color: #fff !important;}
.bg_black {background-color: #000 !important;}

.bg_theme_main {background-color: #d26c2f !important;}
.bg_theme_sub {background-color: #253357 !important;}
.bg_theme_strong {background-color: #fda214 !important;}
.bg_theme_bright {background-color: #fff !important;}
.bg_theme_dark {background-color: #333 !important;}

/** 폰트 컬러 **/

.fc_white {color: #fff !important;}
.fc_black {color: #000 !important;}

.fc_theme_main {color: #d26c2f !important;}
.fc_theme_sub {color: #253357 !important;}
.fc_theme_strong {color: #fda214 !important;}
.fc_theme_bright {color: #fff !important;}
.fc_theme_dark {color: #333 !important;}

/** 기타 컬러 **/

.etc_white {border-color: #fff;}
.etc_black {border-color: #000;}

.etc_theme_main {border-color: #d26c2f;}
.etc_theme_sub {border-color: #253357;}
.etc_theme_strong {border-color: #fda214;}
.etc_theme_bright {border-color: #fff;}
.etc_theme_dark {border-color: #333;}

/** 폰트 **/

.fc_10 {font-size:10px;}
.fc_12 {font-size:12px;}
.fc_13 {font-size:13px;}
.fc_14 {font-size:14px;}
.fc_20 {font-size:20px;}
.fc_25 {font-size:25px;}
.fc_30 {font-size:30px;}
.fc_40 {font-size:40px;}
.fc_60 {font-size:60px;}
.fc_80 {font-size:80px;}

/** 자간 **/
.ls1 {letter-spacing:1px;}
.ls_1 {letter-spacing:-1px;}
.ls_2 {letter-spacing:-2px;}
.ls_3 {letter-spacing:-3px;}




/** 버튼 **/
/* 얇은 스타일 */
.button-stroke-thin a.button:not(.action_button), .button-stroke-thin:not(.header-plain) a.button.action_button, .button-stroke-thin a.tp-button, .button-stroke-thin button, .button-stroke-thin input[type="submit"], .button-stroke-thin input[type="reset"], .button-stroke-thin input[type="button"] {border-width:1px !important;}


/** 요소 **/
.address span {padding-left:8px; padding-right:8px; color:#ddd;}

.left_menu li{list-style: none; border-bottom:1px solid #eee; padding:10px 5px;}
.left_menu li a:link, .left_menu li a:hover, .left_menu li a:active, .left_menu li a:visited {}
.left_menu li:hover {background-color:#eee;}
.left_menu li.on {background-color:#f0c465; font-weight:bold;}

.image_frame .image_wrapper .image_links a {
	color: #ffffff;
}
.image_frame .image_wrapper .image_links a:hover {
	background: #fff;
	color: #00aeef;
}
.image_frame {
	border-color: #f8f8f8;
}
.image_frame .image_wrapper .mask::after {
	background: rgba(255, 255, 255, 0.4);
}

/** 테이블 **/
.table_style > caption {display:none;}
.table_style {border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_style tbody th {text-align: left; padding-left:20px; background-color:#f5f5f5 !important;}
.table_style tbody td {text-align: left; padding-left:20px;}

.table_board > caption {display:none;}
.table_board {border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_board thead th {text-align: center; background-color:#f5f5f5 !important; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_board tbody th {text-align: left; padding-left:20px;}
.table_board tbody td {text-align: left; padding-left:20px;}
.table_board tbody td:hover {text-align: left; padding-left:20px; background-color:#f5f5f5;}
.table_board tbody td a {color:#333;}
.table_board tbody td a:hover {text-decoration: underline;}

.table_form > caption {display:none;}
.table_form {border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_form thead th {text-align: center; background-color:#f5f5f5 !important; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.table_form tbody th {text-align: center; background-color:#f5f5f5 !important; border-top: 1px solid #333; }
.table_form tbody td {text-align: left; padding-left:20px;}
.table_form tbody td:hover {text-align: left; padding-left:20px; background-color:#f5f5f5;}
.table_form tbody td a {color:#333;}
.table_form tbody td a:hover {text-decoration: underline;}
.table_form input[type="text"],.table_form select ,.table_form textarea {margin-bottom:0px;}

dl.product dt, dl.product dd{ padding: 5px;}

#divpop {display:block;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;z-index:9000;}
.backhroundPop {display:block;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:9001;}

#visual_pop {width:100%;max-height:600px;margin:0px auto 0px;padding-bottom:30px;position:relative;overflow:hidden;display:block;border:0px solid red;}
#visual_sub .cover {width:100%;margin:0 auto;}
#visual_pop .content {width:100%;}
#visual_pop .flexslider_pop {text-align:center;}
#visual_pop .flexslider_pop .slides {width:100%;}
#visual_pop .flexslider_pop .slides > li {position:relative;display:none;font-size:0px;text-align:center;-webkit-backface-visibility: hidden;}
#visual_pop .flexslider_pop .slides li div {font-size:15px;}
#visual_pop .flexslider_pop .slides img {display:inline-block;max-width:100%;margin:0px auto;}
#visual_pop .flexslider_pop .flex-direction-nav {z-index:99;margin:0px auto;}
#visual_pop .flexslider_pop .flex-direction-nav li {width:40px;z-index:999;}
#visual_pop .flexslider_pop .flex-direction-nav a {width:40px;height:80px;display:block;z-index:10;cursor:pointer;text-indent:-9999em;font-size:0px;}
#visual_pop .flexslider_pop .flex-direction-nav .flex-next {background:url('/images/arrow_right.png') no-repeat;position:absolute;top:40%;left:50%;margin-left:35%;opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
#visual_pop .flexslider_pop .flex-direction-nav .flex-prev {background:url('/images/arrow_left.png') no-repeat;position:absolute;top:40%;left:50%;margin-left:-42%;opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
#visual_pop .flexslider_pop .flex-direction-nav .flex-next:hover {opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
#visual_pop .flexslider_pop .flex-direction-nav .flex-prev:hover {opacity:1.0;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
#visual_pop .flexslider_pop .flex-control-nav {position:absolute;width:100%;right:0;bottom:0px;text-align:center}
#visual_pop .flexslider_pop .flex-control-nav li {margin:0px 3px;display:inline-block; zoom: 1; *display: inline; }
#visual_pop .flexslider_pop .flex-control-paging li a {width:10px;height:10px;border-radius:5px;display:block;background:#fff;cursor:pointer;text-indent:-9999em;}
#visual_pop .flexslider_pop .flex-control-paging li a:hover, #visual_pop .flexslider_pop .flex-control-paging li a.flex-active {background:#000;cursor:pointer;}
/**
#visual_pop .flex-direction-nav a {text-decoration: none;display: block;font-size:0px;text-indent:-9999em;padding:0px !important;width:30px;height:30px;position: absolute;top:12px;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#visual_pop .flex-direction-nav a:before {display: inline-block;content:'';width:20px;height:20px;overflow:hidden;font-size:0px;border:1px solid #fff;background:url('http://imgcdn.kantukan.co.kr/mall/mukjoe/image/banner_b_01.png') no-repeat center;background-size:auto 60%;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
#visual_pop .flex-direction-nav a.flex-next:before {content:'';width:20px;height:20px;overflow:hidden;border:1px solid #fff;background:url('http://imgcdn.kantukan.co.kr/mall/mukjoe/image/banner_b_02.png') no-repeat center;background-size:auto 60%;}
#visual_pop .flex-direction-nav .flex-prev {left:0px;}
#visual_pop .flex-direction-nav .flex-next {right:0px;text-align: right;}
#visual_pop .flexslider_navi:hover .flex-direction-nav .flex-prev {opacity: 0.7;left:-30px;}
#visual_pop .flexslider_navi:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
#visual_pop .flexslider_navi:hover .flex-direction-nav .flex-next {opacity: 0.7;right:-30px;}
#visual_pop .flexslider_navi:hover .flex-direction-nav .flex-next:hover {opacity: 1;}
*/

.goods_list img {width:100%;}
.trailer_box .subtitle a {color:#fff;}
.trailer_box h2 a {color:#fff;}
.section.main02 {padding-top:30px;}
.style-simple .trailer_box:hover .desc {background-color:none;}
.style-simple .trailer_box:hover .desc .subtitle {background-color:none;background-image:none;}
.trailer_box .subtitle a, .trailer_box h2 a {color:#fff;}
.trailer_box:hover .subtitle a, .trailer_box:hover h2 a {color:#222;}
.Subheader .subTit {float:left;color:#fff;letter-spacing:1px;}
.Subheader .subDesc {float:left; color: rgba(255, 255, 255, 0.5); font-size:18px; padding-left:35px;}

@media only screen and (max-width: 959px) {
	.Subheader .subDesc {display:none;}
}

.bus1{background:#48922d;font-size:15px;color:#fff;width:76px;height:25px;line-height:25px;display:inline-block;text-align:center;margin-right:10px}
.bus2{background:#395cb4;font-size:15px;color:#fff;width:76px;height:25px;line-height:25px;display:inline-block;text-align:center;margin-right:10px}
.bus3{background:#dc1219;font-size:15px;color:#fff;width:76px;height:25px;line-height:25px;display:inline-block;text-align:center;margin-right:10px}
.bus4{background:#f8b109;font-size:15px;color:#fff;width:76px;height:25px;line-height:25px;display:inline-block;text-align:center;margin-right:10px}

#Header > .mfn-main-slider {margin-top:-120px;}

.mainCopy01 {font-size:1.5em;}
.mainCopy02 {font-size:3em;}
.mainCopy03 {font-size:1.2em;}
.sub0301 {font-size:1em;}
.sub0301 span.big {font-size:1.5em;}

@media only screen and (max-width: 1240px) {
	#Header > .mfn-main-slider {margin-top:-80px;}
	#Top_bar .logo {margin:18px 30px 0 20px;}
	h2 {font-size:1.8em;}
	.main01 .subcopyBox {padding:20px 5% 55px !important;}
	.main01 .picBox {margin-top:-100px !important;}
	.mainCopy01 {font-size:1.5em;}
	.mainCopy02 {font-size:3em;}
	.mainCopy03 {font-size:1.2em;}
}
@media only screen and (max-width: 960px) {
	#Header > .mfn-main-slider {margin-top:-80px;}
	#Top_bar .logo {margin:18px 30px 0 20px;}
	h2 {font-size:1.8em;}
	.main01 .subcopyBox {padding:20px 5% 55px !important;}
	.main01 .picBox {margin-top:-100px !important;}
	.mainCopy01 {font-size:2em;}
	.mainCopy02 {font-size:4em;}
	.mainCopy03 {font-size:1.8em;}
}
@media only screen and (max-width: 768px) {
	#Header > .mfn-main-slider {margin-top:-65px;}
	#Top_bar {background-color:transparent !important;}
	.sticky-tb-color #Top_bar.is-sticky {background-color:rgba(0,0,0,0.4) !important;}
	#Top_bar .logo {text-align:left; margin:15px 26px 8px 8px;}
	#Top_bar a.responsive-menu-toggle {right:6px;}
	#Top_bar a.responsive-menu-toggle, .mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle {top:9px !important;}
	.section_wrapper {width:inherit;}
	.section_wrapper .column.one-fourth {width:50% !important;clear:none !important;}
	.section_wrapper .column.one-fourth::after {clear:both;}
	.section_wrapper, .container, .four.columns .widget-area {width:calc(100% - 20px) !important;}
	.main01 .copyBox {padding:30px 30px 30px !important;}
	.subcopyBox {padding:20px 5% 55px !important;}
	.picBox {margin-top:-100px !important;}
	.mainCopy01 {font-size:3em;}
	.mainCopy02 {font-size:6em;}
	.mainCopy03 {display:none !important;}
}

 /* Mobile Device */
@media all and (max-width:640px){
	
	.mVisual{margin-bottom:15px}
	.mVisual ul li{height:240px}
	.mVisual ul li .txt{padding:0 20px}
	.mVisual ul li .txt .txt1{margin-bottom:5px;font-size:21px}
	.mVisual ul li .txt .txt2{font-size:12px}
	.mVisual ul li.bg1{background-image:url('/skin/hospital/images/m_visual01_m.jpg')}
	.mVisual ul li.bg1 .txt{padding-top:30px}
	.mVisual ul li.bg2{background-image:url('/skin/hospital/images/m_visual02_m.jpg')}
	.mVisual ul li.bg2 .txt{padding:50px 10px 0 30%}
	.mVisual ul li.bg3{background-image:url('/skin/hospital/images/m_visual03_m.jpg')}
	.mVisual ul li.bg3 .txt{padding:25px 10px 0 30px}
	.mVisual ul li.bg3 .txt .txt1{padding:0 20px}
	.mVisual ul li.bg3 .txt .txt1::before,
	.mVisual ul li.bg3 .txt .txt1::after{font-size:45px}
	.mVisual .bx-controls .bx-pager{bottom:10px}
	
	.mConBox .con_lt h2{font-size:21px}
	.mCon1,
	.mCon2,
	.mCon3,
	.mCon4{float:none;margin-bottom:13px;width:100%;height:auto}
	
	.mCon1{padding:25px}
	.mCon1 p{margin-bottom:10px;height:auto;font-size:14px}
	.mCon2{background-size:auto 100%}
	.mCon2 a{padding:25px}
	.mCon2 p{font-size:14px}
	.mCon3{padding:25px}
	.mCon3 ul li{font-size:14px}

	.mCon5{float:none;width:100%}
	.mCon6{float:none;padding:25px;width:100%;height:auto}
	
	.doctorInfor > li{padding:20px 0}
	.doctorInfor > li .box1 .con{margin-bottom:10px;padding:10px 0 0 15px}
	.doctorInfor > li .box1 .con h2{margin-bottom:5px;font-size:22px}
	.doctorInfor > li .box1 .con .txt{margin-bottom:10px;font-size:14px}
	.doctorInfor > li .box1 .con h3{margin-bottom:5px;font-size:14px;line-height:25px}
	.doctorInfor > li .box1 .con p{font-size:13px}
	.doctorInfor > li .box1 .con .btn .btnBc{margin-bottom:5px;width:58%;}
	.doctorInfor > li .box1 .con .btn .btnBc.white{margin-left:0;width:40%;}
	.doctorInfor > li .box1 .con .btn .btnBc a{font-size:11px;line-height:25px}
	.doctorInfor > li .career{padding-top:65px}
	.doctorInfor > li .career .box2{padding:20px}
	.doctorInfor > li .career .careerClose{top:20px;right:20px;}
	.doctorInfor > li .career .careerClose a{width:20px;height:20px}
	.doctorInfor > li .career h3{margin:25px 0 15px;font-size:18px}

	.doctorInfor > li .career .infor1 li{padding-left:0}
	.doctorInfor > li .career .infor1 li .year{position:relative;display:block}
	.doctorInfor > li .career .infor2 li .year{position:relative;display:block}
	
	.reserveCon{margin-bottom:20px}
	.reserveCon > div h2{font-size:17px;line-height:42px}
	.reserveCon .reserSelect{border-bottom:1px solid #ddd}
	.reserveCon .reserSelect .scheculCon{padding:20px 20px 0}
	.reserveCon .reserSelect .scheculCon .control{line-height:33px}
	.reserveCon .reserSelect .scheculCon .control .btn a{width:33px;height:33px}
	.reserveCon .reserSelect .scheculCon .control .month{font-size:14px}
	.reserveCon .reserSelect .scheculCon table td{height:35px}
	.reserveCon .reserSelect .scheculCon table td a{width:30px;height:30px;line-height:30px}
	.reserveCon .reserSelect .txt{padding:0 20px;line-height:40px}
	.reserveCon .doctorSelect{border-left:0}
	.reserveCon .doctorSelect .doctorList{padding:15px}
	.reserveCon .doctorSelect .doctorList ul{height:250px}
	.reserveCon .doctorSelect .doctorList ul li .box{padding:10px 10px 10px 100px;min-height:120px}
	.reserveCon .doctorSelect .doctorList ul li .box .photo{top:10px}
	
	table.t_type{font-size:13px}
	table.t_type tbody th{padding:10px 0}
	table.t_type tbody td{padding:10px}
	
	h2.title{margin:30px 0 10px;padding-left:12px;font-size:17px}
	h2.title::before{width:5px;height:10px}

	.privateCon{margin-bottom:20px;padding:15px 10px}
	.privateCon p{margin-bottom:10px;font-size:13px}
	.privateCon .box{padding:10px;height:150px}

	.btnBc a,
	.btnBc button,
	.btnBc input{padding: 0;line-height:35px;}
	.btnBc.w{min-width:100px}

	h1.title2{margin-bottom:10px;font-size:17px}
	
	.listHead{margin-bottom:20px;padding:15px}
	.listHead h2{margin-bottom:10px;padding-bottom:10px;font-size:16px}
	.listHead .box{padding:0}
	.listHead .box .photo{position:relative;margin-bottom:10px;width:100%}
	.listHead .box .photo img{width:100%}
	.listHead .box .tit{margin-bottom:10px;font-size:18px}
	
	.topTxt{margin-bottom:0}
	.blogList ul li{padding:15px 0}
	.blogList ul li .box{padding:0}
	.blogList ul li .box .photo{position:relative;margin-bottom:10px;width:100%}
	.blogList ul li .box .photo img{width:100% !important}
	.listHead .box .photo img{width:100% !important}
	.blogList ul li .box .tit{margin-bottom:10px;font-size:18px}
	
	.blogView{margin-bottom:20px}
	.blogView .tit{padding:20px 0 }
	.blogView .tit h2{font-size:16px}
	.blogView .content{padding:20px 5px}
	.blogView .replyCon{padding:10px}
	.blogView .replyCon .repTxt{padding-right:70px}
	.blogView .replyCon .repTxt textarea{height:50px}
	.blogView .replyCon .repTxt .btn{padding:0;width:60px;font-size:12px}

	.location li a {color:#fff;}

	.div_table table {width:100%;}
	/*.div_table table th, .div_table table td {display:block;}*/
	.table_form tbody th {display:none;}
	.div_table .wr_subject {width:100%;}
	.div_table .secret_mode {float:none; margin-left:0px; }
	table.table_board tr:first-child td {background:none;}
	table.table_board td {border:none;}
	/*table.table_style th {display:none;}*/
	table.table_style td.subject {font-size:18px; color:#333; font-weight:bold;}
	table.reg_write {margin-top:20px;}
	table.reg_write th {display:none;}
	table.reg_write td input {width:100%;}
	table.reg_write td input.phone {width:27%;}
	table tr:first-child td {background:none; padding:5px 5px;}

	.article .q {background-position: 8px 20px; padding:10px 0px; height:auto;}
	.article .q a {padding-left:33px; line-height:24px; background:none;}
	.article .q a.on {padding-left:33px; line-height:24px; background:none;}
	.article .a {background-position: 11px 32px; padding-left:33px;}

}