@charset "utf-8";
@import url("nanumgothic.css");

/*기본공통*/
html { height: 100% }
body {
	margin: 0; padding: 0; font-family:'noto3', sans-serif;
	background-color: #fff; color: #888; font-size: 11px;
	padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin: 0px;
	line-height: 1.5em; font-weight:100;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

a { color: #888; text-decoration: none; }
a:hover { /*! color: #444; */ text-decoration: underline }
a:active { color: #444; text-decoration: underline }
a:focus { color: #444; text-decoration: underline }

input,select,button {vertical-align:middle }
form { margin: 0; }
ul, ol, li, p  { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; font-size:11px; }
li { float: left; list-style-type: none; list-style-image: none; }
img { border: 0px; margin: 0px; }

a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }

a.rollover span { position: absolute; left: 36px; margin-top: 10px; text-decoration: none; text-align: center; color: #888; width: 77px; height: 25px; padding-top: 5px; background: url(../../../sidae/images/brand/common/quick_tip.gif) no-repeat 0 0; }
a.rollover span.over { display:none; }
a.rollover:hover span.over { display:inline; }

#wrap {
	position: relative; min-width: 1130px; left: 0px; width: 100%; background: url(../../../sidae/images/popkon/common/gnb_bg.gif) repeat-x   0px 0px;
}

.left_section{
	width:700px;
	float:left;
}

.left_section:after{
	clear:both;

}

/*기본공통END*/
/*font-color*/
* .col-blue {
	color:#184790 !important;
}

/*헤더*/
#header {z-index: 30;width:100%; /*! height:182px; */text-align: center;background: none;}
#header a.rollover img { border-width:0px; display:inline; }
#header a.rollover img.over { display:none; }
#header a.rollover:hover { border:0px }
#header a.rollover:hover img { display:none; }
#header a.rollover:hover img.over { display:inline; }
#header .top_menu {width: 930px;height: 31px;margin: 0 auto;text-align: left;overflow: hidden;}
#header .top_menu .site {height: 30px; float: left;  }
#header .top_menu .login { margin-top:10px;  right:10px; margin-left:50px; float: right; }
#header .top_menu .mypage_btn { top: 30px; margin-left:800px; float: right;  }
#header .top_logo .mypage  { z-index: 35; margin-top: 1px; float: right; display: block;}
#header .top_logo {width: 930px;height: auto;margin: 27px auto;text-align: center;display: flex;justify-content: center;align-items: center;}
#header .top_logo .logo {text-align: center;/* margin: 30px auto; */position: initial;top: 0;}
#header .top_logo .logo > a {
	display: block;
	width:238px;
	margin: 0 auto;
}
#header .top_logo .search {
	position:absolute; top:65px; margin-left: 250px; width: 430px; height: 43px; font-size: 12px; background:url(../../../sidae/images/popkon/common/search_bg.jpg) no-repeat 0 0;}
#header .top_logo .search input.input { position:absolute; bottom: 15px; border: 0; font-size: 12px; font-weight: bold; width: 230px; }
#header .top_logo .search input.submit { position:absolute; margin-top:3px; margin-left:10px; right:0px; border: 0; font-size: 12px; font-weight: normal; width: 37px; height: 37px;  background:url(../../../sidae/images/popkon/common/search_btn.png) no-repeat 0 0; }
#header .top_logo .search select.select { position:relative; z-index:10;	width:90px !important;	height:25px !important; line-height:25px; font-size: 12px;}
#header .top_logo .search span.select { position:absolute; bottom: 8px; float:left;	left:5px; font-size: 12px; color: #666; width:90px; height:25px; line-height:25px; text-indent:10px; cursor:default; z-index:1;}
#header .top_logo .ad { z-index: 34; position:absolute; top: 60px; left: 50%; margin-left: 265px; width: 200px; height: 65px; border: 1px dotted #eee; }

.medicode_nav { width: 100%; margin: 0 auto; text-align: left;}
.medicode_nav .navi {width:930px;margin: 0 auto 0px;position: inherit !important;float: none !important;height: auto !important;}
.medicode_nav .navi ul{display:table;width:100%;overflow: hidden;}
.medicode_nav .navi ul li {
	float:none;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}
.medicode_nav .navi ul li  a {
	display: block;
	width:100%;
	height:37px;
	line-height:37px;
	letter-spacing: -0.5px;
	font-size:14px;
	color:#fff;
	font-family:'noto5';
	font-weight: 100;
	background:#289ad9;
	position: relative;
}

.medicode_nav .navi ul li  a:after{
	position: absolute;
	width:1px;
	height:20px;
	background:#2385c2;
	content:'';
	display:block;
	right:0;
	top:10px;
}

.medicode_nav .navi ul li:last-child a:after{
	display: none;
}

.medicode_nav .navi ul li  a:hover{
	text-decoration:none;
}

.medicode_nav .icon{margin-top:-3px; margin-left:-19px;}

/*헤더END*/
.paddingtop10{ padding-top:10px;}
.paddingbottome10{ padding-bottom:10px;}
.paddingleft10{ padding-left:10px}
.paddingright10{ padding-right:10px;}

.paddingtop20{ padding-top:20px;}
.paddingbottome20{ padding-bottom:20px;}
.paddingleft20{ padding-left:20px}
.paddingright20{ padding-right:20px;}

.paddingtop30{ padding-top:30px;}
.paddingbottome30{ padding-bottom:30px;}
.paddingleft30{ padding-left:30px}
.paddingright30{ padding-right:30px;}
/*컨테이너*/
#container { position: relative; text-align: left; padding-bottom: 0px; width: 100%; }
#container:after { display: block; clear: both; content: ''; }
#container .content { width: 930px;   margin: 0 auto; text-align: left; overflow: hidden; }
/*컨테이너END*/
/*페이지컨텐츠*/
#page_title {
	width:700px;
	height:auto;
	border-bottom:4px solid #979796;
	display: table;
	padding:20px 0 10px;
}
#page_title .t_title{
	display: table-cell;
	vertical-align: middle;
	width:300px;
}
#page_title .title_txt{
	line-height:0px;
	color:#4b5262;
	font-size:20px;
	letter-spacing:-1px;
	font-family:'noto5';
}
#page_title .navi {
	height:12px;
	padding-right:10px;
	text-align: right;
}
#page_title .navi img {
	vertical-align:middle;
}
/*페이지컨텐츠*/

/*서브페이지*/
#left_section{ margin-top:20px; overflow:hidden}
#right_section{overflow:hidden}
#left_section{ width:700px; float:left; box-sizing:border-box}
#right_section{
	width:218px;
	margin:5px 9px 0 0px;
	float:left;}
/*서브페이지*/

/*푸터*/
#footer{
	margin-top:30px;
}
#footer .footer_wrap{
	width:930px;
	margin: 0 auto;
	height:auto !important
}

#footer .footer_wrap .mbox{
	border-top:1px solid #888;
	border-bottom:1px solid #888;
	height:32px;
	margin-bottom:20px;
}

#footer .footer_wrap .mbox ul {
	overflow: hidden;
}

#footer .footer_wrap .mbox ul li {
	padding:0 20px;
	font-size:12px;
	font-family:'noto5';
	line-height:32px;
}

#footer .footer_wrap .company{
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	margin-top:0;
}
/*푸터END*/


/*퀵메뉴*/
#quick_menu { z-index: 99; position: fixed; top: 0; left: 0; width: 42px; height: 100%; padding-top: 200px; border-right: 0px solid #ddd; background-color: #fff; background: url(../../../sidae/images/brand/common/quick_left_bg.gif) repeat-y 0 0; }
#quick_cart { z-index: 999; position: fixed; display:block; overflow:visible; top: 0; right: 0; width: 100px; height: 100%; padding-top: 30px; border-left: 1px solid #ddd; background-color: #fff; text-align: center; line-height: 2em; }
#quick_cart img.line { margin-top: 0px; margin-bottom: 3px; }
#quick_cart img.line2 { margin-top: 5px; margin-bottom: 10px; }
#quick_cart .item_list img { width: 60px; height: 70px; margin-bottom: 5px; }
/*퀵메뉴END*/

/*리모»¨,마이페이지,기타공통*/
#remote { display: none; z-index:110; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 200px; text-align: center;}
.full_wrap { display: block; z-index:100; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50);}
.myinfo { position: absolute; left: 50%; margin-left: -469px;  z-index:999; width: 938px; height: 525px;}
/*리모컨,마이페이지,기타공통END*/


.tab_wrap .tab_content{
	display:none;
	position:relative;
}
.tab_wrap .tab_content.w100 img{
	width:100%;
}

.tab_wrap .tab_content.show{
	display:block;
}

.tab_menu{
	display: table;
	margin-bottom:20px;
}

.tab_menu li {
	display:table-cell;
	vertical-align: middle;
}

.tab_menu li a {
	display: block;
	width:222px;
	height:53px;
	font-size:0;
}

.tab_menu li:nth-child(1){
	background:url('/_skin/tpl_skin/medicodi_new/images/sub1/sub3_1_menu.png')no-repeat 0;
}

.tab_menu li:nth-child(2) a{
	background:url('/_skin/tpl_skin/medicodi_new/images/sub1/sub3_1_menu2.png')no-repeat -222px;
}

.tab_menu li:nth-child(1) a:hover,
.tab_menu li:nth-child(1) a.selected{
	background:url('/_skin/tpl_skin/medicodi_new/images/sub1/sub3_1_menu2.png')no-repeat 0;
}

.tab_menu li:nth-child(2) a:hover,
.tab_menu li:nth-child(2) a.selected{
	background:url('/_skin/tpl_skin/medicodi_new/images/sub1/sub3_1_menu.png')no-repeat -222px;
}

.lec_menu li:nth-child(1) a{
	background:url('/_skin/tpl_skin/medicodi_new/images/sub1/sub6_2_menu.png')no-repeat 0 -16px;
}

.lec_menu li:nth-child(2) a{
	background:url('/_skin/tpl_skin/medicodi_new/images/sub1/sub6_2_menu.png')no-repeat -222px -83px;
}

.lec_menu li:nth-child(1) a:hover,
.lec_menu li:nth-child(1) a.selected{
	background:url('/_skin/tpl_skin/medicodi_new/images/sub1/sub6_2_menu.png')no-repeat 0 -83px;
}

.lec_menu li:nth-child(2) a:hover,
.lec_menu li:nth-child(2) a.selected{
	background:url('/_skin/tpl_skin/medicodi_new/images/sub1/sub6_2_menu.png')no-repeat -222px -16px;
}

.link {
	position:absolute;
	display:block;
	font-size:0;
}

.link.link_1 {
	width:200px;
	height:50px;
	top:490px;
	left:18%;
}

.link.link_2 {
	width:200px;
	height:50px;
	top:426px;
	left:27%;
}


/*페이징*/
.board_page {
	width:auto;
	display:table;
	margin:10px auto !important;
	box-sizing:border-box;
}

.board_page  > *,
.board_page  > li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	float:none;
}

.board_page .num {
	overflow:hidden;
	padding:0 10px;
	display:table-cell;
	vertical-align:middle;
}

.board_page .num li {
	padding:0 5px;
	font-size:13px;
}

.board_page .back,
.board_page .front,
.board_page .next,
.board_page .prev {
	padding:3px 6px;
	margin-left:10px;
	font-family:'noto5';
	display:table-cell;
	vertical-align:middle;
}

.board_page .back,
.board_page .front{
	border:1px solid #ccc;
}

.board_list {
	margin:35px 0 0 0 !important;
}
.board_top div:nth-child(2){
	margin:4px 0 0 0 ;
}