@charset "utf-8";

/*-----------------------------------------------------------------------------------------------------------
공통
-----------------------------------------------------------------------------------------------------------*/
body				{}
.skip 				{ position:relative; width:0; height:0; font-size:0; line-height:0; top:-5000px; overflow:hidden}
#wrapper			{ position:relative; width:100%;}

#popup_user {position: absolute; width: 100%;background-color: #515151;z-index: 1000;text-align: center;padding:30px; }
#popup_user .question{color:#FFF;font-size: 16px;font-weight: bold;}
/*-----------------------------------------------------------------------------------------------------------
메인레이아웃
-----------------------------------------------------------------------------------------------------------*/

#main_header				{ top:0; width:1166px; margin:0 auto; position:relative; z-index:10;}

/* 보조메뉴 */
#main_header .global		{position:relative;z-index:1; top:0; text-align: right; height:15px; margin:0;}
#main_header .global ul 	{position:absolute;right: 0;height:15px; padding:5px 110px 0 0;}
#main_header .global ul li	{float:left;list-style:none;}

/* 팝업존 */
#popupzone {position: absolute;left: 0;top:97px;z-index: 100; overflow:hidden;}
#popupzone .popupzone_close {padding-top: 20px;}
#popupzone .popupzone_open{background: url("/images/main_popbtn_bg.png") 0 0 no-repeat;width: 620px;height: 588px;padding: 8px;}
#popupzone .popup_img{float:left; padding-right: 148px; width:315px;}
#popupzone .popup_img img{width: 470px;height: 515px;border: 1px solid #FFF}
#popupzone .popup_list ul{float: left; padding-left:20px;margin: 0;list-style:none;  }
#popupzone .popup_list ul li{padding: 0;margin: 0;height: 98px; }
#popupzone .popup_list ul li img{width: 84px;height: 90px;border: 1px solid #e3e3e3}
#popupzone .popup_close_btn {float: right; padding-top: 150px; padding-left:-900px;}


/*  글로벌메뉴 */
#main_header ul#topmenu 	{ clear:both}
#main_header ul#topmenu li	{ float:left;}

#gnb {position:relative;z-index:1000;height:55px; clear: both;}

#gnb p{position:absolute;}
#gnb p.ab1{left:200px;}
#gnb p.ab2{left:385px;}
#gnb p.ab3{left:571px;}
#gnb p.ab4{left:776px;}
#gnb p.ab5{left:964px;}

#gnb ul{position:absolute;z-index:1000;top:54px;}
#gnb ul li{margin:0px 0 0 20px;height: 22px;}
#gnb ul li.start{margin:10px 0 0 20px;}
#gnb ul.abs0{left:8px;background:url(/images/main_menu_bg.png) 0 0 no-repeat;width: 192px;}
#gnb ul.abs1{left:200px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 185px;}
#gnb ul.abs2{left:385px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 200px;}
#gnb ul.abs3{left:570px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 202px;}
#gnb ul.abs4{left:772px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 220px;}
#gnb ul.abs5{left:960px;background:url(/images/main_menu_bg.png) 100% 0 no-repeat;width: 200px;}

.pcn-gnb 				{ clear:both; position:relative}
.pcn-gnb li 			{ float:left;}

.pcn-snb 						{ z-index:9000; position:absolute; HEIGHT: 0px; OVERFLOW: hidden; top:85px; left:9px}


#main_contents			{ clear:both; top:0px; left:0; width:1166px; margin:0px auto; background:url(/images/main_line.gif) repeat-y}
.main_logo				{ padding:15px 0 15px 32px; float:left;}
.main_slogan			{ float:left; padding:5px 0 0 32px;}
.main_search			{ margin:15px 0 0 28px; border:3px solid #ddd; width:320px; height:25px; float:left;}
.main_search input		{ border:1px solid #fff; width:230px; padding:3px; height:17px; !important}
.main_btn_search		{ top:0; left:250px;}
.main_icon				{ float:right; margin:3px 27px 0 0; width:75px;position: relative; z-index: 10;}
.main_icon ul li		{ float:left;}

.mainC					{ clear:both; margin-left:10px;  border-top:1px solid #c6c6c6;}
.mainCL					{ float:left; width:230px;}
.mainCC					{ float:left; width:683px; height:457px; }
.mainCR					{ float:left; width:235px; overflow:hidden; }

.mainC2					{ clear:both; margin-left:8px;}
.mainC2 p				{ float:left; border-bottom:1px solid #c6c6c6; margin-bottom:10px}

.basic  			{width: 244px; height:457px;}
.basic div 			{background-color: #46c8d7;}

.basic p			{ border: none;margin: 0px;}
.basic a 			{ cursor:pointer; display:block; color: black;}

.main_img			{ position:relative; width:244px;border-top:1px solid #c6c6c6; float:left; height:177px;}
.main_img .btn		{ position:absolute; top:60px; left:155px;}
.main_img .btn li	{ float: left; margin-left:5px}


.main_img_01 {float: left; width: 439px; height: 457px; }
.main_img_01 ul.mc_btn{position: absolute; float:right; right:750px; padding: 0;margin-top:8px; list-style: none;z-index:20px;}
.main_img_01 ul.mc_btn li{padding: 0;margin:0; float:left;width:18px; height:11px;}


/* 슬라이드 CSS */
#slides {width:244px; height:174px; }
#slides .slides_container {width:244px; height:174px; }
#slides .pagination {/*다수 슬라이드 이미지 위치 조정 이미지변경시 img 폴더의 pagination.png 를 수정  */
	margin:0px auto 0;
	display:block; /*사용하지 않을때 none 로 바꿔줌 */
}
#slides .pagination {/*다수 슬라이드 이미지 위치 조정 이미지변경시 img 폴더의 pagination.png 를 수정  */
	margin:0;
	padding:10px 0 0;
	list-style:none;
	text-align:right;
	line-height:0;
	font-size:0;
	width:100%; /*사용하지 않을때 none 로 바꿔줌 */
}
#slides .pagination li 	 { margin:0; padding:0 2px; display:inline;}
/*
#slides .pagination li a {
	display:inline-block; width:12px; height:12px;
	background-image:url('/images/pagination.png');
	background-position:0 0;
}
*/

/*#slides01 {width:439px; height:457px; overflow:hidden;}*/
#slides01 .slides_container01 {width:244px; height:174px; }
/* 슬라이드 CSS */


.main_banner_01			{ float:right; width:231px; height:228px; }
.main_banner_01 p.title	{ padding:8px 0 17px 8px;}
.main_banner_01 p.btn	{ padding-left:8px;}
.main_banner_01 div.more{ padding-left:176px;}


.mainNotice				{ width:230px; height:244px; border-bottom:1px solid #c6c6c6; z-index:1;}
.mainNotice .title		{ height:27px; background:url(/images/main_board_tt_bg.gif) repeat-x bottom; padding:16px 5px 0 4px;}
.mainNotice ul			{ padding:20px 9px 0 14px; height:127px}
.mainNotice li			{ height:20px;}
.mainNotice div.more	{ clear:both; padding-left:173px}

.mainMedi				{ width:230px; height:212px; position:relative; z-index:1;}
.mainMedi .title		{ padding:12px 0 0 14px; background:url(/images/main_board_tt_bg.gif) repeat-x bottom;}
.mainMedi ul			{ padding:5px 9px 0 14px}
.mainMedi li			{ height:20px;}
.mainMedi div.more		{ position:absolute; bottom:0px; right:0;}


#mainB_bn				{ clear:both; border:1px solid #c6c6c6; width:1130px; padding:10px; height:25px; margin:10px auto; text-align:center;}
#mainB_bn p				{}

#main_footer			{ clear:both; width:1130px; margin:5px auto;}
#main_footer div#footerL	{ float:left; width:155px}
#main_footer div#footerC	{ float:left; width:820px}
#main_footer div#footerC li	{ float:left;}

#main_footer div#footerR	{ float:right;}
#main_footer div#footerR li	{ float:left;}
address					{ clear:both; padding-top:5px}

/*-----------------------------------------------------------------------------------------------------------
서브레이아웃
-----------------------------------------------------------------------------------------------------------*/

#sub_header				{ width:888px; margin:0 auto; position:relative; height:138px;}

/* 보조메뉴 */
#sub_header .topbn			{ float:left;}
#sub_header .topbn ul li	{ float:left;list-style:none;}
#sub_header .sub_global			{ float:right; padding:5px 0}
#sub_header .sub_global ul li	{ float:left;list-style:none;}

/*글로벌메뉴 */
#sub_header h1.sub_logo			{ float:left; margin-top:38px; text-align:center}
#sub_header ul#sub_topmenu 		{ float:right; margin-top:38px; padding-top:7px}
#sub_header ul#sub_topmenu li	{ float:left;}

/*#snb {position:relative;z-index:1000;height:55px;left:180px;top:45px;}
#snb p{position:absolute;}
#snb p.ab1{left:115px;}
#snb p.ab2{left:226px;}
#snb p.ab3{left:354px;}
#snb p.ab4{left:479px;}
#snb p.ab5{left:594px;}


#snb ul{position:absolute;z-index:1000;top:37px;}
#snb ul li{margin:0px 0 0 20px;height: 22px;}
#snb ul li.start{margin:10px 0 0 20px;}
#snb ul.gnb01{left:0px;background:url(/images/main_menu_bg.png) 0 0 no-repeat;width: 115px;}
#snb ul.abs1{left:115px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 111px;}
#snb ul.abs2{left:226px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 128px;}
#snb ul.abs3{left:354px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 125px;}
#snb ul.abs4{left:479px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 115px;}
#snb ul.abs5{left:594px;background:url(/images/main_menu_bg.png) 100% 0 no-repeat;width: 115px;}*/

#snb {position:relative;z-index:1000;height:55px;margin-top: 45px; float: right; width: 708px;}
#snb #nav {width: 708px;}
#snb #nav ul {margin:0; padding:0; list-style:none; position:relative; z-index:1;}
#snb #nav ul li {margin:0; padding:0 0 0 0px;}
#snb #nav ul li ul {position:absolute; top:37px; z-index:100; margin:0; padding:0; left: 0;height: 330px;}
#snb #nav ul li.start{padding:20px 0 0 15px;}
#snb #nav ul li ul li {padding:3px 0 3px 15px;}
#snb #nav ul li a {display:block;}
#snb ul.gnb01{left:0px;background:url(/images/main_menu_bg.png) 0 0 no-repeat;width: 115px;}
#snb ul.gnb02{left:115px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 111px;}
#snb ul.gnb02{left:226px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 111px;}
#snb ul.gnb03{left:354px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 128px;}
#snb ul.gnb04{left:479px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 125px;}
#snb ul.gnb05{left:594px;background:url(/images/main_menu_bg.png) -10px 0 no-repeat;width: 115px;}
#snb ul.gnb06{background:url(/images/main_menu_bg.png) 100% 0 no-repeat;width: 115px;}
#snb .ab1{position:absolute;left:0px;}
#snb .ab2{position:absolute;left:115px;}
#snb .ab3{position:absolute;left:226px;}
#snb .ab4{position:absolute;left:354px;}
#snb .ab5{position:absolute;left:479px;}
#snb .ab6{position:absolute;left:594px;}



/*** 검색 ***/
.search {margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #dadada}
.search h4{background: url(../images/bu_1.gif) no-repeat 0% 2px;padding:0 0 10px 20px;height:20px;font-weight:normal;}
.search h5{background: url(../images/bu_2.gif) no-repeat 8px 3px;padding:0 0 5px 28px;font-size: 14px;font-weight: 600}
.search h5 span{font-size: 12px;font-weight: normal;}
.search h5 span strong{color: #2c992f}
.search dl{padding:10px;}
.search dl dt{background-color:#e9eff6;border:1px solid #c4d4e7;width:660px;padding:3px 7px;height:18px;}
.search dl dt em{text-decoration:underline;font-style:normal}
.search dl dd {margin:5px;}
.search dl dd strong{color: #2689dd}
.search dl dd.search_location{background: url(../images/icon_search_location.gif) no-repeat 0% 50%;padding-left:55px;}
.search .search_more{text-align: right;padding:0 20px 30px 0;}
.search .search_more a{color: #434343;font-weight: 600;padding-top: 5px;}

/*#pcn-gnb2 						{ float:right; margin-top:38px; padding-top:7px}
#pcn-gnb2 li 					{ float:left;}

 #pcn-snb2 						{ z-index:9000; position:absolute; WIDTH: 709px; BACKGROUND:url(/images/sub_menu_bg.png) no-repeat; HEIGHT: 0px; OVERFLOW: hidden; top:110px; left:179px}
#pcn-snb2 DIV.pcn-wrap div 		{ FLOAT: left; height:312px; padding-bottom:3px;  }
#pcn-snb2 DIV.pcn-wrap div p 	{ position:absolute; left:0; top:209px; }
#pcn-snb2 DIV.pcn-wrap div.snb01 { position:relative; margin:3px 0 0 0; width:85px; border-right:1px solid #f1f1f1; padding:10px 9px 3px 20px;}
#pcn-snb2 DIV.pcn-wrap div.snb02 { position:relative; margin:3px 0 0 0; width:85px; border-right:1px solid #f1f1f1; padding:10px 9px 3px 10px;}
#pcn-snb2 DIV.pcn-wrap div.snb03 { position:relative; margin:3px 0 0 0; width:110px; border-right:1px solid #f1f1f1; padding:10px 9px 3px 10px;}
#pcn-snb2 DIV.pcn-wrap div.snb04 { position:relative; margin:3px 0 0 0; width:115px; border-right:1px solid #f1f1f1; padding:10px 9px 3px 10px;}
#pcn-snb2 DIV.pcn-wrap div.snb05 { position:relative; margin:3px 0 0 0; width:80px; border-right:1px solid #f1f1f1; padding:10px 9px 3px 13px;}
#pcn-snb2 DIV.pcn-wrap div.snb06 { position:relative; margin:3px 0 0 0; width:90px; padding:10px 9px 3px 15px;}
#pcn-snb2 li 					{ margin-bottom:5px; font-size:12px; letter-spacing:-1px; }
#pcn-snb2 li a 					{ color:#444; font-size:12px; text-decoration:none; }
#pcn-snb2 li a:hover			{ color:#269ae3; font-size:12px; } */

#sub_contents			{ clear:both; width:910px; margin:0 auto; overflow:hidden;display:block; background:url(/images/sub_bg.gif) repeat-y;}
#sub_contents:after		{ content:'';display:block;clear:both; }

#subL				{ float:left; width:179px;}
.submenu_tt			{ padding:0 0 15px 13px;}
#subL ul.submenu li	{ padding:3px 0 0 13px}
.subbn				{ padding-top:50px; text-align:center}

#subR				{ float:left; width:700px; padding-left:10px;}
#subR .tt			{ height:30px; padding-top:7px; float:left; width:500px}
#subR ul.icon		{ float:right; width:75px; margin:5px 0 0 0;}
#subR ul.icon li	{ float:left}
.subPage			{ clear:both; min-height:600px; border-top:1px solid #ddd;}

#quick				{ position:absolute; top:120px; z-index:2; overflow:hidden; left:910px;}

#sub_footer			{ width:100%; background-color:#eaeaea; height:115px; clear:both}
#sub_footer_C		{ width:900px; margin:10px auto;}
.sub_footer_bn		{ height:40px; width:100%;; border-bottom:1px solid #a7a7a7;}
.sub_footer_bn p	{ padding:5px; text-align:center}

#sub_footer_C2		{ clear:both; padding-top:10px; width:830px; margin:10px auto;}
.sub_footer_L		{ float:left; width:145px;}
.sub_footer_CC		{ float:left;}
.sub_footer_R		{ float:right;}
.sub_footer_R li	{ float:left;}

/* 2018-11-15 메인 대장내시경 검사방법 동영상 배너 추가 */
/*
.main_banner_movie {float:left;margin:28px 0 0 28px}
.main_banner_movie a {display:block}

.main_icon .main_banner_movie {float:none;margin:0;position:absolute;bottom:-7px;left:-150px}
*/
/* //2018-11-15 메인 대장내시경 검사방법 동영상 배너 추가 */

/* 2018-11-22 :: 소셜 및 대장내시경 검사방법 동영상 배너 위치수정 */
.social {position: absolute; top: 0; right: -83px}
.social li {display: inline}
.main_banner_movie {position: absolute; top: 27px; right: 196px}
#sub_header .main_banner_movie {right: 112px}

/* 2018-11-22 :: 대장내시경 복용방법 동영상 라인 추가 */
.video_wrap iframe {padding-bottom: 30px; border-bottom: 1px solid #eaeaea}