@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@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'); }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
* { margin: 0; padding: 0; box-sizing: border-box }
li { list-style: none }
img { border: 0; vertical-align: middle; max-width: 100% }
body, td, p, input, button, textarea, select, a { font-family: 'Roboto', 'Noto Sans KR', sans-serif, 'Play'; font-weight: normal; font-size: 16px; color: #333; line-height: 1.6; letter-spacing: -1px; padding: 0; margin: 0 }
body { /*overflow-y: scroll*/ }
h1, h2, h3, h4, h5, h6, strong, b, dt, em { font-weight: 600 }
em, i { font-style: normal }
a, a:hover, a:active, a:focus { text-decoration: none }
/*common*/    
.clear:after { display: block; content: ''; clear: both }
* { margin: 0; padding: 0 }
br { font-family: initial; }
/*html, body { height: 100% }*/
img { border: 0; vertical-align: top }
a { text-decoration: none; }
a:hover { text-decoration: none; }
li { list-style: none }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: 600 }
.d_container { max-width: 1400px; margin: 0 auto }
/* ���� */
.sub_full { width: 100%; overflow: hidden; background: #f2f2f2; padding: 40px 0; margin: 0 0 30px 0; border-top: 4px solid #75b0ce }
.inner { max-width: 1400px; margin: 0 auto; position: relative; text-align: center }
.s_inner { max-width: 1400px; margin: 0 auto; position: relative; text-align: center }
.ovf { overflow: hidden; }
.clear { clear: both }
.montserrat { font-family: 'Montserrat', sans-serif; font-weight: 900; }
.center { text-align: center !important; }
.left { text-align: left !important; }
.comm_box { background: #CCC url(../images/common/comm_box_bg.png) no-repeat top left; padding: 10px; overflow: hidden; margin: 0 0 30px 0 }
.comm_box_in { background: #fff; padding: 30px; overflow: hidden }
section { text-align: center; }
.half { width: 48%; margin: 1%; float: left }
.left { text-align: left }
.right { float: right }
.comm_table { width: 100%; margin: 30px 0; border-top: 3px solid #090; border-right: 1px solid #ccc; }
.comm_table th { padding: 15px 20px; border-bottom: 1px solid #ccc; text-align: center; font-weight: bold; background: #F6F6F6; position: relative }
.comm_table th:first-child { border-left: 1px solid #ccc }
.comm_table th::after { content: ''; width: 5px; height: 5px; background: #090; border-radius: 100%; position: absolute; top: 50%; right: 0 }
.comm_table th:last-child::after { display: none }
.comm_table td { padding: 15px 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; }
.center_table td { text-align: center !important }
.table_dot th::after { display: none }
.t_left { text-align: left; }
.s_tit { text-align: center; margin: 0 auto; padding: 0 0 30px 0; font-weight: bold; font-size: 1.8em }
.s_tit span { font-weight: bold; color: #da2128 }
.s_tit_pbox { display: inline-block; font-size: 15px; line-height: 30px; text-align: center; padding: 13px 40px; color: #fff; background-color: #1b1e6e; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; margin: 40px 0 20px 0; }
h4 { font-weight: 600; font-size: 1.5rem; margin: 0 0 30px 0; background: url(../images/common/h4_bg.png) no-repeat top left; padding: 0 0 0 50px; text-align: left }
h4 span { color: #1b8d27; }
.mt30 { margin: 30px 0 0 0; }
.mb30 { margin: 0 0 30px 0; }
.mb50 { margin: 20px 0 50px 0; }
.pd30 { padding: 30px; }
.comm_list { overflow: hidden }
.comm_list li { padding: 3px 0 3px 10px; background: url(../images/common/li_bg.png) no-repeat 0 14px; text-align: left; }
.ol_list li span{display: inline-flex; justify-content:center; align-items: center; width: 2rem; height: 2rem ; border-radius: 100%; background: #036; color:#fff; font-weight:bold; margin-right:1rem;}
.column3 { width: 33%; }
.column4 { width: 25%; }
.column5 { width: 20%; }
.column3 dl dd { text-align: left; }
.strong { color: #1b8d27; }
.bold { font-weight: bold; }
.red { color: #d92127 }
.s_btn { display: inline-block; }
.s_btn a { display: block; padding: 10px 20px; background: #1b8d27; color: #fff; font-weight: bold; text-align: center }
.s_btn a:hover { background: #333; }
h5 { text-align: left; font-weight: bold; font-size: 20px; background: url(../images/common/h5_bg.png) no-repeat top center; padding: 20px 0 }
h6 { text-align: left; font-weight: bold; font-size: 20px; margin: 0 0 30px 0 }
.b_txt { font-size: 1.4em; font-family: 'WONBatang'; }
hr { border: 1px solid #CCC }
footer { width: 100%; overflow: hidden; margin: 0 auto; background: #4f5257; color: #b1b2b4; text-align: left; letter-spacing: normal }
.foot_top { border-bottom: 1px solid #CCC; padding: 1em 0; overflow: hidden }
.foot_top ul { float: left }
.foot_top ul li { float: left; margin: 0 20px 0 0 }
.foot_top ul li a { color: #b1b2b4 }
.select { float: right }
footer address { font-style: normal; text-align: left; font-size: 13px; padding: 2em 0 }
footer address a { color: #666 }
footer address p { float: none; width: auto; color: #d5d5d5; font-size: 0.8em; letter-spacing: normal }
footer address p span { color: #87b255; font-weight: bold; text-transform: uppercase }
footer .inner{position: relative;}
footer .visit{position: absolute; bottom: 3rem; right: 0;}
/* �ϴ� ����Ʈ */

select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background: none; background-image: none; }
select::-ms-expand {
display: none;
}
.select { position: relative; display: flex; width: 20em; height: 2em; line-height: 2; background: none; overflow: hidden; }
select { flex: 1; padding: 0 .5em; color: #fff; cursor: pointer; }
.select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em; background: none; cursor: pointer; pointer-events: none; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; }
.select:hover::after { color: #f39c12; }
/* ��
.tab { text-align: center; }
.tab li { display: inline-block; }
.tab li a { display: block; background: #eaeaea; height: 40px; line-height: 40px; }
/*.tab li a:hover { background: #333 !important; color: #fff; }
.select a { background: #3e733e!important; font-weight: bold; color: #fff; }
.li2 li { width: 49%; }
.li4 li { width: 23%; margin: 0 0 5px 0 }
.li5 li { width: 18%; display: inline-block; }
.li6 li { width: 16%; display: inline-block; }
.li7 li { width: 9%; display: inline-block; }*/
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #333; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #F90; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/*effect-underline*/
a.effect-underline:after { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; border-bottom: 1px solid; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
a.effect-underline:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*effect-box*/
a.effect-box:after, a.effect-box:before { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
a.effect-box:before { border-left: 1px solid; border-right: 1px solid; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
a.effect-box:after { border-bottom: 1px solid; border-top: 1px solid; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
a.effect-box:hover:after, a.effect-box:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/* effect-shine */
a.effect-shine:hover { -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%); -webkit-mask-size: 200%; animation: shine 2s infinite; }
 @-webkit-keyframes shine { from {
 -webkit-mask-position: 150%;
}
to { -webkit-mask-position: -50%; }
}
/* ����Ʈ�� ��� */
.sitemap { float: right; padding: 1em }
.button { cursor: pointer; transition: all 0.3s ease-out; }
.button:hover { }
.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; }
.overlay:target { visibility: visible; opacity: 1; }
.popup { margin: 200px auto; padding: 4em; background: #fff url(../images/common/submenu_bg.jpg) no-repeat top left; width: 70%; position: relative; transition: all 5s ease-in-out; z-index: 9999999 }
.popup h2 { margin-top: 0; color: #333; text-align: center; padding: 0 0 2em 0 }
.popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; }
.popup .close:hover { color: #ec0078; }
.popup .content { max-height: 30%; overflow: auto; }
.sitemap_warp { overflow: hidden }
.sitemap_warp dl { float: left; width: 25% }
.sitemap_warp dl dt a { font-weight: bold; font-size: 1.2em; color: #333 }
/* ���� */
.progress-tracker { position: fixed; top: 50%; right: 10px; z-index: 9; display: none }
.progress-tracker.hide { width: 0px; }
.progress-tracker.hide ul li .pt-description, .progress-tracker.hide.active ul li .pt-description, .progress-tracker.hide.constant ul li.active .pt-description { }
.progress-tracker ul li { width: 10px; height: 10px; position: relative; background-color: #ebe9ea; border: 1px solid #ccc; margin-bottom: 10px; list-style-type: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.progress-tracker ul li a { width: 100%; height: 100%; display: block; }
.progress-tracker ul li .pt-description { display: none; position: absolute; top: -2px; right: 25px; padding: 3px 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #e9ebea; white-space: nowrap; }
.progress-tracker ul li.active { background-color: #0b4827; border-color: #0b4827; }
.progress-tracker.constant ul li.active .pt-description { display: block }
#ptsection-one { overflow: hidden; text-align: center }
/* ���� �������� */
#ptsection-two { position: relative; overflow: hidden }
#ptsection-two::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #f8f8f8 }
#ptsection-two .inner { padding: 80px 25px; box-sizing: border-box }
.main_left { float: left; width: 50%; }
/* ���� �ڽ� */
.main_box { display: flex; margin: 3% 0 0 0 }
.main_box li { flex: 1; text-align: left; box-sizing: border-box; padding: 2em; margin: 0 3% 0 0; transition: all 0.5s }
.main_box li { display: block; background: #f2a040; color: #fff }
.main_box li:last-child { background: #4b72a9; margin: 0 }
.main_box li p { font-family: 'S-CoreDream-6Bold'; font-size: 22px; color: #fff; margin: 0 0 1em 0 }
.main_box li p img { margin: 5px 0 0 10px }
.main_box li a { color: #fff }
.main_box li:hover { background: #036 }
.main_right { float: left; width: 50%; padding: 0 0 0 50px; box-sizing: border-box }
/* ���� �������� �� */
.tabs { position: relative; height: 500px; border: 1px solid #ccc; background: #fff; overflow: hidden }
.tabs::before, .tabs::after { content: ""; display: table; }
.tabs::after { clear: both; }
.tab { float: left; }
.tab-switch { display: none; }
.tab-label { position: relative; display: block; line-height: 2.75em; height: 3em; padding: 0 1.618em; color: #808080; cursor: pointer; top: 0; transition: all 0.25s; font-family: 'S-CoreDream-6Bold'; font-size: 22px }
.tab-label:hover { top: -0.25rem; transition: all 0.25s; }
.tab-content { padding: 1em 2em; background: #fff; color: #2c3e50; position: absolute; z-index: 1; top: 65px; left: 0; opacity: 0; transition: all 0.35s; width: 100%; box-sizing: border-box; border-top: 1px solid #ccc }
.tab-switch:checked + .tab-label { background: #fff; color: #2c3e50; border-bottom: 0; border-right: 0.0625rem solid #fff; transition: all 0.35s; z-index: 2; top: -0.0625rem; border-bottom: 3px solid #039 }
.tab-switch:checked + .tab-label:hover { top: -0.0625rem; }
.tab-switch:checked + .tab-label + .tab-content { opacity: 1; transition: all 0.35s; z-index: 3; }
.main_right em { position: absolute; top: -50px; right: 30px }
.main_board { overflow: hidden; padding: 2em 0; border-bottom: 1px dashed #999 }
.main_board p { float: left; width: 30%; margin: 0 2em 0 0 }
.main_board p img { width: 100%; height: 100px; }
.main_board dl { float: left; width: 60%; text-align: left }
.main_board dl dt a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: bold; display: block; }
.main_board dl dd a { white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden }
.main_board dl dd span { float: right; color: #999 }
.main_board_list { overflow: hidden; padding: 2em 0; text-align: left }
.main_board_list li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_board_list li { position: relative; padding: 0 0 0 1em; margin: 0 0 5px 0 }
.main_board_list li::before { content: ''; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background: #CCC; border-radius: 100px }
/* ���� ��� */
#ptsection-three { overflow: hidden; background: #f8f8f8; padding: 5em 0 }
#ptsection-three .inner { text-align: left }
#ptsection-three h2 { font-family: 'S-CoreDream-6Bold'; font-size: 32px; margin: 0 0 1em 0 }
#ptsection-three h2 span { color: #2a4c84 }
.main_part { overflow: hidden; display: flex }
.part_con { flex: 1; position: relative; margin: 0 2% 0 0 }
.main_part > div:last-child { margin: 0 }
.part_con p { overflow: hidden; position: relative }
.part_con p img { width: 100%; transition: all 0.5s }
.part_con p img:hover { transform: scale(1.2) }
.part_con span { position: absolute; right: 0; bottom: 0 }
.part_con dl dt { font-family: 'S-CoreDream-6Bold'; color: #2a4c84; font-size: 24px; background: #fff; display: inline-block; width: 85%; padding: 1em; box-sizing: border-box; position: absolute; top: 50% }
.part_con dl dd { background: #fff; padding: 1.5em; font-size: 17px }
/* ���� ���� �ڽ� */
#ptsection-four { position: relative; overflow: hidden; height: 700px }
.main_info_warp { position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: #2b4b84 url(../images/main/info_bg.jpg) no-repeat bottom left; z-index: 999 }
.main_info { overflow: hidden; text-align: left; color: #fff; float: right; width: 67%; height: 100%; display: flex; flex-direction: column; }
.main_info dl { padding: 4em 2em; border-bottom: 1px solid #687fa6; border-left: 1px solid #687fa6; flex: 1; transition: all 0.5s }
.main_info dl:hover { background: #036 }
.main_info dl:last-child { border-bottom: none }
.main_info dl a { color: #fff }
.main_info dl dt { font-family: 'S-CoreDream-6Bold'; font-size: 24px }
.main_info dl dt img { margin: 5px 0 0 20px }
.main_info dl dd { font-size: 17px }
.info_first { padding: 2em 1em }
.info_first dt { font-size: 32px !important }
.info_first dd span { display: block }
/* ��ũ�� �ٿ� �ִϸ��̼�*/
.arrow { position: fixed; z-index: 998; bottom: 15%; left: 0; right: 0; margin: 0 auto; text-align: center; display: none }
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
 @keyframes bounce { 0%, 20%, 50%, 80%, 100% {
 transform: translateY(0);
}
 40% {
 transform: translateY(-30px);
}
 60% {
 transform: translateY(-15px);
}
}
/* ���� */
.sub_head { width: 100%; overflow: hidden; height: 300px; padding: 0; margin: 0 auto; position: relative }
.sub_head::before { }
.zoom { animation: scale 5s linear forwards; }
 @keyframes scale { 50% {
 background-size:100%;
}
 0% {
 background-size:150%;
}
}
.sub_head h2 { text-align: center; color: #fff; font-weight: bold; padding: 50px 0 0 0; }
.sub_head h2 span { display: block; font-size: 48px; font-family: 'S-CoreDream-6Bold'; color: #355d91 }
.sub_head p { position: absolute; top: 0; left: 50%; }
.sub_contants { min-height: 800px; overflow: hidden; }
.sub_tit { position: relative; overflow: hidden; margin: 0 auto 50px auto; text-align: center; border-bottom: 1px solid #ccc; padding: 0 0 1em 0 }
.sub_tit h3 { font-size: 36px; font-weight: bold; margin: 0 0 20px 0; font-family: 'S-CoreDream-6Bold'; }
.sub_tit p { display: inline; font-weight: 300; font-size: 1em }
/* ����׺� */
.navi_next { position: absolute; top: 50%; right: 50px; }
.navi_prev { position: absolute; top: 50%; left: 50px; }
.sub_navi { margin-top: -50px; background: #fff; height: 120px }
#DB_navi39 a { text-decoration: none; display: block }
#DB_navi39 img { border: 0; vertical-align: top }
#DB_navi39 { position: relative; width: 100%; height: 50px; background: #fff; border-bottom: 1px solid #ccc }
#DB_navi39 ul { /*width:1400px;*/ width: auto; margin: 0 auto }
#DB_navi39 ul li { border-right: 1px solid #ccc; text-indent: 15px }
#DB_navi39 ul li.m0 { width: 50px; border: none; }
#DB_navi39 ul li.m1 { width: 200px }
#DB_navi39 ul li.mm1 { width: 200px }
#DB_navi39 ul li.mm2 { width: 200px }
#DB_navi39 ul li.mm3 { width: 200px } /* 340px �̻������� ����Ͽ��� Ʋ���� */
#DB_navi39 ul li.mm4 { width: 200px }
#DB_navi39 ul li.mm5 { }
#DB_navi39 ul li.mm6 { }
#DB_navi39 ul li.mm7 { }
#DB_navi39 ul li.mm8 { }
#DB_navi39 ul li.DB_main { float: left; position: relative }
#DB_navi39 ul li.DB_main a { line-height: 50px; ; background: url('../images/common/subnavi_arrow.png') no-repeat 95% 17px }/*�޴�����*/
#DB_navi39 ul li.DB_main a:hover { color: #355d91 !important; font-weight: bold; background-position: right -27px }
#DB_navi39 ul li.DB_main.DB_select a { background-position: right -27px }
#DB_navi39 ul li.m0 a { background: #9C0 url('../images/common/icon_home.png') no-repeat 50%; text-indent: -9999px }
#DB_navi39 ul li.m0.DB_select a { background-position: 13px -24px; }
#DB_navi39 .DB_main .DB_sub { position: absolute; left: 0; top: 50px; width: 100%; display: none; background: #fff; border: 1px solid #ccc; border-width: 1px; margin-left: -1px; z-index: 999 }
#DB_navi39 .DB_main .DB_sub li { border: none; border-bottom: 1px solid #cccccc }
#DB_navi39 .DB_main .DB_sub li:last-child { border: none }
#DB_navi39 .DB_main .DB_sub li a { display: block; color: #666666; line-height: 40px; background: #fff; transition: all 0.5s }
#DB_navi39 .DB_main .DB_sub li a:hover { color: #ffffff !important; background: #355d91 }
#DB_navi39 .DB_main .DB_sub li.DB_select a { color: #ffffff; background: #355d91 }
.sticky-navigation.stuck { position: fixed; top: 130px; width: 100%; z-index: 999; left: 50%; transform: translateX(-50%); height: 10px; display: none }
#DB_navi39 ul li.DB_main a b { display: none; }
.thumbimg li { display: inline; float: left; width: 25%; }
.white { color: #fff }
.sub_bg { width: 100%; height: 160px; padding: 70px 0; margin: 0 0 50px 0 }
.big { font-size: 1.2em; }
/* ȸ�翬�� */
.history_warp {/*background:url(../images/sub01/history_bg.jpg) no-repeat top center*/ }
.history h4 { text-align: center; font-size: 180px; letter-spacing: 5px; color: #F2F2F2; margin: 0 0 30px 0; padding-bottom: 0; ffont-family: 'Montserrat', sans-serif; position: relative; background: none }
.history h4 p { text-align: center; color: #000; margin: -120px 0 0 0; font-size: 24px; font-weight: bold }
.history h4 span { font-size: 45px; color: #093; font-weight: bold; letter-spacing: 0; font-family: 'Montserrat', sans-serif; font-weight: bold }
.history ul { position: relative; overflow: hidden; width: 100%; background: url(../images/sub01/history_bg.png) repeat-y top center }
.history ul li.left { background: url(../images/sub01/history_left.png) no-repeat right 5px; float: left; text-align: right !important; padding-right: 68px; }
.history ul li:first-child { margin-top: 10px; }
.history ul li.right { background: url(../images/sub01/history_right.png) no-repeat left 5px; float: right; text-align: left; padding-left: 68px; }
.history ul li:last-child { margin-bottom: 20px; }
.history ul li { margin: 0; margin-top: 0px; width: 50%; clear: both; vertical-align: middle; font-size: 1.1em }
.history ul li span { color: #090; font-size: 2em; display: block; font-family: 'Montserrat', sans-serif; font-weight: bold }
.history ul li img { }
.history_img { width: 90%; margin: 0 auto; }
.history_img img { width: 100%; }
.history_tab { width: 90%; margin: 20px auto; }
.history_tab ul { width: 100%; }
.history_tab ul li { width: 33%; }
.historyList { width: 90%; margin: 40px auto;     /*background: url(../images/sub01/dot_h.png) repeat-y 18% top; */ }
.historyList .year { border-top: 1px solid #ececec; position: relative; padding: 40px 0 40px 12%; }
.historyList .year:first-child { border-top: 2px solid #1b8d27; }
.historyList .year > dt { top: 20px; position: absolute; left: 0; font-size: 40px; font-weight: 500; color: #1b8d27; }
.historyList .month { position: relative; padding-left: 38px; }
.historyList .month:first-child { margin-top: 0; }
.historyList .month > dt { text-align: right; padding-right: 10px; width: 5%; line-height: 24px; font-size: 16px; position: absolute; left: 0; top: 0; font-weight: 600; }
.historyList .month > dd { line-height: 24px; font-size: 16px; }
.historyList .month > dd > p { background: url(../images/sub01/green_sq.png) no-repeat left 9px; padding-left: 20px; text-align: left; margin-left: 5%; }
.mt { margin: -5em 0 0 0 !important }
/* ��Ʈ������ */
#portfolio { width: 100%; overflow: hidden; padding: 0; text-align: left; margin-top: 50px; }
ul.thumbs { padding: 0; overflow: hidden; }
ul.thumbs li { display: inline-block; /*height: 180px;*/ overflow: hidden; padding: 0; /*float: left;*/ position: relative; text-align: center; margin: 0 19px 20px 0; padding: 0; border: 1px solid #ccc }
ul.thumbs li:last-child { margin-right: 0; }
ul.thumbs li img { margin: 0 0 20px 0; text-align: center; width: 100%; }
ul.thumbs li p { text-align: center; padding-bottom: 5px; width: 100%; font-weight: bold; font-size: 1.3em }
ul.thumbs li a.thumbnail { display: block;	/*overflow: hidden;*/ box-sizing: border-box; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; z-index: 9; width: 100%; height: 100%; }
ul.thumbs li a.thumbnail .description { padding: 0; position: absolute; height: 0; left: 0; top: 0; width: 100%; box-sizing: inherit; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; color: #fff; background-color: rgba(0, 0, 0, 0.5); font-size: 1.1em; padding: 100px 12px; line-height: 16px; box-sizing: inherit; text-align: center; font-weight: bold; }
ul.thumbs li a.thumbnail .active-arrow { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #8298ad; bottom: -10px; z-index: 99; position: absolute; left: 0; right: 0; margin: 0 auto; }
ul.thumbs li a.thumbnail:hover .description { height: 85%; opacity: 1; }
ul.thumbs li.content { display: none; overflow: hidden; position: relative; padding: 0; background: #8298ad; margin: 0 auto; margin-top: -33px; }
ul.thumbs li.content h3 { display: inline-block; }
ul.thumbs li.content .close { position: absolute; top: 10px; right: 10px; color: #c2c2c2; cursor: pointer; font-weight: normal; font-family: -webkit-pictograph; font-size: 50px; line-height: 35px; z-index: 999 !important; }
ul.thumbs li.content .close:hover { opacity: 0.7; }
ul.thumbs li.content .media { display: inline-block; float: none; width: 95%; padding: 20px; text-align: left; min-height: 200px; color: #fff; }
ul.thumbs li.content .media .detail { float: left; width: 50%; margin-left: 4%; }
ul.thumbs li.content .media .detail h4 { text-align: left; font-size: 30px; margin: 0 !important; background-position: top left }
ul.thumbs li.content .media p { color: #fff; text-align: left !important; background: none !important; position: relative !important; padding: 0 !important; font-size: 1em !important }
ul.thumbs li.content .media img { float: left; margin: 0 0px 0 0px; width: 40% }
.detail ul li { background: url(../images/sub04/arrow.png) no-repeat 100% 30%; padding: 0 10px 0 0; }
.detail ul li:last-child { background: none !important; }
.detail ul li span { display: block; padding: 10px; vertical-align: auto; background: #039; color: #fff; }
.portfolio-content { display: none; }
/* ������ */
.cer { overflow: hidden; }
.pic { display: inline-block; width: 18%; margin: 0 1% 2em 0; text-align: center; vertical-align: top }
.pic a { display: block; font-weight: bold; }
.pic img { width: 100%; margin: 0 0 1em 0; border: 1px solid #ccc }
.pic p { font-weight: bold; padding: 30px 0; font-size: 18px }
.pic span { display: block; font-size: 14px; color: #666; font-weight: normal }
.fac .pic { width: 23%; }
.elec .pic { width: 48% }
.nomar { margin: 0 0 15px 0 !important; }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
.colm03 { float: left; width: 33% }
.colm03 .comm_list li { float: none !important }
.business_warp { overflow: hidden; padding: 5em 0; border-bottom: 1px solid #ccc }
.business_left { float: left; width: 30%; text-align: left }
.business_left > h4 { text-align: left; background-position: top left; font-size: 24px }
.business_left .comm_list li { float: none; width: auto }
.business_right { float: left; width: 70% }
.colm04 .pic { width: 23% }
/* �λ縻 */
.greeting_img { float: left; width: 45%; background: url(../images/common/sub_bg.png) no-repeat 95% 2%; padding: 5rem 0 0 0; box-sizing: border-box; position: relative; overflow: hidden; text-align: right; margin: 0 5% 0 0 }
.greeting_img::before { content: ''; position: absolute; bottom: 5%; left: 10%; width: 60%; height: 80%; border: 20px solid #819fc1; border-right: none; z-index: 1 }
.greeting_img::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #fafafa }
.greeting_img img { position: relative; z-index: 2 }
.greeting_text { float: left; width: 50%; text-align: left }
.greeting_text p { text-align: left }
/* ����Ұ� */
.business_tit { overflow: hidden; position: relative; margin: 0 0 5rem 0 }
.business_tit img { transition: all 0.5s }
.business_tit img:hover { transform: scale(1.2) }
.business_tit dl { background: #fff; position: absolute; bottom: 0; left: 0; width: 50%; padding: 2rem 5rem 2rem 2rem; box-sizing: border-box; text-align: left }
.business_tit dl dt { font-weight: bold; font-size: 2rem; padding: 1rem 0; position: relative }
.business_tit dl dt::before { content: ''; position: absolute; top: 0; left: 0; width: 80px; height: 5px; background: #2a4c84 }
.business_tit span { display: block; position: absolute; top: 50%; left: 40% }
.business_list { overflow: hidden }
.business_list dt { float: left; width: 30%; font-weight: bold; font-size: 1.5rem; text-align: center; border-top: 2px solid #036; padding: 2rem 0 }
.business_list dd { float: left; width: 70%; border-top: 2px solid #ccc; padding: 2rem 0 }
.box { overflow: hidden; padding: 2rem; border: 1px solid #ccc; text-align: left; background: #fafafa; margin: 0 0 2rem 0 }
.box p { float: left; width: 20%; text-align: center }
.box p span { display: block; font-weight: bold; font-size: 1.2rem }
.box dl { float: left; width: 80%; margin: 1rem 0 0 0 }
.box dl dt { float: left; font-weight: bold; background: #2a4c84; color: #fff; border-radius: 100px; padding: 0.5rem 0; text-align: center; clear: both; width: 10%; margin: 0 0 1rem 0; }
.box dl dd { float: left; width: 80%; font-size: 1.5rem; margin: 0 0 1rem 0; padding: 0 0 0 2rem; box-sizing: border-box; font-weight: bold; font-family: 'S-CoreDream-6Bold' }
.process { display: flex; justify-content: space-between; overflow: hidden; padding: 2rem 0 5rem 0 }
.process li { width: 200px; height: 200px; border: 10px solid #2a4c84; border-radius: 100px; padding: 2rem; box-sizing: border-box; position: relative }
.process li::before { content: ''; position: absolute; border: 10px solid #9C0; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-left: none; border-bottom: none; border-radius: 100px }
.process li span { display: block; background: #2a4c84; color: #fff; border-radius: 100px; width: 50px; height: 50px; line-height: 50px; margin: -3.5rem auto 0 auto }
.process li p { margin: 2rem 0 0 0; font-size: 1.2rem }
.business_part { overflow: hidden; margin: 0 0 3rem 0 }
.business_part dt { float: left; background: #2a4c84; color: #fff; text-align: center; font-weight: bold; width: 20%; clear: both; padding: 1rem 0; border-radius: 100px; margin: 0 0 1rem 0; position: relative }
.business_part dt::before { content: ''; position: absolute; top: 25px; right: -5px; width: 10px; height: 10px; background: #9C0; border-radius: 100px }
.business_part dd { float: right; width: 80%; padding: 1rem 0 1rem 10rem; text-align: left; margin: 0 0 1rem 0; box-sizing: border-box; position: relative }
.business_part dd::before { content: ''; position: absolute; top: 50%; left: 0; width: 100px; height: 1px; background: #CCC }
.photo_thumb{}
.photo_thumb li{text-align:left; margin:0 0 2rem 0}
.btn_catalog a{display:inline-flex; gap:1rem; justify-content: center; align-items: center; padding:1rem 2rem; background:#2a4c84 ; color:#fff; margin-top: 1rem;}


/* �ǿ��Ұ� */
.medical_img { display: flex; overflow: hidden; margin: 0 0 3rem 0 }
.medical_img li { flex: 1; position: relative }
.medical_img li p { position: absolute; bottom: 0; background: #fff; padding: 1rem 2rem; background: #036; color: #fff; font-size: 1.2rem }
.medical_list { display: flex; justify-content: space-between; margin: 0 0 3rem 0 }
.medical_list li { flex: 1; font-size: 1.2rem }
.medical_list li img { display: block; margin: 0 auto 2rem auto }
.doc_warp { display: flex; flex-wrap: wrap; }
.doc_warp2 { overflow: hidden; padding: 0 0 3rem 0 }
.doc_warp2 .doc_list { overflow: hidden; text-align: left; float: left; width: 33%; padding: 0 0 3rem 0; box-sizing:border-box; min-height:400px }
.doc_warp2 .doc_detail { width: 49% }

.doc_list { overflow: hidden; text-align: left; flex: 1; flex-basis: 50%; margin:0 0 2rem 0 }
.doc_list p { float: left; margin: 0 2rem 0 0 }
.doc_list .doc_detail { float: left }
.doc_list .doc_detail dl dt { font-weight: bold; color: #fff; border-radius: 100px; background: #036; text-align: center; padding: 0 2rem; display: inline-block }
.doc_list .doc_detail dl dd { font-size: 2rem }
.doc_list .doc_detail dl dd span { color: #999; font-size: 1rem; display: block; padding: 0 0 1rem 0 }
.doc_geoje .doc_list{width: 25%;}
.doc_geoje .doc_list p{display: none;}
.doc_geoje .doc_detail{width: 100%;}

/* ���� ���� */
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 999 }
#back-top a { width: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
#back-top span { width: 50px; height: 50px; display: block; margin-bottom: 7px; background:#099 url(../images/common/arrow_top.png) no-repeat top center; transition: 1s; border-radius: 100px }
#back-top a:hover span { background-color: #777; }



/*pc*/
@media all and (min-width:1024px) {
.mo { display: none }
.mo_img { display: none }
.container { position: relative; max-width: 100%; width: 100%; margin: 0 auto; clear: both }
/*header*/
#header {/* position: fixed; left: 0; top: 0; width: 100%; z-index: 100; */ width: 100%; position: relative; z-index: 9 }
.hsec1 { height: 100px; border-bottom: 1px solid rgba(255,255,255,0.5); transition: 0.3s }
.hsec1 h1 { float: left; margin: 20px 0 0 0 }
.hsec1 h1 a { display: block }
.hsec1 h1 .over { display: none }
.lnb { float: left; width: calc(100% - 276px) }
.lnb .close { display: none }
.lnb ul { position: relative; z-index: 9; float: left; width: calc(100% - 177px); display: flex }
.lnb ul li { position: relative; float: left; text-align: center; flex: 1 }
.lnb ul li > a { display: block; line-height: 88px; font-size: 20px; font-weight: bold; color: #474747; letter-spacing: -2px }
.lnb ul li > a:hover { color: #2a4c84 }
.lnb ul li:hover > a { color: #2a4c84 }
.lnb ul li:hover .sub { background: #036 }
.lnb ul li:hover .sub dd a { color: #fff }
.lnb .sub { display: none; position: absolute; top: 88px; padding: 20px 0; width: 100%; height: 300px/*sub����*/ }
.lnb .sub dl { }
.lnb .sub dd > a { display: block; line-height: 1.4; padding: 4px 10px; font-size: 15px; color: #333; font-weight: 400; transition: all 0.5s }
.lnb .sub dd > a:hover { color: #6CF !important; }
.lnb_bg { display: none; position: absolute; left: 0; width: 100%; top: 88px; background: #fff; border-bottom: 1px solid #ddd; height: 300px/*sub����*/ }
/*��ũ�ѽ���*/
.scroll_on .hsec1 { border-bottom: 1px solid #ddd }
.scroll_on .hsec1 h1 .out { display: none }
.scroll_on .hsec1 h1 .over { display: block }
.scroll_on .hsec1 { background: #fff }
.scroll_on .lnb li > a { color: #222 }
/*lnb ����*/
.lnb_on .hsec1 { border-bottom: 1px solid #ddd }
.lnb_on .hsec1 h1 .out { display: none }
.lnb_on .hsec1 h1 .over { display: block }
.lnb_on .hsec1 { background: #fff }
.lnb_on .lnb li > a { color: #222 }
/*swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets { right: 10%; top: 50% }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px; }
.swiper-pagination-bullet { width: 8px; height: 8px; background: #fff }
.swiper-button-next { width: 70px; height: 70px; background: url('../images/main/next.png') no-repeat center; left: 19%; top: 70% }
.swiper-button-prev { width: 70px; height: 70px; background: url('../images/main/prev.png') no-repeat center; left: 15%; top: 70% }
/* ��� ������ */
.snb { float: right !important; display: flex !important; width: auto !important; margin: 30px 0 0 0 }
.snb li { width: auto !important; flex: 1; margin: 0 5px 0 0; box-sizing: border-box }
.snb li a { line-height: normal !important }
}



/*mobile*/
@media all and (max-width:1023px) {
body, div, td, p, input, button, textarea, select, a { font-size: 16px }
.pc { display: none }
/*header*/
#header { width: 100%; clear: both }
.hsec1 { border-bottom: 1px solid #ddd; background: #fff }
.hsec1 h1 { text-align: right; overflow: hidden; }
.hsec1 h1 img { display: inline-block; margin: 0 auto }
.hsec1 h1 .over { display: none }
.lnb { position: fixed; width: 80%; left: -80%; top: 0; z-index: 90; height: 100%; background: #fff; border-right: 1px solid #aaa; transition: .3s; overflow: auto }
.lnb.on { left: 0; transition: .3s }
.lnb .close { color: #fff; float: right; width: 45px; height: 46px; background: url('../images/common/lnb_close.png') no-repeat; }
.lnb ul { clear: both }
.lnb li { position: relative; border-bottom: 1px solid #ddd; height: auto }
.lnb li.be { background: url('../images/lnb_arrow.png') no-repeat 95% 20px }
.lnb li.be.on { background: url('../images/lnb_arrow_on.png') no-repeat 95% 20px }
.lnb li > a { display: block; height: 80px; line-height: 80px; font-size: 18px; font-weight: bold; text-align: left; text-indent: 20px }
.lnb li.on > a { color: #3e733e }
.lnb .sub { display: none; background: #2b4b84; padding: 15px 0; height: auto }
.lnb dl { }
.lnb dd > a { display: block; line-height: 40px; font-size: 16x; text-align: left; text-indent: 30px; color: #fff }
.lnb dd > a:hover { color: #6CF; text-decoration: underline }
.body_bg.on { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 80 }
.hsec1 .lnb_open { position: absolute; left: 5px; top: 20px }
.hsec1 .lnb_open img { vertical-align: top }
/*main*/
#main { }/*header ���� ����*/
/*swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 15px }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff }
.swiper-button-next { width: 60px; height: 60px; background: url('../images/swiper_next.png') no-repeat center }
.swiper-button-prev { width: 60px; height: 60px; background: url('../images/swiper_prev.png') no-repeat center }
.pc_img { display: none !important }
/* ���� */
.inner { padding: 1em; overflow: hidden; max-width: 100% }
.s_inner { max-width: 100%; /*overflow-x:hidden*/ }
.sitemap { display: none }
#ptsection-two .inner { padding: 1rem }
.main_left { float: none; width: auto }
.main_box { display: block; margin: 1rem 0 0 0 }
.main_box li { padding: 1rem; margin: 0 0 1rem 0 }
.main_right { float: none; width: auto; padding: 0; margin: 1rem 0 0 0 }
.main_board { padding: 0 }
.main_board p { float: none; width: auto; margin: 0 0 1rem 0 }
.main_board p img{height:200px}
.main_board dl { float: none; width: auto }
.tab-content { padding: 1rem; border: none }
.tab-label { font-size: 1rem; }
#ptsection-three { padding: 0 }
#ptsection-three h2 { font-size: 1.5rem }
.main_part { flex-wrap: wrap; flex-direction: column; }
.part_con { margin: 0 0 1rem 0 }
#ptsection-four { height: auto }
#ptsection-four #map { width: 100% !important; height: 400px !important }
.main_info_warp { width: auto; height: auto; position: relative; overflow: hidden }
.main_info { width: auto }
.info_first dt { font-size: 1.8rem !important }
.snb { display: flex !important; position: absolute; }
.snb li { border: none }
/* ���� */
.zoom { animation: none }
.sub_head { height: 200px; background-position: bottom !important; }
.sub_head h2 { padding: 2rem }
.sub_head h2 span { font-size: 2rem }
#DB_navi39 ul { display: flex }
.sub_navi { height: auto }
.sub_tit h3 { font-size: 2rem }
.s_tit { font-size: 1.4rem }
h4 { font-size: 1.3rem }
/* �λ縻 */
.greeting_img { float: none; width: auto; margin: 0 0 1rem 0 }
.greeting_text { float: none; width: auto }
/* ���ô±� */
.root_daum_roughmap { width: auto !important }
/* ����Ұ� */
.business_tit dl { position: relative; width: auto; padding: 1rem }
.business_tit dl dt { font-size: 1.5rem }
.business_tit span { top: 0; right: 0 }
.business_list dt, .business_list dd { float: none; width: auto }
.table_wrap { overflow: scroll; clear: both }
.comm_table td, .comm_table th {/* white-space: nowrap */}
.box p, .box dl { float: none; width: auto }
.box dl dt { float: none; width: auto }
.box dl dd { float: none; width: auto }
.process { flex-direction: column; text-align: center; align-items: center; }
.process li { margin: 0 0 2rem 0 }
.business_part dt { float: none; width: auto }
.business_part dd { float: none; width: auto; padding: 0 }
.business_part dd::before { display: none }
/* �ǿ��Ұ� */
.medical_list { flex-direction: column; }
.medical_list li { margin: 0 0 2rem 0 }
.medical_img { flex-direction: column; }
.medical_img li { margin: 0 0 2rem 0 }
.doc_warp { flex-direction: column; }
.doc_list { flex-basis: auto }
.doc_list p { float: none; width: auto; margin: 0 0 1rem 0 }
.doc_warp2 .doc_list{float:none; width:auto; text-align:center; padding:0}
.doc_list .doc_detail{width:auto; float:none;}
}