@charset "utf-8"; 

/*******************************************************************************************/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*
 * Created by : www.uplusweb.com
 *
 * uplusweb CSS v1.16.0701 - www.uplusweb.com
 *
 * Copyright (c) 2016 uplusweb.com  -  info@uplusweb.com
 *
 *
 */
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*******************************************************************************************/


html {overflow-y:scroll;}
body {margin:0; padding:0; font-size:0.75em; font-family:dotum;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:dotum;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul {margin:0; padding:0; list-style:none;}
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0; padding:0; font-family:dotum; font-size:1em;}
button {cursor:pointer;}

textarea, select {font-family:dotum; font-size:1em;}
select {margin:0;}
p {margin:0; padding:0; word-break:break-all;}
hr {display:none;}
pre {overflow-x:scroll; font-size:1.1em;}

a:link, a:visited {color:#383838;}
a:hover, a:focus, a:active {color:#5E779F;}


/***  효과 str.  *******/
a{text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;}
a:hover, a:active{
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;}
/***  효과 end.  *******/


/* ***************************************************************************************************** */
/* Basic - Str. */
.upwb_empty         {display:inline-block; width:100%; height:10px; padding:0; margin:0; font-size:1px;}
.upwb_empty_flt     {position:relative; float:left; width:100%; height:10px; margin:0; padding:0; font-size:1px;}
.upwb_empty_block   {display:block; width:100%; height:10px; margin:0; padding:0; font-size:1px;}
.upwb_empty_h       {position:relative; float:left; width:100%; margin:0; padding:0; font-size:1px;}
.upwb_empty_h_block {display:block; width:100%; font-size:1px; margin:0; padding:0;}

.h5  {height:5px;} .h10 {height:10px;} .h15 {height:15px;} .h20 {height:20px;} .h30 {height:30px;} .h40 {height:40px;}
.h50 {height:50px;} .h60 {height:60px;} .h70 {height:70px;} .h80 {height:80px;} .h90 {height:90px;} .h100 {height:100px;}


/***  게시판 리스트 없음 str.  *******/
.upwb_lst_empty       {display:block; width:100%; min-height:auto !important; height:auto; margin:0 auto;
	padding:33px 0 33px 0 !important; vertical-align:middle; text-align:center; line-height:100%;}
.upwb_lst_empty li    {display:inline; width:100%; min-height:auto !important; height:auto; margin:0; padding:0;
	vertical-align:middle; text-align:center; line-height:100%;}
.upwb_lst_empty span  {font-family:Trebuchet MS,"nanumw","dotum"; font-size:1em; color:#7f7f7f;}
/***  게시판 리스트 없음 end.  *******/

.upwb_line       {padding:0; height:1px; background-color:#d7d7d7;}
.upwb_line1      {padding:0; height:1px; background-color:#e5e5e5;}
.upwb_line2      {padding:0; height:2px; background-color:#495d84;}


.ui-datepicker {font-family:"nanum", "dotum"; font-size:12px;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year  {width:70px;}
.ui-datepicker-trigger {margin:0 0 0 5px; cursor:pointer;}

.div_outer {display:table; width:100%; height:100%;}
.div_inner {display:table-cell; vertical-align:middle;}

.item_amount {font-weight:normal; font-size:12px; font-family:verdana,"dotum"; color:#ff0000;}
.item_area   {font-weight:bold; font-size:11px; font-family:tahoma,"dotum"; color:#393939;}

p.viw_up_file {text-align:center !important;}


#writeContents   {color:black; line-height:normal;}
#writeContents p {margin:0; line-height: 1.5em;}
/* Basic - End. */
/* ***************************************************************************************************** */


/* 버튼 */
.btn_confirm {text-align:center;} /* 서식단계 진행 */

a.btn_frmline, button.btn_frmline {display:inline-block; padding:0 5px; height:24px; vertical-align:top;
	border:0; background-color:#333333;
	color:#ffffff; letter-spacing:-0.1em; text-decoration:none;} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px;}
button.btn_frmline {font-size:1em;}

.btn_submit {display:inline-block; padding:.5em .8em; outline:none; text-align:center; text-decoration:none;
	/* font:12px/100% Arial, Helvetica, sans-serif;*/
	font-family:"nanumw",dotum,tahoma; font-size:13px; cursor:pointer;
	border-radius:.3em; -webkit-border-radius:.3em; -moz-border-radius:.3em;
	box-shadow:0 0.5px 0.5px rgba(0,0,0,.2); -webkit-box-shadow:0 0.5px 0.5px rgba(0,0,0,.2); -moz-box-shadow:0 0.5px 0.5px rgba(0,0,0,.2);
	text-shadow:0 0.5px 0.5px rgba(0,0,0,.3);}
.btn_submit:hover {text-decoration:none;}
.btn_submit:focus {position:relative; top:1px;}


.btn_submit {padding:.4em .8em .5em .8em; border:solid 1px #b1b1b1; background-color:#ffffff;
	color:#3f3f3f !important;}
.btn_submit:hover {background-color:#f1f1f1;
	background-image:linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%); /* Firefox, IE10 */
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); /* Chrome, Safari */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0);}
.btn_submit:focus {color:#555555 !important;}



/* 레이아웃 */

body {font-family: 'Muli', "Trebuchet MS", dotum, "nanumw", sans-serif;}
#site_wrap {width:100%; height:100%; background-color:#ffffff;}
.header {position:relative; margin:0 auto; width:980px; height:90px;}
.header h1 a {float:left; position:absolute; top:20px; left:0; height:auto;}


.header .global_nav {padding:15px 0 0 0; overflow:hidden; height:20px;}
.header .global_nav ul {float:right; margin-bottom:10px;}
.header .global_nav li {float:left; padding:0 5px 0 5px; font-family:Trebuchet MS; font-size:10px; color:gray;}
.header .global_nav li a {color:gray;}

.gnb_wrap {width:980px; position:relative; right:0; top:0px; z-index:9999;}
.gnb_wrap .gnb {position:absolute; right:0;}
.gnb_wrap .gnb>li {float:left; text-align:center;}
.gnb_wrap .gnb>li>a       {display:block; width:125px; height:55px; line-height:55px; 
	font-family:Trebuchet MS,"nanumwB",dotum; font-size:16px; font-weight:bold; color:#707070;}
.gnb_wrap .gnb li a:hover {color:#ffffff; background-color:#777777; opacity:0.8;}
/*
.gnb_wrap .gnb li .on        {color:#ffffff; background-color:#9f9f9f; opacity:0.8;} */
.gnb_wrap .gnb li .on        {font-family:Trebuchet MS,"nanumwB",dotum; font-size:16px; font-weight:bold; color:#333333;}

.gnb_wrap .gnb li .submenu    {position:relative; display:none; top:-250px; z-index:999; opacity:0;}

.gnb_wrap .gnb li:hover .submenu {display:block; top:0; opacity:1;}

.gnb_wrap .gnb li .submenu li   {background-color:#5F636D; opacity:0.85; margin:0; padding:0;}
.gnb_wrap .gnb li .submenu li a {display:block; width:100%; height:40px; text-align:left;
	font-size:13px; line-height:40px; font-weight:500; color:#ffffff;}

.gnb_wrap .gnb li .submenu li a.nav_normal {text-indent:20px;}
.gnb_wrap .gnb li .submenu li a.nav_opt    {text-indent:9px;}

.gnb_wrap .gnb li .submenu li a.on    {background-color:#535353; opacity:0.95;}
.gnb_wrap .gnb li .submenu li a:hover {background-color:#333333; opacity:0.95;}



/* #container {width:980px; margin: 50px auto 0 auto;} */
#container {width:980px; height:auto; margin:0 auto 0 auto;}
#container:after{display:block; clear:both; content:'';}

.snb{float:left; width:230px;}
.snb .title {width:230px; height:80px; color:#f0eff4; background-color:#1f1410;}
.snb .title > h2 {font-size:19px; font-weight:bold; color:#ffffff; line-height:80px; margin-left:25px;}
.snb .snbgnb .hidden {display:none;}
.snb .snbgnb > li {width:230px; height:40px; border-bottom:1px solid #dfdfdf; padding:8px 0;}
.snb .snbgnb > li > a {font-size:14px; color:#767576; font-weight:600; width:220px; height:40px; line-height:40px; padding-left:20px; float:left; background-image:url(../../img/menu_icon.png) no-repeat 220px; text-decoration:none;}
.snb .snbgnb > li.active > a {background-color:#1f1410; color:#f0eff4;}


#content {float:right; width:750px; height:auto;}


#mainArea_full {width:980px; height:auto; padding:30px 0 15px 0;}
#mainArea_full:after  {display:block; clear:both; content:'';}
#mainArea_full .left  {float:left;}
#mainArea_full .right {float:right; margin:0 8px 0 0;}

#mainArea_full ul {height:215px;}


#mainArea {height:auto; padding:0; margin:0 0 0 0;}
#mainArea:after {display:block; clear:both; content:'';}
#mainArea .mainArea_li {float:left; width:230px; height:150px; margin:0 0 0 20px; padding-bottom:35px; border-left:0 solid #d7d5d5;}

#mainArea .mainArea_li:first-child {width:230px; margin:0 0 0 0; border-left:0;}
#mainArea .mainArea_li .mainArea_lia {position:relative; display:inline-block; width:100%; height:100%; text-decoration:none;}
/*
#mainArea .mainArea_li:nth-child(even) a {color:#888888;} */
#mainArea .mainArea_li .mainArea_lia>img {position:absolute; top:50%; right:15px; margin-top:-32px;}
#mainArea .mainArea_li .mainArea_lia>h3  {font-size:1.95em; position:absolute; top:12px; left:15px;}
#mainArea .mainArea_li .mainArea_lia>p   {font-size:1.05em; position:absolute; top:40px; left:15px;}

#mainArea .m_in_cont_link     {float:left; width:480px; height:auto;}
#mainArea .m_in_cont_link img {float:left;}


#footer {width:100%; max-height:100%; height:100%; background-color:#505050; clear:both;}
.footer {position:relative; width:980px; min-height:120px; margin:0 auto;}
.footerL {float:left; margin-right:50px; padding-top:25px;}
.footerR {padding-top:20px;}
.footerR p {display:inline-block; color:#95989c; line-height:24px;}
.footerR ul.bbslist {display:inline-block; color:#eee; line-height:24px;}
.footerR ul.bbslist li {float:left; margin-right:20px; font-weight:bold;}
.footerR ul.bbslist li a {color:#eee; text-decoration:none;}
.footerR ul.copyright {display:inline-block; color:#bbb; line-height:24px;}
.footerR ul.copyright li {float:left; margin-right:10px; font-weight:bold;}
.footerR ul.sns_icon {position:absolute; top:50%; right:0; margin-top:-16.5px;}
.footerR ul.sns_icon li {float:left;}



.cont_box1     {float:left; width:100%; height:auto; vertical-align:top; padding:0; margin:0;}
.cont_box1 ul, .cont_box1 li {list-style-type:none;}


.span_tit_slo1  {display:inline-block; padding:0 0 15px 0; margin:0; border-bottom:2px dotted #dddddd;
	font-family:Trebuchet MS, "nanumwEB"; font-weight:bold; font-size:19px; color:#3073B8;}
.span_subj_slo1 {padding:15px 0; border-bottom:1px solid #dddddd;
	font-family:"nanumwEB",dotum; font-weight:bold; font-size:17px; color:#777777;}

.span_tit_slo2  {display:inline-block; width:50%; padding:0 0 15px 0; margin:0; border-bottom:2px solid #b1b1b1;
	font-family:Trebuchet MS, "nanumw"; font-weight:bold; font-size:19px; color:#3073B8;}
.span_subj_slo2 {padding:15px 0; border-bottom:1px solid #dddddd;
	font-family:"nanumwEB",dotum; font-weight:bold; font-size:17px; color:#777777;}


.cont_box1 .cont_tit_gre {position:relative; display:inline-block; width:100%; padding:12px 0 12px 0; margin-top:10px;
	border-radius:.3em; -webkit-border-radius:.3em; -moz-border-radius:.3em;
	box-shadow:0 0.5px 0.5px rgba(0,0,0,.2); -webkit-box-shadow:0 0.5px 0.5px rgba(0,0,0,.2); -moz-box-shadow:0 0.5px 0.5px rgba(0,0,0,.2);
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
	background-image:url('../../img/bg_ptn_congruent_pentagon3.png');
	font-family:"nanumwEB",dotum; font-weight:bold; font-size:19px; color:white;}
/*
.cont_tit_gre    {display:inline-block; padding:0 0 15px 0; margin:0; border-bottom:2px dotted #dddddd;
	font-family:Trebuchet MS, "nanumwEB"; font-weight:bold; font-size:19px; color:green;}
*/
.cont_box2     {position:relative; width:100%; height:auto; vertical-align:top; padding:0; margin:20px 10px 0 0;}
.cont_box2 ul  {min-height:46px;}
.cont_box2 ul, .cont_box2 li, .cont_box2 li p {padding:0; margin:0; text-decoration:none; line-height:150%;}

.cont_box2 ul .se_li {margin-top:20px;}

.cont_box2 ul p {}
.cont_box2 ul .sub_title_box_green {position:relative; display:inline-block; width:auto; padding:10px 0 10px 0;
	background-color:#589163;
	border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-left-radius:3px;
	border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-top-right-radius:3px;
	box-shadow:0 0.5px 0.5px rgba(0,0,0,.2); -webkit-box-shadow:0 0.5px 0.5px rgba(0,0,0,.2); -moz-box-shadow:0 0.5px 0.5px rgba(0,0,0,.2);
	text-shadow:0 0.5px 0.5px rgba(0,0,0,.3);
	font-family:"nanumwEB",dotum; font-weight:bold; font-size:16px; color:white;}
.cont_box2 ul .sub_title_box_green span {padding:0; margin:0 10px 0 10px;}


div .table_box1   {display:table; width:auto; padding:20px 10px 20px 10px; margin:0;
	border:1px solid #589163;
	background-image:url('../../img/bg_ptn_confectionary.png');}
div .table_box2   {display:table; width:auto; padding:20px 10px 20px 10px; margin:0;
	border:1px solid #DED8BB;
	background-image:url('../../img/bg_ptn_upfeathers.png');
	color:#807957;}

div .table_box1 p, div .table_box2 p           {display:table-row; padding:0; margin:0;}
div .table_box1 p span, div .table_box2 p span {display:table-cell; padding:0; margin:0;}

div .table_box1 .tb_row_sub_tit
	{height:25px; font-family:"nanumwB",dotum; font-weight:bold; font-size:15px; color:green;}

div .table_box1 .tb_cell_deco, div .table_box2 .tb_cell_deco   {width:20px;}
div .table_box1 .tb_row_margin, div .table_box2 .tb_row_margin {height:20px;}

div .table_box1 ul .sub_title_box_s {padding:0; margin:0;
	font-family:"nanumwEB",dotum; font-weight:bold; font-size:15px; color:#333333;}
/*
div .table_box2 .tb_row_sub_tit
	{height:25px; font-family:"nanumwB",dotum; font-weight:bold; font-size:15px; color:#807957;}
*/
div .table_box2 ul .sub_title_box_s {padding:0; margin:0;}
div .table_box2 .tb_row_sub_tit
	{height:25px; font-family:"nanumwB",dotum; font-weight:bold; font-size:15px; color:#5D5323;}
div .table_box2 .tx_ver15 {font-family:verdana; font-weight:bold; font-size:16px;}


.cont_ebook_box   {position:relative; width:100%; height:auto; vertical-align:top; padding:0; margin:20px 10px 0 0;}


.cont_box_history     {position:relative; width:100%; height:auto; vertical-align:top; padding:0; margin:30px 0 0 0;
	line-height:135%; font-family:Trebuchet MS,"nanumw",dotum; font-size:13px; color:#3f3f3f;}
.cont_box_history ul, .cont_box_history li .cont_box_history p {padding:0; margin:0; list-style-type:none;}

.cont_box_history ul  {display:table-row;}
.cont_box_history li  {display:table-cell; height:46px; padding:10px 0 10px 0; vertical-align:middle;}

.his_ul1    {width:20%; height:100%; text-indent:20px;}
.his_ul2    {width:12%; height:100%; background-image:url('../../../../upw.Contents/images/p_history_deco.png') no-repeat 15% 50%;}
.his_ul3    {width:65%; height:100%;}

span.sp_history_year {font-family:verdana; font-weight:bold; font-size:17px;}

.up_layer {position:absolute; z-index:3; width:220px; margin-left:520px; margin-top:110px; width:auto; height:auto;}
.up_layer ul, .up_layer li {padding:0; margin:0; list-style-type:none;}
.up_layer ul   {display:table-row;}
.up_layer li   {display:table-cell;}
.up_layer ul .up_layer_li_le {width:100px; padding-top:20px; padding-right:10px;}
.up_layer ul .up_layer_li_ri {width:100px; padding-top:20px; padding-left:10px;}


#uplusweb_map  {width:98%; height:500px; border:3px solid #dddddd; margin:0 auto;
	font-family:Trebuchet MS,"nanumw",dotum;}
#uplusweb_map  .map_info_box    {width:410px; height:100px; padding:10px; border:2px solid #dddddd; margin:0 auto;}
#uplusweb_map  .map_info_box h3 {padding-bottom:10px;
	font-family:Trebuchet MS,"nanumwB",dotum; font-size:13px; font-weight:bold; color:#333333;}
#uplusweb_map  .map_info_box .map_info_opt      {font-size:13px;}
#uplusweb_map  .map_info_box .map_info_zip_addr {padding-top:5px; font-size:13px; color:#333333;}
#uplusweb_map  .map_info_box .map_info_zip_num  {margin-left:35px; font-size:12px;}

.cont_box_map      {position:relative; width:100%; height:auto; vertical-align:top; padding:0; margin:0;
	line-height:135%; font-family:Trebuchet MS,"nanumw",dotum; font-size:13px; color:#3f3f3f;}
.cont_box_map ul, .cont_box_map li .cont_box_map p {padding:0; margin:0; list-style-type:none;}

.cont_box_map_api  {position:relative; width:100%; height:auto; vertical-align:top; padding:0; margin:30px 0 0 0;
	line-height:135%; font-family:Trebuchet MS,"nanumw",dotum; font-size:13px; color:#3f3f3f;}

.cont_box_map_info {position:relative; width:100%; height:auto; vertical-align:top; padding:0; margin:30px 0 0 0;
	line-height:135%; font-family:Trebuchet MS,"nanumw",dotum; font-size:13px; color:#3f3f3f;}
.cont_box_map_info ul, .cont_box_map_info li .cont_box_map_info p {list-style-type:none;}
.cont_box_map_info li {margin:3px 0 3px 0;}

.cont_box_map_info .cont_box_map_info_zip_addr {margin:10px 0 0 0;}
.cont_box_map_info .cont_box_map_info_zip_num  {margin-left:38px;}


.map_Heading {line-height:30px; font-size:15px; font-weight:bold; color:#3073B8;}
.map_Content {font-size:12px; color:#333333;}
.map_title   {line-height:30px; font-size:15px; font-weight:bold; color:#535353;}



/***/
.toolbar ul    {display:table-row;}
.toolbar ul li {display:table-cell; height:46px; list-style-type:none; margin:10px; vertical-align: middle;}
.toolbar ul li a {display:table-cell; vertical-align: middle; height:46px;	border: solid 1px black;}
.toolbar ul li.button a {height:50px; border: solid 1px black;}
/***/
