html, body { height: 100%; margin: 0; padding: 0;}

body {font-family: 'Open Sans', 'Malgun Gothic', sans-serif;background-color:#fff;background-size:cover;background-repeat: no-repeat;background-attachment: fixed;font-size:16px;}
@media all and (max-width: 992px) {		
	/*body {background-image:none;}*/
}

h1, h2, h3, h4, h5, h6 {padding:0;margin:0;margin-bottom:0.5em;}

.stuck {position:fixed;top:0;}

.circle {border-radius:50%;}

.ogo_trigger{opacity: 0;} 
.ogo_trigger.animated{opacity: 1;}

.w100 {width:100%;}
.w90 {width:90%;}
.w80 {width:80%;}
.w70 {width:70%;}

.more {font-size:0.8em;font-weight:normal;margin-left:1em;;color:#999 !important;}
.more .fa {margin-right:0.5em;font-size:0.7em;}

@media all and (max-width: 768px) {.sm_none{display:none;}}

.board_min_height {min-height:600px;padding:2em;} /* 게시판일 경우 */
@media all and (max-width: 992px) {.board_min_height {min-height:300px;}}
@media all and (max-width: 600px) {.board_min_height {min-height:150px;}}

.contents {line-height:1.8em;min-height:450px;}
@media all and (max-width: 992px) {.contents {min-height:400px;}}
@media all and (max-width: 600px) {.contents {min-height:200px;}}

a {-webkit-transition:color .35s;transition:color .35s;color:#444;}
a:hover {color:#0082ac;}
a:active,a:hover,a:focus {text-decoration:none;}
a:active,a:focus,input,select,textarea {outline:none;}

p {padding:0;margin:0;}
ol, ul, li {margin:0;padding:0;}
li {list-style-type:none;}

article {display:block;margin:0;padding:0;}
figure {display:block;margin:0;padding:0;position:relative;}


.divider {margin:0 0.6em;font-size:12px;color:#999;}

.top_border {height:2px;/*background-color:#004381;*/background-color:#0082ac;}

#login_div {border-bottom:1px solid #eee;background-color:#f5f5f5;font-size:12px;color:#444;text-align:right;padding:1em 0;}
#login_div a {color:#444}
#login_div a:hover {color:#0082ac;}

.login_box {display:inline-block;padding:0.5em 2em;background-color:rgba(0, 0, 0, 0.4);border-bottom-right-radius:10px;border-bottom-left-radius:10px;}


#title_div {border-bottom:1px solid #eee;background-color:#fff;}
#title_div.stuck {text-align;center;z-index:9999;width:100%;box-shadow:0 0 2px 1px rgba(0,0,0,0.2);}
@media (max-width: 992px) {#title_div.stuck {position:static;text-align;center;z-index:0;width:100%;box-shadow:none;}}

a.logo {float:left;margin-right:100px;margin-top:0;margin-bottom:0}
@media (max-width: 1200px) {a.logo {margin-right:50px;}}
@media (max-width: 992px) {a.logo {float:none;margin-right:0px;}}

.logo_img {width:200px;}
@media (max-width: 1200px) {.logo_img {width:170px;}}
#title_div.stuck .logo_img {width:130px;}


/* 오고가 네비게이션 */

.mobile_tab {
	display:none;
	border:none;
	float:right;
	padding:0.5em 0.7em;
	background-color:#ddd;
	color:#444;
	font-size:18px;
	margin:20px 0;
	margin-top:28px;
}

@media (max-width: 992px) {.mobile_tab {display:inline-block;}}

.ogo_nav {float:left;text-align:left;font-size:20px;margin-top:1.7em;}
#title_div.stuck .ogo_nav {margin-top:0.7em;}
@media (max-width: 1200px) {.ogo_nav {font-size:18px;}}
@media (max-width: 992px) {.ogo_nav {display:none;float:none;font-size:16px;margin:0.5em 0;}}

.ogo_nav > li {display:inline-block;position:relative;}
.ogo_nav > li.current {}
.ogo_nav > li:hover {}

.ogo_nav > li > a {color:#444;display:inline-block;padding:0.75em 1.4em;font-weight:bold;}
@media (max-width: 1200px) {.ogo_nav > li > a {padding:0.6em 1.4em;}}
@media (max-width: 992px) {
	.ogo_nav > li {display:block;border:1px solid #eee;border-bottom:none;}
	.ogo_nav > li > a {display:block;}
	.ogo_nav > li:last-child {border-bottom:1px solid #eee;}
}

.ogo_nav > li.current > a {color:#0082ac;}
.ogo_nav > li:hover > a {color:#0082ac}

.ogo_nav .sub_m {display:none;}
.ogo_nav span.caret {}


.ogo_nav .sub_m {font-size:15px;display:none;position:absolute;z-index:10001;background-color:#fff;width:150%;box-shadow:0 0 1px 1px rgba(0,0,0,0.3)}
@media all and (max-width: 992px) {.ogo_nav .sub_m {font-size:13px;position:relative;background-color:#fff;width:100%;}}

.ogo_nav .sub_m > li {border:1px solid #999;border-bottom:0px;width:100%;border-collapse:collapse;}
.ogo_nav .sub_m > li:last-child {border-bottom:1px solid #999;}
.ogo_nav .sub_m > li > a {display:block;padding:0.6em 1.7em;color:#333;}
.ogo_nav .sub_m > li:hover > a {color:#0082ac;background-color:#eee;}


.ogo_nav .sub2_m {font-size:15px;}
@media all and (max-width: 992px) {.ogo_nav .sub2_m {font-size:13px;}}

.ogo_nav .sub2_m > .sub2_label {padding:0.6em 1.7em;display:block;text-align:left;}
.ogo_nav .sub2_m > li {width:100%;}
.ogo_nav .sub2_m > li:last-child {}
.ogo_nav .sub2_m > li > a {display:block;padding:0.5em 1.7em;color:#333;}
.ogo_nav .sub2_m > li > a > .fa {margin-left:.6em;margin-right:.5em;color:#aaa;}
.ogo_nav .sub2_m > li:hover > a {color:#0082ac;background-color:#eee;}



@media (max-width: 992px) {
	/* 여기에 .stuck 관련 작업 할것 */
	#navbar_wrap.ogonav-fixed {
		background-color:transparent;
		width:auto;		
		z-index: none;
		position: static;	
		box-shadow: none;
	}
}

/* 오고가 네비게이션 */
/*
#main_slide {width:100%;font-size:25px;line-height:1.5em;}
#main_slide article {position:relative;color:#eee;text-align:center;}
#main_slide article figure {width:100%;height:24em;background-size:cover;background-position:center;}
#main_slide .subtitle {position:relative;font-size:1em;margin-top:7em;margin-bottom:1.5em;text-align:center;z-index:12;}
#main_slide .subject {position:relative;font-size:1.7em;z-index:14;}
#main_slide .subject a {border-top:2px solid #fff;border-bottom:2px solid #fff;padding-top:0.08em;padding-bottom:0.2em;}
#main_slide .desc {position:relative;font-size:0.8em;margin:0 auto;margin-top:2em;margin-bottom:1.5em;text-align:center;z-index:13;width:30em;line-height:1.5em;}
@media (max-width: 992px) {#main_slide {font-size:17px;}}
@media (max-width: 600px) {
	#main_slide {font-size:12px;}
	#main_slide .desc {width:25em;}
}
@media (max-width: 400px) {
	#main_slide .subtitle {font-size:0.9em;}
	#main_slide .subject {font-size:1.3em;}
	#main_slide .desc {width:20em;}
}
#main_slide a {color:#fff;}
#main_slide a:hover {}

#main_slide a.btn {color:#000;}
#main_slide a.btn:hover {color:#000;}
*/

#main_slide {width:100%;font-size:25px;line-height:1.5em;}
#main_slide article {position:relative;color:#eee;text-align:center;}
#main_slide article figure {width:100%;height:20em;background-size:cover;background-position:center;}

@media (max-width: 1400px) {
	#main_slide {font-size:18px;} 	
}
@media (max-width: 1000px) {
	#main_slide {font-size:16px;}	
}
@media (max-width: 900px) {
	#main_slide {font-size:13px;}	
}
@media (max-width: 750px) {
	#main_slide {font-size:10px;}		
}
@media (max-width: 620px) {
	#main_slide {font-size:8px;}		
	#main_slide article figure { display:none; }
}
/*
#main_slide .subtitle {animation-delay: 0.6s;}
#main_slide .subject {animation-delay: 0.6s;}
#main_slide .desc {animation-delay: 0.6s;}
*/
.overlay {display:block;position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;}
@media (max-width: 600px) {.overlay {}}
@media (min-width: 992px) {.overlay {}}

/*.all_block_opacity {background-color:rgba(0,0,0,0.4);}*/
.all_block_opacity {background-color:rgba(0,0,0,0.4);}


.section_title {margin:0;margin-bottom:20px;font-size:20px;font-weight:normal;color:#000;border-bottom:2px solid #ccc;padding-bottom:0.5em;}
.section_title > span {font-size:20px;font-weight:normal;border-bottom:2px solid #f33;padding-bottom:0.38em;}


.bg_red {background-color:#e74c3c;}
.bg_green {background-color:#2ecc71;}
.bg_blue {background-color:#2980b9;}
.bg_orange {background-color:#f39c12;}
.bg_gray {background-color:#7f8c8d;}
.bg_purple {background-color:#9b59b6;}
.bg_midnight {background-color:#2c3e50;}


/* 구글맵에서 마크 클릭시 나타나는 창 */
.mark_info {padding:0.5em;}
.mark_info > li {display:block;padding:0.5em 1em;}
.mark_info > li .fa, .site_info > li .glyphicon {margin-right:16px;color:#999;}


/* 푸터 */
.main_footer {background-color:#222;color:#eee;padding:2em 0 4em 0;}

.main_footer a {-webkit-transition:color .35s;transition:color .35s;color:#ccc;}
.main_footer a:hover {color:#f33;}
.main_footer a:active,a:hover,a:focus {text-decoration:none;}
.main_footer a:active,a:focus,input,select,textarea {outline:none;}

.footer_title {position:relative;display:block;text-align:center;font-size:1.6em;font-weight:bold;margin:0;padding:0;margin-bottom:1em;}

.footer_menu {}
.footer_menu li {display:inline-block;margin-right:2em;margin-bottom:2em;}

.alert_desc {color:#666;}
.address {color:#666;margin-top:2em;}
.contact {color:#666;margin-top:2em;}



/* owl styling */
.owl-carousel {background-color:#fff;}

.owl-prev,
.owl-next {
	display:inline-block;
	font-size:24px;	
	height:36px;
	width:36px;
	color:#000;
	background-color: #eee;	
	text-align: center;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	border-radius: 0;
	padding:0;
}

.owl-prev:hover, .owl-next:hover {background-color:#333;color:#f33;}

.overlay-nav .owl-prev,
.overlay-nav .owl-next {
	position: absolute;
	top:50%;
	margin-top:-18px;
	/*padding-top:6px;*/
	background-color:transparent;
	background-image:url("/img/bg_white_alpha20.png");
}

@media (max-width: 992px) {.overlay-nav .owl-prev,.overlay-nav .owl-next {padding-top:6px;}}

.overlay-nav .owl-prev {
	left:15px;
}

.overlay-nav .owl-next {
	right:15px;
}

.overlay-nav .owl-prev,
.overlay-nav .owl-next {
	visibility: hidden;
	opacity:0;
}

.overlay-nav .owl-prev {
	left:45px;
}

.overlay-nav .owl-next {
	right:45px;
}

.overlay-nav:hover .owl-prev,
.overlay-nav:hover .owl-next {
	opacity:1;
	visibility: visible;	
}

.overlay-nav:hover .owl-prev {
	left:15px;
}

.overlay-nav:hover .owl-next {
	right:15px;
}

.section_nav .owl-nav{
	position: absolute;
	right:0px;
	top:-58px;
	background-color: #fff;
	padding-left:20px;
}

.section_nav .owl-prev, 
.section_nav .owl-next {
	width:28px;
	height:28px;
	font-size:20px;
	padding-top:2px;
	margin:0;
}

.section_nav .owl-prev {
	margin-right:5px;
}

.header_bg {background-position:center top;background-size:cover;background-repeat:no-repeat;/*background-attachment:fixed;*/}
/*
.header_bg.dna {background-image:url('../img/slide03.jpg');}
*/

/*
	해상도에 따라 .header_bg를 다르게 적용하려면 어떻게 해야할까?
	
*/
@media(min-width:1200px){		
	.header_bg.company_certificate {background-image:url('../img/company_bg05.jpg');}
	.header_bg.company_introduction {background-image:url('../img/company_bg02.jpg');}
	.header_bg.company_history {background-image:url('../img/company_bg04.jpg');}	
	.header_bg.company_map {background-image:url('../img/company_bg_map.jpg');}
	
	.header_bg.dna {background-image:url('../img/bg_dna01.jpg');}
	.header_bg.kit {background-image:url('../img/bg_kit01.jpg');}
	.header_bg.adme {background-image:url('../img/bg_adme01.jpg');}	
	.header_bg.rm {background-image:url('../img/bg_rm01.jpg');}

	.header_bg.dna_test {background-image:url('../img/bg_dnatest01.jpg');}
	.header_bg.druginfo {background-image:url('../img/bg_druginfo01.jpg');}
	.header_bg.dnainfo {background-image:url('../img/bg_dnainfo01.jpg');}
	.header_bg.dna_pro {background-image:url('../img/bg_dnapro01.jpg');}
	.header_bg.adme_pro {background-image:url('../img/bg_admepro01.jpg');}
	.header_bg.geneinfo {background-image:url('../img/bgm_dna.jpg');}	
	
	/*.header_bg.company_faq {background-image:url('../img/bg_faq01.jpg');}	*/
	.header_bg.company_faq, .header_bg.company_board {background-image:url('../img/company_bg06.jpg');}
}
@media(max-width:1200px){	
	.header_bg.company_certificate, .header_bg.company_introduction, .header_bg.company_history, .header_bg.company_map {background-image:url('../img/bgm_company.jpg');}
	.header_bg.dna, .header_bg.kit, .header_bg.dna_test, .header_bg.druginfo, .header_bg.dnainfo, .header_bg.geneinfo, .header_bg.dna_pro {background-image:url('../img/bgm_dna.jpg');}
	.header_bg.adme, .header_bg.rm {background-image:url('../img/bgm_adme.jpg');}	
	.header_bg.adme_pro {background-image:url('../img/bgm_smo.jpg');}		
	.header_bg.company_faq, .header_bg.company_board {background-image:url('../img/bgm_notice.jpg');}	
}
/*
.header_bg.dna {background-image:url('../img/slide03.jpg');}
.header_bg.smo {background-image:url('../img/slide01.jpg');}/
.header_bg.adme {background-image:url('../img/slide03_2.jpg');}
*/
.header_bg.company_organization {background-image:url('../img/company_bg03.jpg');}

.header_bg > .page_header {background-color:rgba(0,0,0,0.6);}
.page_header {padding:50px 0;background-color:#222;color:#ccc;}
.page_header h1 {font-size:1.8em;margin:0;padding:0;}
@media (max-width: 768px) {.page_header h1 {font-size:1.4em;}}
.page_header .page_subtitle {color:#888;margin-top:20px;}
.page_header .directory_menu {color:#888;text-align:right;margin-top:20px;}
@media (max-width: 1200px) {.page_header .directory_menu {text-align:left;}}
.page_header .directory_menu a {color:#888;}
.page_header .directory_menu span.current {color:#ccc;white-space:nowrap;}

.header_bg > .page_header2 { /*background-color:rgba(255,255,255,0.1);*/}
.page_header2 {padding:50px 0;/*background-color:#222;color:#ccc;*/}
.page_header2 h1 {font-size:1.8em;margin:0;padding:0;}
@media (max-width: 768px) {.page_header2 h1 {font-size:1.4em;}}
.page_header2 .page_subtitle {color:#888;margin-top:20px;}
.page_header2 .directory_menu {color:#888;text-align:right;margin-top:20px;}
@media (max-width: 1200px) {.page_header2 .directory_menu {text-align:left;}}
.page_header2 .directory_menu a {color:#888;}
.page_header2 .directory_menu span.current {color:#000;white-space:nowrap;}
@media (min-width: 1200px) {.page_header2 .nar_b{display:none}}
@media (max-width: 1200px) {.page_header2 .wid_b{display:none}}


.section {padding:80px 0;}
.section .glyphicon {margin-right:0.5em;}
.section .row {padding:0;}
.section strong.blue {color:blue;font-weight:normal;}
.section strong.red {color:red;font-weight:normal;}
.section h1 {font-size:1.4em;font-weight:bold;margin-bottom:1.2em;border-bottom:1px dotted #999;padding-bottom:0.5em;}
.section h1:first-child {margin-top:0;}
.section h2 {font-size:1.1em;font-weight:normal;margin-top:2em;margin-bottom:1.2em;}
.section p {}
.section ul {list-style:none;padding:0;margin:0;}
.section ul li {display:block;}
.section ul li .glyphicon {margin-left:1em;margin-right:0.5em;}
.section ul.dot_style li {margin-left:1em;margin-bottom:0.6em;}
.section ul.dot_style li:before {content: "•";padding-right: 8px;}

.section ul.business_check {float:left;margin-left:2em;}
@media (max-width: 600px) {.section ul.business_check {margin-left:0em;}}

.section ul.business_check li {font-size:1.2em;margin-bottom:1em;}

.li_detail {margin-left:1em;font-size:0.9em;color:#333;}
.li_detail:before {content: "-";padding-right: 8px;}
.li_detail2 {margin-left:1em;font-size:0.8em;color:#666;}
.li_detail2:before {content: " ";padding-right: 8px;}

ul.sub_ul {margin:1em;}

.section table.service_list {font-size:0.8em;}
.section table.service_list th {text-align:center;vertical-align:middle;}


.section_bg {background-size:cover;background-repeat:no-repeat;background-position:center;}
.bg_one {background-image:url('../img/section_bg1.jpg');}
.bg_two {background-image:url('../img/section_bg2.jpg');}
.bg_three {background-image:url('../img/section_bg3.jpg');}
.bg_four {background-image:url('../img/section_bg4.jpg');}

.section.one {}
.section.two {background-color:#eee;}

.section blockquote {margin-bottom:3em;}

img.business_float {float:right;margin:10px 30px 10px 10px;}
img.business_float_left {float:left;margin:10px 30px 0px 10px;}

.section.adme_service_detail h2 {clear:both;}
.section.adme_service_detail img.business_float {width:35%;}

.business_dna_img {width:50%}
@media (max-width: 600px) {.business_dna_img {width:100%}}

.business_smo_img {width:70%}
@media (max-width: 600px) {.business_smo_img {width:100%}}


@media (max-width: 600px) {img.business_float {float:none;width:80%;margin:10px 0;}}

table.app_step_table {border:none;border-spacing: 10px;border-collapse: separate;margin:0 auto;width:90%;}
@media (max-width: 786px) {table.app_step_table {width:100%;}}
table.app_step_table th {text-align:center;vertical-align:top;height:6em;width:20%;border-radius:5px;color:white;padding:0.3em;word-break;keep-all}
@media (max-width: 786px) {table.app_step_table th {font-size:0.7em;}}
table.app_step_table td {text-align:left;vertical-align:center;height:6em;width:80%;background-color:#eee;border-radius:5px;color:black;padding:1em;}
@media (max-width: 786px) {table.app_step_table td {font-size:0.7em;}}

table.app_step_table .order {background-color:white;color:#999;font-size:0.8em;padding:0.05em 0;border-radius:3px;margin-bottom:0.5em;}
table.app_step_table .order_down {color:white;font-size:1em;padding:0.5em 0;}
table.app_step_table .order_down .glypicon {margin:0;}

.btn_box {text-align:center;margin-top:30px;}
.btn_box .btn {color:white;}


table.service_detail {font-size:0.9em;margin-bottom:6em;}
table.service_detail.th_nowrap th {word-break:keep-all;width:15%;text-align:center;}
.thumbnail.dna_device {margin:1em 0;padding:0.6em;}
.thumbnail.dna_device h3 {font-size:1.2em;text-align:center;margin-top:0.6em;margin-bottom:0.6em;}

.intro_one {font-size:1.1em;padding:1em 0 10em 0;line-height:1.8em;}
.intro_one h3 {margin-bottom:1em;}

ul.company_intro {margin-top:30px;}
ul.company_intro > li {margin-bottom:1em;}

form.spmed_app .form-group {padding-bottom:0.8em;}
form.spmed_app .form-group .control-label {padding-top:0;}
form.spmed_app .form-group > div > label {font-weight:normal;font-size:0.86em;margin-right:1em;}


.org_back {background-image:url('../img/shutterstock_251639014.jpg');background-size:cover;background-repeat: no-repeat;}
@media all and (max-width: 1200px) {.org_back{background-image:none;}}


img.org_img {width:100%;}
img.org_img.wide {display:block;}
img.org_img.w992 {display:none;}
img.org_img.w700 {display:none;}
@media all and (max-width: 992px) {
	img.org_img.wide {display:none;}
	img.org_img.w992 {display:block;}	
	img.org_img.w700 {display:none;}	
}
@media all and (max-width: 768px) {
	img.org_img.wide {display:none;}
	img.org_img.w992 {display:none;}	
	img.org_img.w700 {display:block;}	
}

.table.table_history {}
.table.table_history tr:first-child th, .table.table_history tr:first-child td {border-top:none !important;}
.table.table_history th , .table.table_history td {padding:1.3em;}
.table.table_history th {width:10% !important;word-break:keep-all;color:#004381}
.table.table_history td {width:90%;}
.table.table_history td > div {margin-top:1.3em;}

/*img.history_left {border-radius:50%;margin:1em 0;width:80%;}*/
img.history_left {margin:1em 0;width:80%;}
@media all and (max-width: 768px) {img.history_left {display:none;}}


.map_nav_tabs li a {color:#444;}
.map_nav_tabs li.active a {color:#0082ac;}

.map_info {margin-top:2em;margin-bottom:2em;border:none;}
.map_info tr, .map_info th, .map_info td {border:none !important;}
.map_info th {word-break:keep-all;white-space: nowrap;width:130px;}
.map_info th .fa {margin-right:0.5em;}
#google_map {width:100%;height:500px;}
@media all and (max-width: 600px) {#google_map {height:300px;}}

.section #app_result_title {font-size:1.4em;font-weight:bold;margin:2em 0;text-align:center;}

table.table.app_result_table {margin-bottom:60px;}
@media all and (min-width: 1200px) {table.table.app_result_table {width:80%}}

.app_list_table .btn {font-size:12px;padding:0.2em 0.6em;color:#fff;}

.appview_interface {margin-bottom:3em;text-align:right;}
.appview_interface .btn {color:#fff;margin-right:1em;}

ul.home_ul {margin-top:1em;}
ul.home_ul li {margin-bottom:0.5em;}
ul.home_ul .fa {margin-right:0.5em;}

table.table.home_table {margin-top:1em;font-size:14px;}
table.table.home_table th {font-weight:normal;width:20%;white-space:nowrap;word-break;keep-all;}
table.table.home_table td {font-weight:normal;width:80%;}

.home_section_head {margin-bottom:1.5em;font-size:1.4em;font-weight:bold;border-left:solid 0.2em #0082ac;padding-left:0.8em;color:#555;line-height:100%;}
.home_section_contents {font-weight:normal;color:#444;}
.home_section_img {}
@media all and (max-width: 768px) {.home_section_img {margin-top:1.5em;}}

@media all and (max-width: 768px) {.sm_margin {margin-bottom:5em;}} /* 가로 768px 이하일때 홈화면 공지사항과 컨택트 어스가 위아래로 될때 사이 마진 두는것 */

table.adme_service {border:none;border-spacing: 10px;border-collapse: separate;margin:0 auto;}
table.adme_service th {text-align:left;vertical-align:center;width:20%;background-color:#eee;border-radius:5px;word-break;keep-all}
table.adme_service td {text-align:left;vertical-align:center;width:80%;background-color:#eee;border-radius:5px;color:black;padding:1em;}

/*
.tblTmTl {
    background: url("../img/bullets.gif") no-repeat scroll 5px -79px transparent;
    font-weight: bold;
    padding: 5px 0 0 15px;
    margin: 5px 0;
}
.tblTmTl span {
    color: #16B1C5;
}
.tblTmTitle {
    background: url("../img/bullets.gif") no-repeat scroll 5px -111px transparent;
    font-weight: bold;
    padding: 5px 0 0 15px;
    margin: 5px 0;
}
*/

.tblTmContent{
	line-height:180%;
	margin: 8px;
}