@charset "utf-8";
/* ----------------------------------------------------------------------
		button style
---------------------------------------------------------------------- */ 
.btn_cen{text-align:center}
.btn_area { clear: both;  padding-top: 20px;  text-align: center; }

.btn_both{overflow:hidden;clear:both;width:100%}
.btn_both .fl{float:left}
.btn_both .fr{float:right}

/* input.btn { display: inline-block; position: relative; margin-right: 0.1em; text-decoration: none !important; cursor: pointer; text-align: center; overflow: auto; height: auto; padding-top: 0.4em; padding-right: 1em; padding-bottom: 0.4em; padding-left: 1em; font-size: 12px; } */


/* 서브및 취소 에 쓰일 버튼 */
.btnType1, .btnType1 * { position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:dotum, Tahoma, Sans-serif; white-space:nowrap; vertical-align:top; overflow:visible;}
.btnType1 { margin-right:4px;}
.btnType1 *{ left:4px; cursor:pointer; }
.btnType1.submit { height:37px; line-height:37px; background:url(/images/btn/btn_sumit_bg_L.png) no-repeat left top;  }
.btnType1.normal { height:37px; line-height:37px; background:url(/images/btn/btn_normal_bg_L.gif) no-repeat left top; }

.btnType1.submit * { height:36px; padding:0 15px 0 28px; background:url(/images/btn/btn_sumit_bg_R.png) no-repeat right top; color: #FFF; }
.btnType1.normal * { height:36px; padding:0 15px 0 10px; background:url(/images/btn/btn_normal_bg_R.png) no-repeat right top;}
.btnType1.strong * { font-weight:bold !important;}


/* ----------------------------------------------------------------------
		layer popup style
---------------------------------------------------------------------- */ 
/* 일반 레이어 팝업 */
.ly_pop{position:absolute;z-index:10;padding:17px 20px 0;border:1px solid #888;background:#fff}
.ly_pop h1{margin-bottom:8px;font-size:14px;color:#2c2c2c;letter-spacing:-1px;line-height:20px}
.ly_pop .desc{color:#606060;line-height:20px}
.ly_pop .desc em{color:#268e00}
.ly_pop .btn{clear:both;margin-top:17px;padding:10px 0;border-top:1px solid #e5e5e5;text-align:center}
.ly_pop .clse{position:absolute;top:8px;right:8px}

/* 도움말 */
.ly_help{position:absolute;z-index:10;margin-top:6px;border:1px solid #888;background:#fff;text-align:left}
.ly_help .clse{position:absolute;top:3px;right:4px}
.ly_help strong{display:block;margin-bottom:-5px;padding:9px 0 0 9px;font-size:11px;color:#2c2c2c;letter-spacing:-1px}
.ly_help p{padding:8px 0 6px 9px;font-size:11px;color:#828282;line-height:16px;letter-spacing:-1px}
.ly_help p em{color:#268e00}
.ly_help .edge_cen{ position:absolute; top:0; left:50%; width:9px; height:6px; margin:-6px 0 0 -5px; background:url(/images/icon/bg_layer_edge.gif) no-repeat 0 0; font-size:0 }
.ly_help .edge_rgt{position:absolute;top:0;right:0;width:9px;height:6px;margin-top:-6px;background:url(/images/icon/bg_layer_edge.gif) no-repeat 0 0;font-size:0}

/* ----------------------------------------------------------------------
		Section  style
---------------------------------------------------------------------- */ 
.section {position:relative;border:1px solid #e9e9e9;background:#fff;font-size:12px;line-height:normal;*zoom:1}
.section .hx{ margin:0; padding:10px 0 7px 9px; border:1px solid #fff; font-size:12px; line-height:normal; color:#333; background: #f7f7f7; }
.section .tx{padding:10px;border-top:1px solid #e9e9e9;color:#666}
.section .section_more{ position: absolute; top: 9px; right: 10px; color: #656565; text-decoration: none !important; font-size: 11px; }
.section .section_more span{font:14px/1 Tahoma;color:#6e89aa}

/* 비 순차 목록(Unordered List)입니다.*/
.sectionUl{position:relative;border:1px solid #ddd;background:#fff;font-size:12px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1}
.sectionUl a{color:#666;text-decoration:none}
.sectionUl a:hover,
.sectionUl a:active,
.sectionUl a:focus{text-decoration:underline}
.sectionUl em{font-style:normal}
.sectionUl h2{margin:0;padding:10px 0 8px 13px;border-bottom:1px solid #ddd;font-size:12px;color:#333}
.sectionUl h2 em{color:#cf3292}
.sectionUl ul{margin:13px;padding:0;list-style:none}
.sectionUl li{position:relative;margin:0 0 10px 0}
.sectionUl li:after{display:block;clear:both;content:""}
.sectionUl li .bu{float:left;margin:0 4px 0 0;color:#999}
.sectionUl li a{float:left}
.sectionUl li .time{float:right;clear:right;font-size:11px;color:#a8a8a8;white-space:nowrap}
.sectionUl .more{ position: absolute; top: 10px; right: 13px; text-decoration: none !important; font-size: 11px; }
.sectionUl .more span{margin:0 2px 0 0;font-size:16px;font-weight:bold;color:#d76ea9;vertical-align:middle}

/* ----------------------------------------------------------------------
		BOX  style
---------------------------------------------------------------------- */ 

/* 실선박스 */

.boxBrd01 { border: 1px solid #CCC; padding: 10px; }
.boxBrd01 p.txt { padding: 10px; background: #EFEFEF; }
.boxBrd01 em { font-weight:bold;}


/* 박스 표현 */
.subBox01 { overflow: visible; background-color: #FFF; border: 1px solid #CCC; } /* 로그인 박스 */
.subBox02 { border: 1px solid #E6E6E6; height: 100px; margin-bottom: 10px; overflow: auto; padding: 10px; margin-right: auto; margin-left: auto; margin-top: 10px; } /* 개인정보 제공 및 위탁 처리 */
.subBox03 { padding: 20px; border: 1px dashed #69C; margin: 10px; } /* 회색박스 */
.subInputBox { margin: 40px auto; padding: 30px; width: 480px; border: 5px solid #CCC; }
.subInputBox .txtTitle { font-size: 16px; font-weight: bold; color: #6C3; letter-spacing: -1px; margin-bottom: 10px; }
.subInputBox P { padding-bottom:5px; }
.subInputBox P label { width:80px; float:left; letter-spacing: 1px; margin-left: 40px; }
.subInputBox input.txt {width:180px;}

.boxType01 { border: 8px solid #f9f9f9; margin: 50px auto; width: 620px; }
.boxType01 div.inline1px { border: 1px solid #e3e3e3; padding: 30px 40px; }
.boxType01 p.txtTitle { height: 70px; width: 520px; margin-right: auto; margin-left: auto; border-bottom: 1px solid #f0f0f0; font-size: 20px; font-weight: bold; line-height: 130%; color: #8b8b8b;  }
.boxType01 p.txtTitle2 { height: 60px; width: 520px; margin-right: auto; margin-left: auto; border-bottom: 1px solid #f0f0f0; font-size: 20px; font-weight: bold; line-height: 130%; color: #8b8b8b; }
.boxType01 fieldset{ border-style: none; padding: 30px 70px 20px; }
.boxType01 legend { display:none;}
.boxType01 fieldset p { line-height: 2.2em; clear: both; }
.boxType01 fieldset label { width:90px; padding-left:15px; background: url(/images/icon/bullet_03.png) no-repeat left center; display: block; float: left; letter-spacing: 1px; word-spacing: 1px; }
.boxType01 fieldset input { width:220px; }
.boxType01 fieldset input.radio { width: 20px; /*inherit;*/ }


/* 컨텐츠의 수직정렬이 가능한 div 박스 입니다. class="wrap"의 높이값이 있어야 합니다. */
.box_type03 {display:table;position:relative;width:99%;height:150px;margin-bottom:10px;border:3px solid #efefef}
.box_type03 .cell{display:table-cell;vertical-align:middle}
.box_type03 .inner{*position:absolute;*top:50%;*height:70px;*margin-top:-35px}



/* 라운드가 있는 박스 */
.box_type04{margin-bottom:12px;border:2px solid #ccc}
.box_type04 .guide{position:relative;width:100%}
.box_type04 .tl{display:block;position:absolute;top:-2px;left:-2px;width:7px;height:7px;background:url(/images/box/bg_rndbox.gif) no-repeat;font-size:0}
.box_type04 .tr{display:block;position:absolute;top:-2px;left:-5px;width:7px;height:7px;margin-left:100%;background:url(/images/box/bg_rndbox.gif) 100% 0 no-repeat;font-size:0}
.box_type04 .lb{display:block;position:absolute;top:-5px;left:-2px;width:7px;height:7px;background:url(/images/box/bg_rndbox.gif) 0 100% no-repeat;font-size:0}
.box_type04 .rb{display:block;position:absolute;top:-5px;left:-5px;width:7px;height:7px;margin-left:100%;background:url(/images/box/bg_rndbox.gif) 100% 100% no-repeat;font-size:0}
.box_type04 .cont{position:relative;padding:10px 10px 19px 24px}

.box_type05{margin-bottom:12px;border:2px solid #cad96a}
.box_type05 .guide{position:relative;width:100%}
.box_type05 .tl{display:block;position:absolute;top:-2px;left:-2px;width:10px;height:10px;background:url(/images/box/bg_rndbox_10.gif) no-repeat;font-size:0}
.box_type05 .tr{display:block;position:absolute;top:-2px;left:-8px;width:10px;height:10px;margin-left:100%;background:url(/images/box/bg_rndbox_10.gif) 100% 0 no-repeat;font-size:0}
.box_type05 .lb{display:block;position:absolute;top:-8px;left:-2px;width:10px;height:10px;background:url(/images/box/bg_rndbox_10.gif) 0 100% no-repeat;font-size:0}
.box_type05 .rb{display:block;position:absolute;top:-8px;left:-8px;width:10px;height:10px;margin-left:100%;background:url(/images/box/bg_rndbox_10.gif) 100% 100% no-repeat;font-size:0}
.box_type05 .cont{position:relative;padding:10px 10px 19px 24px}

/* 기타 박스 표현 */




/* ----------------------------------------------------------------------
		Ul, OL List Type
---------------------------------------------------------------------- */ 
/* 기본 가장 많이 사용 */
.ulListType01 {margin-left: 16px; padding-left:16px; line-height:180%;}
.ulListType01 li { color:#666;  list-style: url(/images/icon/bu.gif) outside; }
.ulListType01 li em{color:#f84e12}
.hList li { float:left; display: inline; } /* 가로 정렬 */


ul.uldot { margin-bottom:0 ; padding-left:2em}
/*
ul.uldot li { background: url(/images/icon/bu.gif) no-repeat left 8px; padding-left: 10px; text-align:left; line-height:180%; }
ul.check li { background: url(/images/icon/ico_check.gif) no-repeat left 8px; padding-left: 15px; text-align:left; line-height:20px; }
ul.ico_cir_gray li { background: url(/images/icon/ico_cir_gray.gif) no-repeat left 8px; padding-left: 15px; text-align:left; line-height:20px; }
*/




ul.listType { line-height:180%; margin-left: 16px; padding-left:16px; }
ul.listType li { list-style: url(/images/icon/bu_listA.gif) outside !important; }
ul.listType ul { margin-left:16px;}
ul.listType ul li { list-style: url(/images/icon/bu_listB.gif) outside !important;  }
ul.listType ul li.check { list-style: url(/images/icon/ico_check.gif) inside !important; }

ul.listType li.photo { list-style: none !important; padding:10px 0;  }
ul.listType li.photo img {border: 1px solid #CCC;}


ul.imgType-dot {  margin-left: 16px; padding-left:16px; line-height:180%; }
ul.imgType-dot li { list-style: url(/images/icon/dot/ico_dot_green.gif) outside !important; }


ul.imgTypeBlack { margin-left: 16px; padding-left:16px; }
ul.imgTypeBlack li { list-style: url(/images/icon/ico_cir_black.gif) outside !important; padding:5px 0 ; /*line-height:180%;*/}

ul.imgTypeBlack ul { margin:5px 0 5px 16px;}
ul.imgTypeBlack ul li { list-style: url(/images/icon/ico_cir_orange.gif) outside !important;padding:0 ; }
ul.imgTypeBlack ul li.check { list-style: url(/images/icon/ico_check.gif) !important; }

ul.imgTypeOrange { line-height:180%; margin-left: 16px; padding-left:16px; }
ul.imgTypeOrange li { list-style: url(/images/icon/ico_cir_orange.gif) outside !important; padding:0; }



ol.orderType {line-height:180% }
ol.orderType li { list-style: decimal inside; }
ol.orderType li > em { font-weight: bold;  line-height:40px; }
ol.orderType li ul  { margin-left:16px; }
ol.orderType li p.photo  {list-style: none !important; padding:10px   }
ol.orderType li p.desc  {list-style: none !important; margin-left:8px;}


ol.imgType {line-height:180% }
ol.imgType  li { list-style: url(none) none outside; padding-left:36px; }
ol.imgType  li.order-1 { background: url(/images/icon/order/orderType01_01.gif) no-repeat left top; }
ol.imgType  li.order-2 { background: url(/images/icon/order/orderType01_02.gif) no-repeat left top; }
ol.imgType  li.order-3 { background: url(/images/icon/order/orderType01_03.gif) no-repeat left top; }
ol.imgType  li.order-4 { background: url(/images/icon/order/orderType01_04.gif) no-repeat left top; }
ol.imgType  li.order-5 { background: url(/images/icon/order/orderType01_05.gif) no-repeat left top; }
ol.imgType  li.order-6 { background: url(/images/icon/order/orderType01_06.gif) no-repeat left top; }
ol.imgType  li.order-7 { background: url(/images/icon/order/orderType01_07.gif) no-repeat left top; }
ol.imgType  li.order-8 { background: url(/images/icon/order/orderType01_08.gif) no-repeat left top; }
ol.imgType  li.order-9 { background: url(/images/icon/order/orderType01_09.gif) no-repeat left top; }
ol.imgType  li.order-10 { background: url(/images/icon/order/orderType01_10.gif) no-repeat left top; }
ol.imgType  li.order-11 { background: url(/images/icon/order/orderType01_11.gif) no-repeat left top; }
ol.imgType  li.order-12 { background: url(/images/icon/order/orderType01_12.gif) no-repeat left top; }
ol.imgType  li.order-13 { background: url(/images/icon/order/orderType01_13.gif) no-repeat left top; }
ol.imgType  li.order-14 { background: url(/images/icon/order/orderType01_14.gif) no-repeat left top; }
ol.imgType  li.order-15 { background: url(/images/icon/order/orderType01_15.gif) no-repeat left top; }

ol.imgType li em { display:block; height:30px; line-height:30px; font-weight: bold; font-size: 14px; color: #000; margin-top:40px; }
ol.imgType li ul  { margin-left:0;}
ol.imgType li ul  li { padding-left:0px;}
ol.imgType li p.photo  {list-style: none !important; padding:10px   }
ol.imgType li p.desc  {list-style: none !important; margin-left:8px;}



ol.imgType2  li { list-style: url(none) none outside; padding-left:36px; }
ol.imgType2  li.order-1 { background: url(/images/icon/order/orderType02_01.gif) no-repeat left top; }
ol.imgType2  li.order-2 { background: url(/images/icon/order/orderType02_02.gif) no-repeat left top; }
ol.imgType2  li.order-3 { background: url(/images/icon/order/orderType02_03.gif) no-repeat left top; }
ol.imgType2  li.order-4 { background: url(/images/icon/order/orderType02_04.gif) no-repeat left top; }
ol.imgType2  li.order-5 { background: url(/images/icon/order/orderType02_05.gif) no-repeat left top; }
ol.imgType2  li.order-6 { background: url(/images/icon/order/orderType02_06.gif) no-repeat left top; }
ol.imgType2  li.order-7 { background: url(/images/icon/order/orderType02_07.gif) no-repeat left top; }
ol.imgType2  li.order-8 { background: url(/images/icon/order/orderType02_08.gif) no-repeat left top; }
ol.imgType2  li.order-9 { background: url(/images/icon/order/orderType02_09.gif) no-repeat left top; }
ol.imgType2  li.order-10 { background: url(/images/icon/order/orderType02_10.gif) no-repeat left top; }
ol.imgType2  li.order-11 { background: url(/images/icon/order/orderType02_11.gif) no-repeat left top; }
ol.imgType2  li.order-12 { background: url(/images/icon/order/orderType02_12.gif) no-repeat left top; }
ol.imgType2  li.order-13 { background: url(/images/icon/order/orderType02_13.gif) no-repeat left top; }
ol.imgType2  li.order-14 { background: url(/images/icon/order/orderType02_14.gif) no-repeat left top; }
ol.imgType2  li.order-15 { background: url(/images/icon/order/orderType02_15.gif) no-repeat left top; }

ol.imgType3  li { padding:0px; line-height:200% }
ol.imgType3  li.order-1 { list-style: url(/images/icon/order/orderType03_01.gif); }
ol.imgType3  li.order-2 { background: url(/images/icon/order/orderType03_02.gif) no-repeat left top; }
ol.imgType3  li.order-3 { background: url(/images/icon/order/orderType03_03.gif) no-repeat left top; }
ol.imgType3  li.order-4 { background: url(/images/icon/order/orderType03_04.gif) no-repeat left top; }
ol.imgType3  li.order-5 { background: url(/images/icon/order/orderType03_05.gif) no-repeat left top; }
ol.imgType3  li.order-6 { background: url(/images/icon/order/orderType03_06.gif) no-repeat left top; }
ol.imgType3  li.order-7 { background: url(/images/icon/order/orderType03_07.gif) no-repeat left top; }
ol.imgType3  li.order-8 { background: url(/images/icon/order/orderType03_08.gif) no-repeat left top; }
ol.imgType3  li.order-9 { background: url(/images/icon/order/orderType03_09.gif) no-repeat left top; }
ol.imgType3  li.order-10 { background: url(/images/icon/order/orderType03_10.gif) no-repeat left top; }
ol.imgType3  li.order-11 { background: url(/images/icon/order/orderType03_11.gif) no-repeat left top; }
ol.imgType3  li.order-12 { background: url(/images/icon/order/orderType03_12.gif) no-repeat left top; }
ol.imgType3  li.order-13 { background: url(/images/icon/order/orderType03_13.gif) no-repeat left top; }
ol.imgType3  li.order-14 { background: url(/images/icon/order/orderType03_14.gif) no-repeat left top; }
ol.imgType3  li.order-15 { background: url(/images/icon/order/orderType03_15.gif) no-repeat left top; }

ol.imgType4 { margin-left:1em; padding-left:0}
ol.imgType4  li { padding: 13px 0 15px 60px;   list-style: none;  margin-bottom:15px }
ol.imgType4  li:first-child { margin-top:15px;}
ol.imgType4  li  span.num { display:none }
ol.imgType4  li.order-1 { background: url(/images/icon/order/01.png) no-repeat left top;}
ol.imgType4  li.order-2 { background: url(/images/icon/order/02.png) no-repeat left top;}
ol.imgType4  li.order-3 { background: url(/images/icon/order/03.png) no-repeat left top;}
ol.imgType4  li.order-4 { background: url(/images/icon/order/04.png) no-repeat left top;}
ol.imgType4  li.order-5 { background: url(/images/icon/order/05.png) no-repeat left top;}

.uLineDot  { border-bottom:dashed 1px #CCCCCC }

.orderType3 { padding-left:30px  !important}
.orderType3 span { display:none }
.orderType3.order-1 { background: url(/images/icon/order/orderType03_01.gif) no-repeat left top !important; }
.orderType3.order-2 { background: url(/images/icon/order/orderType03_02.gif) no-repeat left top !important; }
.orderType3.order-3 { background: url(/images/icon/order/orderType03_03.gif) no-repeat left top !important; }
.orderType3.order-4 { background: url(/images/icon/order/orderType03_04.gif) no-repeat left top !important; }
.orderType3.order-5 { background: url(/images/icon/order/orderType03_05.gif) no-repeat left top !important;  }
.orderType3.order-6 { background: url(/images/icon/order/orderType03_06.gif) no-repeat left top !important; }
.orderType3.order-7 { background: url(/images/icon/order/orderType03_07.gif) no-repeat left top !important; }


/* ----------------------------------------------------------------------
		DL table Type
---------------------------------------------------------------------- */ 

/* dl table style */
.dlTable { clear: both; border:1px solid #e6e6e6;}
.dlTable dt { font-weight: normal; text-align:left; padding: 8px 4px 6px 15px; background-color: #f5f5f5; border-bottom: 1px solid #e6e6e6; }
.dlTable dd { padding: 3px 5px; }

.dlType01{ overflow: auto; }
.dlType01 dt{ float:left; padding:0px 3px; clear: both; }
.dlType01 dd{ float:left; padding:0px 3px; }

.dlType02{ overflow: auto; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; }
.dlType02 dt{ float:left; padding:0px 3px; clear: both; background-color: #f5f5f5; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.dlType02 dd{ float:left; padding:0px 3px; border-bottom: 1px solid #e6e6e6; }


.dlType03{ overflow: auto; }
.dlType03 dt{ float:left; }
.dlType03 dd{ float:left; }

.dlType04{ overflow: auto; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; }
.dlType04 dt{ float:left; padding:0px 3px; clear: both; background-color: #f5f5f5; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.dlType04 dd{  padding:0px 3px; border-bottom: 1px solid #e6e6e6; }

.dlType05{ overflow: auto; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; }
.dlType05 dt{ float:left; padding:5px; clear: both; background-color: #f5f5f5; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; width:100px; }
.dlType05 dd{ margin-left:110px; padding:5px; border-bottom: 1px solid #e6e6e6; }


dl.itemTable { line-height:200%;}
dl.itemTable dt { float:left; padding:0px 3px; clear: both; width: 150px; }
dl.itemTable dd { float:left; padding:0px 3px;}

dl.introduce  { line-height:180%; margin-bottom: 30px;clear: both; margin-top:50px; }
dl.introduce dt { float:right ; color: #000; text-align:right}
dl.introduce dt em { color: #e85f04; font-size: 14px; display: block; font-weight: bold; }
dl.introduce dd { margin-left:182px; padding-top:70px; background: url(/images/icon/bg_bar_h_1px.gif) no-repeat left top; }
dl.introduce dd.logo { float:left; width: 180px; margin-left: 0px; padding-top:0 !important; background: none; }
dl.introduce dd.link { float:right; text-align:right; padding-top:0 !important; background: none; clear: right; }
dl.introduce dd.link a {  color: #F60; text-decoration: none; background: url(/images/icon/icon_url.gif) no-repeat left top; padding-left: 25px; }
dl.introduce dd p { margin:10px 0;}

dl.photoTumb { float:left; width:320px; margin-top:20px; }
dl.photoTumb dt { display:block; text-align:center; padding:10px;  }
dl.photoTumb dt em  { font-size:12px; margin: 0px; padding: 0px; }
dl.photoTumb dd {text-align:center;}
dl.photoTumb dd .photo { padding:10px; margin:0 }
dl.photoTumb dd .photo img { border: 1px solid #999; }

dl.ThumbDesc { clear: both; margin: 10px 0  20px 0; overflow: hidden; }
dl.ThumbDesc dt { float:left; text-align:center; padding:10px 20px 10px 0px; }
dl.ThumbDesc dt img { }
dl.ThumbDesc dd  { padding:10px; text-align: justify; }
dl.ThumbDesc dd.tit { padding:0 10px; font-size: 14px; font-weight: bold; }
dl.ThumbDesc dd  p { padding:5px 0; }


dl dt.check { background: url(/images/icon/ico_check.gif) no-repeat left center; padding-left: 18px; }
dl dt.check em { font-weight:bold }



dl.memoList { width: 100%; overflow: hidden; }
dl.memoList dd { width:100% ; border: 1px solid #CCC; padding:10px; margin-bottom:20px;}

dl.memoList .name { font-weight: bold; color: #000; padding: 10px; }
dl.memoList .mode { color: #F90; padding: 10px; }
dl.memoList .date { padding: 10px; }
dl.memoList .memo {  }

/* ----------------------------------------------------------------------
		TABLE Type
---------------------------------------------------------------------- */ 


.tbNoborder { width:100%; font-size:12px; text-align:center; border-collapse:collapse;  }
.tbNoborder, .tbNoborder th, .tbNoborder td { border:0 }
.tbNoborder .vTop { vertical-align: top; }


/*  */
.table01 { width: 100%; font-size: 14px; text-align: left; border-collapse: collapse; }
.table01, .table01 th, .table01 td { border: 1px solid #000; }
.table01 th { padding: 10px; color: #666; font-weight: bold; border-bottom: 1px solid #333; text-align:center }
.table01 th.up { vertical-align: top; }
.table01 td { padding:10px; border-bottom:1px solid #333; color:#333 }

.table01  thead th { background: #F0F0F0; }




/* 일반적인 테이블 */
.tbBasic { width:100%;  text-align:center; border-collapse:collapse;  }
.tbBasic, .tbBasic th, .tbBasic td { border:0 }
.tbBasic thead th { background-color:#f8f8f8; font-weight:bold; }
.tbBasic thead tr.txtC th { text-align:center !important }
.tbBasic tbody td { text-align:left  }
.tbBasic tfoot { background-color:#f8f8f8; font-weight:bold }
.tbBasic th { padding:5px; background-color:#f5f7f9; color:#666;  font-weight:bold; border: 1px solid #ddd; }
.tbBasic td { padding:5px 10px; border:1px solid #ddd; color:#4c4c4c }
.tbBasic td.ranking { font-weight:bold }

.guideTable { width:100%; text-align:left; border-collapse:collapse; font-family: Tahoma, "굴림", "굴림체"; }
.guideTable th { vertical-align:top; }
.guideTable th, .guideTable td { padding: 10px; border-bottom: 1px dashed #CCC; }


.curriculumTable { width:100%; font-size:12px; text-align:center; border-collapse:collapse; border: 1px solid #000; }
.curriculumTable thead th { background: #1e92cf; /*display: block;*/ color: #FFF; padding: 20px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; font-size: 1.4em; line-height:120%;  }
.curriculumTable thead th em { font-size: 12px !important; font-weight: normal; }
.curriculumTable tbody th { border-bottom: 1px solid #000; padding: 5px 3px; font-weight: bold; color: #000; border-right: 1px solid #000; color:#000; background: #bfd992;}
.curriculumTable td { padding: 10px 5px; border-bottom: 1px solid #000; border-right: 1px solid #000; color: #000; text-align:left; vertical-align: top; }

.baseTable { clear: both; border-collapse:collapse;  width: 100%;}
.baseTable th { font-weight: normal; text-align:left; }
.baseTable td { padding: 1px 0px !important; border-width: 0px; border-style: none !important; }



.curriculumTable2 { width:100%; font-size:12px; text-align:center; border-collapse:collapse; /*border: 1px solid #000;*/ table-layout:fixed; word-break:break-all;  }
.curriculumTable2 thead th { color: #0076af; padding: 5px; font-size: 1.5em; text-align:left; border-top: none; border-right: none; border-left: none; }
.curriculumTable2 tbody th { color: #000; padding: 5px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; font-size: 1em; text-align:center ; background: #f2b027; border-bottom: 1px solid #000; }
.curriculumTable2 tbody th { font-size:10px;  }

.curriculumTable2 thead th em { font-size: 12px !important; font-weight: normal; }
.curriculumTable2 thead td {  color: #000; padding: 5px ;  text-align:center ; border-top: 1px solid #000; }
.curriculumTable2 td { padding: 10px 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; color: #000; text-align:left; vertical-align: top; }
.curriculumTable2 tbody td { font: 9px Arial, Helvetica, sans-serif;  }
.curriculumTable2 tbody td.midCenter { text-align:center; vertical-align:middle }
.curriculumTable2 tbody td.mid1 { padding:3px 5px; background: #aecc2a; text-align:center }
.curriculumTable2 tbody td.mid2 { padding:3px 5px; background: #95a090; vertical-align:middle; text-align:center}
.curriculumTable2 tbody td.item1 {  background: #ffff00; }
.curriculumTable2 tbody td.item2 {  background: #d9d9d9;}
.curriculumTable2 .week { color: #0076af; padding: 20px 5px 5px; font-size: 1.5em; text-align:left; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #000; }



.curriculumTable3 { width:100%; font-size:12px; text-align:center; border-collapse:collapse; /*border: 1px solid #000;*/ table-layout:fixed; word-break:break-all; margin-bottom:30px; margin-top:30px;  }
.curriculumTable3 thead th { color: #0076af; padding: 5px; font-size: 1.5em; text-align:left; border-top: none; border-right: none; border-left: none; }
.curriculumTable3 tbody th { color: #000; padding: 5px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; font-size: 1em; text-align:center ; background: #dcdcdc ; border-bottom: 1px solid #000; }
.curriculumTable3 tbody th {  }
.curriculumTable3 thead th em { font-size: 12px !important; font-weight: normal; }
.curriculumTable3 thead td {  color: #000; padding: 5px ;  text-align:center ; border-top: 1px solid #000; }
.curriculumTable3 td { padding: 10px 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; color: #000; text-align:left; vertical-align: top; }
.curriculumTable3 tbody td {  }
.curriculumTable3 tbody td:first-child {  text-align:center }
.curriculumTable3 tbody td.midCenter { text-align:center; vertical-align:middle }
.curriculumTable3 tbody td.mid1 { padding:3px 5px; background: #aecc2a; text-align:center }
.curriculumTable3 tbody td.mid2 { padding:3px 5px; background: #95a090; vertical-align:middle; text-align:center}
.curriculumTable3 tbody td.item1 {  background: #ffff00; }
.curriculumTable3 tbody td.item2 {  background: #d9d9d9;}
.curriculumTable3 .week { color: #0076af; padding: 20px 5px 5px; font-size: 1.5em; text-align:left; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #000; }

.curriculumTable3 .col_01 { background-color:#ffdab9  }
.curriculumTable3 .col_02 { background-color: #BCE0CB }
.curriculumTable3 .col_03 { background-color:#fffacd   }






/* ----------------------------------------------------------------------
	* Form Table
---------------------------------------------------------------------- */ 
.tableFromtype  {margin:1em 0;font-family:Tahoma, Geneva, sans-serif; width:100%;border:0;border-top:2px solid #999 ; border-collapse:collapse;}
.tableFromtype input,
.tableFromtype textarea,
.tableFromtype select,
.tableFromtype button{font-size:12px}

.tableFromtype caption{ padding:8px 0;font-weight:bold;text-align:left }
.tableFromtype th,
.tableFromtype td{padding:8px;border:0;vertical-align:top}
.tableFromtype th{color:#333}
.tableFromtype td{color:#666}
.tableFromtype thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.tableFromtype tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:center}
.tableFromtype tbody .i_note{ background: url(/images/icon/ico_check.gif) no-repeat left top; padding: 5px; float: left; }
.tableFromtype tfoot th{border-bottom:1px solid #ddd}
.tableFromtype tbody td{border-bottom:1px solid #ddd}
.tableFromtype tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.tableFromtype .item{ position:relative;/*margin:-4px 0*/}
.tableFromtype .item .i_help{ position:absolute; top:4px; right:0; font-size: 11px; padding:0 3px;  }
.tableFromtype .item .i_label{ top:6px; left:10px}
.tableFromtype .item .i_dsc{margin:2px 0}
.tableFromtype .item .i_check,
.tableFromtype .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.tableFromtype .item .i_text{position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.tableFromtype .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.tableFromtype .item select{margin:2px}
.tableFromtype .item label{margin:0 10px 0 0;cursor:pointer}
.tableFromtype .item em{ font-size: 13px; font-weight: bold; letter-spacing: 1px; word-spacing: 1px; }
.tableFromtype p.tip { color: #999999;  cursor: pointer; }

/* ----------------------------------------------------------------------
	리스트형 TABLE
---------------------------------------------------------------------- */ 
.tableListType  {margin:1em 0;font-size:12px;font-family:Tahoma, Geneva, sans-serif; width:100%;border:0;border-top:2px solid #999 ; border-collapse:collapse;}
.tableListType input,
.tableListType textarea,
.tableListType select,
.tableListType button{font-size:12px}

.tableListType caption{ padding:8px 0;font-weight:bold;text-align:left }
.tableListType th, 
.tableListType td{padding:8px;border:0;}
.tableListType th{color:#333}
.tableListType td{color:#666}
.tableListType thead th{ border-bottom:1px solid #999; background:#f8f8f8; text-align: center; }
.tableListType tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:center}
.tableListType tfoot th{border-bottom:1px solid #ddd}
.tableListType tbody td{ border-bottom:1px solid #ddd; text-align: center; }
.tableListType tbody td.txt{ text-align:left}
.tableListType tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}




/* 보더형 테이블 */
.tableType,.tableType th,.tableType td{border:0}
.tableType{ width: 100%; border-bottom: 1px solid #c5c5c5; font-size: 12px; text-align: center; border-collapse: collapse }
.tableType caption{display:none}
.tableType tfoot{background-color:#f9f9f9;font-weight:bold}
.tableType th{ padding: 7px 0 4px; border-top: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; color: #666; font-size: 12px; font-weight: bold; background: #f9f9f9; }
.tableType  thead th { text-align: center }
.tableType td{padding:6px 0 4px;border:1px solid #e4e4e4;color:#4c4c4c; text-align:left}
.tableType td.txt{ text-align:left; padding-left: 5px; }

.tableTypeTop2px { border-top: 2px solid #444444; } /* 일정 및 모집인원 등에 사용 */
.tableTypeTop2px th,.tableTypeTop2px td{border:0}
.tableTypeTop2px{ width: 100%; border-bottom: 1px solid #dcdcdc; font-size: 12px; text-align: center; border-collapse: collapse }
.tableTypeTop2px caption{display:none}
.tableTypeTop2px tfoot{background-color:#f5f7f9;font-weight:bold}
.tableTypeTop2px th{ padding: 7px 0 4px; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; color: #666; font-size: 12px; font-weight: bold; background: #f7f7f7; }
.tableTypeTop2px td{ padding:6px 0 4px 30px; border:1px solid #e5e5e5; color:#4c4c4c; text-align:left }

.tableTypeTop2px td a.link { background: url(/images/icon/icon_urlL.gif) no-repeat right top; ; padding-right: 24px;}



.tableType01 {clear: both; width: 100%; border-collapse:collapse; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;text-align:center;}
.tableType01 th	{padding: 8px 4px 6px 15px; background-color: #f5f5f5; font-weight: normal; color: #333; border-bottom: 1px solid #eee; }
.tableType01 th.select {padding:7px 4px 3px 15px;}
.tableType01 th.tlt { text-align:left; padding:6px 0px }
.tableType01 td	{ padding: 5px 4px 2px 10px; color: #333; border-bottom: 1px solid #eee; }
.tableType01 td.digit { padding:0px!important; font-size: 11px; }
.tableType01 td.chk {padding:2px 0 0 6px; text-align:left;}
.tableType01 td.select {padding:5px 4px 4px 15px;}
.tableType01 td.text {padding:10px;}
.tableType01 td.txt {padding:0px;}
.tableType01 textarea {width:100%; border:1px solid #b8b8b8;  font-size: 12px;}
.tableType01 p {clear:both;}
.tableType01 p.tip {padding-top:10px; color: #999; font-size: 11px; }



.tableType02 {clear: both; width: 100%; border-collapse:collapse; border-top: 1px solid #e6e6e6; text-align:left; }
.tableType02 th	{padding: 8px 4px 6px 15px; background-color: #f5f5f5; font-weight: normal; color: #333; border-bottom: 1px solid #eee;  }
.tableType02 th.select {padding:7px 4px 3px 15px;}
.tableType02 th.tlt { text-align:left; padding:6px 0px }
.tableType02 td	{ padding: 5px 4px 2px 10px; color: #333; border-bottom: 1px solid #eee;  }
.tableType02 td.digit { padding:0px!important; font-size: 11px; }
.tableType02 td.chk {padding:2px 0 0 6px; text-align:left;}
.tableType02 td.select {padding:5px 4px 4px 15px;}
.tableType02 td.text {padding:10px;}
.tableType02 td.txt {padding:0px;}
.tableType02 textarea {width:100%; border:1px solid #b8b8b8;  font-size: 12px;}
.tableType02 p {clear:both;}
.tableType02 p.tip {padding-top:10px; color: #999; font-size: 11px; }
.tableType02 td.noData { text-align:center; line-height:50px;}

.tableType03 { clear: both; width: 100%; border-collapse: collapse; border: 1px solid #CACACA;  }
.tableType03 th	{ padding: 8px 4px 6px 15px; background-color: #f5f5f5; font-weight: normal; color: #333; border-bottom: 1px solid #CACACA; border-right: 1px solid #CACACA; text-align: center;}
.tableType03 td	{ color: #333; border-bottom: 1px solid #CACACA; border-right: 1px solid #CACACA;  padding: 5px 3px; }
.tableType03 td.chk	{ text-align:center;}
.tableType03 td.notice	{ text-align:center; color: #F30; }
.tableType03 td.no	{ text-align:center; font-size: 11px; }
.tableType03 td.select {padding:5px 4px 4px 15px;} 
.tableType03 td.text { line-height:1.6em; padding: 10px 0px; }
.tableType03 td.txt {padding:0px;}
.tableType03 textarea { width:100%; border:1px solid #b8b8b8; font-size: 12px !important; }
.tableType03 p {clear:both;}
.tableType03 p.tip {padding-top:10px; color: #999; font-size: 11px; }
.tableType03 td ul li { text-align:left;}


.tableType04 { clear: both; width: 100%; border-collapse:collapse; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; text-align: center; }
.tableType04 th	{ padding: 5px 4px; background-color: #f5f5f5; font-weight: normal; color: #333; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; }
.tableType04 td	{ color: #333; border-bottom: 1px solid #E6E6E6; padding: 5px 3px; border-right: 1px solid #E6E6E6; }
.tableType04 td.txt	{ text-align:left; }
.tableType04 td.btn	{ text-align:left; padding-left:10px; }


.tableType05 { clear: both; width: 100%; border-collapse:collapse; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; text-align: center; }
.tableType05 th	{ padding: 5px 2px; background-color: #f5f5f5; font-weight: normal; color: #333; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; }
.tableType05 td	{ color: #333; border-bottom: 1px solid #E6E6E6; padding: 5px 2px; border-right: 1px solid #E6E6E6; }
.tableType05 td.txt	{ text-align:left; }
.tableType05 thead {}
.tableType05 tbody {}
.tableType05 tfoot { background:#eee}


.tableType06{ width: 100%; border-bottom: 1px solid #c5c5c5; font-size: 12px; text-align: center; border-collapse: collapse } /* 시상내역에 사용 */
.tableType06 caption {display:none}
.tableType06 thead th {font-weight:bold; background-color:#f9f9f9}
.tableType06 tfoot{font-weight:bold}
.tableType06 th, .tableType06 td { padding: 7px 0; color: #666; font-size: 12px; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
.tableType06 td.first, .tableType06 th.first {border-left: none}
.tableType06 tbody td.first { padding-left:45px; text-align:left }
.tableType06 tfoot td.first { padding-left:160px; text-align:left }
.tableType06 td.txt{ text-align:left; padding-left: 5px; }



.tablecClendar { width:100%;border-bottom:1px solid #dcdcdc;font-size:12px;text-align:center;border-collapse:collapse; border-top: 1px solid #dcdcdc; }
.tablecClendar caption{display:none}
.tablecClendar th{ padding:5px 0;  border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#F5F5F5; color:#666; font-size:12px; font-weight:bold }
.tablecClendar td{ padding:5px; border:1px solid #e5e5e5; color:#4c4c4c; height:60px; overflow: auto; text-align:left; vertical-align: top; }
.tablecClendar tfoot{ background-color:#f5f7f9; font-weight:bold; }
.tablecClendar tfoot td {vertical-align: middle !important; }
.tablecClendar .now { background: #FF0; }
.tablecClendar .old { background: #F5F5F5; color:#DBDBDB }
.tablecClendar td .Sun  { color:red; text-align:left; }
.tablecClendar td .Sat  { color:blue;text-align:left;}
.tablecClendar td .weekday  {text-align:left;}
.tablecClendar td.this  { }
.tablecClendar td .eventItem { line-height:18px; cursor:pointer;  }






/* 표현 */
.png { display:inline-block; }
.hand { cursor: pointer;  }
.none { display: none !important; }
.noBg {  background: url(/images/icon/noBg.png) repeat left top !important; }
.noborder { border: 0px !important; }
.noborderTop { border-top-style: none !important; }
.block { display: block !important; }
/*.hide { visibility: hidden !important; }*/
.show { visibility: visible !important; }
.both { clear:both; }

.chk { padding-left: 16px; background-image: url(/images/icon/ico_check.gif); background-repeat: no-repeat; background-position: left center; }
.chkItem { background-image: url(/images/icon/ico_check.gif); background-repeat: no-repeat; background-position: right top; padding-right: 15px; }


a.linkUrl { background: url(/images/icon/icon_urlL.gif) no-repeat right top; ; padding-right: 24px;}

/* 경고문구 */

.fc_notice { color: #F60; }
.fc_orage { color: #F60; }


/* 넓이 */
.w10 { width:10px !important;}
.w20 { width:20px !important;}
.w30 { width:30px !important;}
.w40 { width:40px;}
.w50 { width:50px;}
.w100 { width:100px;}
.w200 { width:200px;}
.w300 { width:300px; margin-right: auto; margin-left: auto; }
.w400 { width:400px; margin-right: auto; margin-left: auto; }

/* 폰트 속성 */
.small { font-size: 12px; letter-spacing: -1px }
.b { font-weight: bold; letter-spacing: -1px; }
.bold { font-weight: bold !important; }
.u { text-decoration: underline; }
.ls { letter-spacing: -1px; }
.nospacing { letter-spacing:0; }
.separator { color:#ddd; margin:0 4px; }

.fc_notice { color: #F30 !important; }
.fc_info { color: #6C0 !important; }
.fc_red { color: #F00 !important; }



.fs_14{ font-size:14px !important;}
.fs_18{ font-size:18px !important;}
.fs_24{ font-size:24px !important;}


.line_height_15 {line-height:1.5em !important;}
.line_height_1 {line-height:1em !important;}

/* 패딩 속성 설정 */
.pd0 { padding:0px !important ;}
.pd5 { padding:5px !important ;}
.pd10 { padding:10px !important ;}
.pd20 { padding:20px !important ;}
.pd30 { padding: 30px !important ;}
.pdL5 { padding-left:5px !important ;}
.pdL7 { padding-left:7px !important ;}
.pdL10 { padding-left:10px !important ;}
.pdL15 { padding-left:15px !important ;}
.pdL20 { padding-left:20px !important ;}
.pdL30 { padding-left:30px !important ;}
.pdL40 { padding-left:40px !important ;}
.pdL50 { padding-left:50px !important ;}
.pdR5 { padding-right:5px !important ;}
.pdR10 { padding-right:10px !important ;}
.pdR15 { padding-right:15px !important ;}
.pdR20 { padding-right:20px !important ;}
.pdLR15 { padding:0 15px !important ;}
.pdU5 { padding-bottom:5px !important ;}
.pdU10 { padding-bottom:10px !important ;}
.pdU15 { padding-bottom:15px !important ;}
.pdU20 { padding-bottom:20px !important ;}
.pdT0 { padding-top:0px !important;}
.pdT5 { padding-top:5px !important;}
.pdT10 { padding-top:10px !important;}
.pdT15 { padding-top:15px !important;}
.pdT20 { padding-top:20px !important;}
.pdTB5 { padding-top:5px;  padding-bottom:5px !important ;}
.pdTB10 { padding-top:10px;  padding-bottom:10px !important ;}

.mgU20 { margin-bottom:20px !important ;}
.mgU30 { margin-bottom:30px !important ;}
.mgU40 { margin-bottom:40px !important ;}
.mgT0 { margin-top:0px !important ;}
.mgT10 { margin-top:10px !important ;}
.mgT20 { margin-top:20px !important ;}
.mgT30 { margin-top:30px !important ;}
.mg10 { margin:10px !important;}

/* 정렬 표현 */
.fL { float: left !important;}
.fR { float: right !important;}
.fClear { clear: both !important; }
.txtL {text-align:left !important;}
.txtR {text-align:right !important;}
.txtC {text-align: center !important;}
.txtTC { text-align: center !important; vertical-align: top !important; }


.PageDesc.pd5 p { padding:5px; }
.PageDesc.pd10 p { padding:10px; }




/* 라인표현 */
.lineB { border-bottom: 1px solid #e5e5e5; }
.lineT { border-top: 1px solid #e5e5e5; }
.lineL { border-left: 1px solid #e5e5e5; }
.lineR { border-right: 1px solid #e5e5e5; }

hr.dot { display: block; margin-top: 20px;  margin-bottom: 20px; border-top: 1px dashed #999; clear: both; border-right-style: none; border-bottom-style: none; border-left-style: none; }



/* Tab */
.ui-tabs { position: relative;  zoom: 1; } 
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0em 0em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 3px 1em 0.5px 3px; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { /*cursor: pointer;*/ } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px 0em 0em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }



/* 셀렉트 박스 스타일 */
span.customStyleSelectBox { font-size:11px; color:#5F5F5F; border:1px solid #C0C4CB; background:#ffffff url(/images/icon/selectBox_spr.png) no-repeat right center; padding:3px 7px; }
span.customStyleSelectBox.changed { background-color: #ffffff; }
.customStyleSelectBoxInner { font-size:11px; letter-spacing:-1px; white-space:nowrap; }
.customStyleSelectBorderStrong { border-color:#000000; }



/* ----------------------------------------------------------------------
		POPUP LAYER
---------------------------------------------------------------------- */ 
#mask { position:absolute; z-index:9000; background-color:#000; display:none; left:0; top:0; }
#popWindow * { line-height: 160%; }
#popWindow { display: none; position:absolute; z-index:10000; width:800px; border: 1px solid #CCC; overflow: auto; }
.layerContainer { background:#FFF; ; }
.layerTitle { background:#999; padding:15px; overflow: auto; }
.layerTitle .title { float:left; font-size:18px; color:#FFF !important; font-weight:bold; }
.layerTitle a { float:right; }
.layerCont { padding:20px; height:400px; overflow:auto; }
.layerCont .boxcont { padding-left:20px; padding-right: 15px; }
.layerCont .boxcont em, .layerCont .boxcont i { font-style: normal; font-weight: bold; color: #6C9; }
.layerCont .boxcont h4 { margin-top: 23px; font-size: 14px; color: #000; letter-spacing: 1px; word-spacing: 1px; border-bottom: 1px dashed #E6E6E6; padding-bottom: 5px; margin-right: 15px; }
.layerCont .boxcont dl, .layerCont .boxcont p, .layerCont .boxcont div { margin-top: 23px; }
.layerCont .boxcont dt { color: #444; font-weight: bold; margin-bottom: 5px; }
.layerCont .boxcont dl dd { margin-bottom:10px; }
.layerCont .boxcont dl dd ol { margin: 10px 0; }
.layerCont .boxcont dl dd ol.subList { margin: 5px 0; padding: 0 15px; }
.layerCont .boxcont .newLine { margin-left: 16px; }
.layerCont .boxcont fieldset { margin: 20px; padding: 5px 15px; width: 250px; }
.layerCont .boxcont legend { color: #690; }
.layerBtn { background: #CCC; padding:10px; overflow: auto; text-align: right; }

#loadModalPop .modal-body div.boxcont h4 { margin:2em 0 1em 0  }

#loadModalPop .modal-body div.boxcont ol li span { display:none }
#loadModalPop .modal-body div.boxcont ol li dl.desc { margin-top:1em; margin-bottom:1em }

#loadModalPop .modal-body div.boxcont ol li dl.desc  dt {  padding:5px 0 }
#loadModalPop .modal-body div.boxcont ol li dl.desc  dd { padding-left:1em}
#loadModalPop .modal-body div.boxcont .nolist  { padding-left:2em}
#loadModalPop .modal-body div.boxcont  ul.nolist > li { list-style: lower-alpha;}
#loadModalPop .modal-body div.boxcont  ul.nolist > li  span { display:none }


/* 커스텀설정 */
	.layerCont h4 { padding:2em 0em 0.5em; color: #69C; font-size: 14px; }
.layerCont h5 { padding: 1em 0em 0.5em 1em; color: #666; font-size: 13px; }
.layerCont p { line-height: 1.6em; text-align: justify; padding-bottom: 0.5em; padding-left: 1em; }
.layerCont ol { line-height: 1.8em !important; }
.layerCont .subList01 { padding:0.5em 1em; line-height: 1.5em; text-align: justify; }
.layerCont .subList01 dt { font-weight: bold; line-height: 2em; }
.layerCont .subList01 dd { padding:0.5em 1em; }
.layerCont .subList02 { padding:0.5em 1.5em; line-height: 1.5em; text-align: justify; }
.layerCont .subList02 dt { padding:0.5em 0.5em; }
.layerCont .subList02 dd { padding:0em 1.5em; }
.layerCont .subList03 { padding:0.5em 2em; line-height: 1.5em; text-align: justify; }
.layerCont .subList03 li { list-style: circle; }
.boxBrd01 { border: 1px solid #CCCCCC; padding: 10px; }
.boxBrd01 p.txt { background: none repeat scroll 0 0 #EFEFEF; padding: 10px; }
.boxBrd01 em { font-style: normal; font-weight: bold; }




.emailForm, .idForm, .engForm { ime-mode:disabled !important; }
.nameForm { ime-mode:active !important; }


/* 회원정보에 추가 메모 때문에 추가설정 */
#mask1 { position:absolute; z-index:9000; background-color:#000; display:none; left:0; top:0; }
#popWindow1 * { line-height: 160%; }
#popWindow1 { display: none; position:absolute; z-index:10000; width:800px; border: 1px solid #CCC; overflow: auto; }

/* ----------------------------------------------------------------------
		글입력창 영문/한글 기본 선택
---------------------------------------------------------------------- */ 
/*
auto : 텍스트 박스에 기본으로 설정됨
disabled : 초기 입력시 영문으로 입력, 한글 입력 불가
active : 초기 입력시 한글로 입력, 한/영 전환가능
inactive : 초기 입력시 영문으로 입력, 한/영 전환가능
*/

.ime_kor {ime-mode:active !important;} /* 한글 우선 */
.ime_eng {ime-mode:inactive !important;} /* 영문 우선 */
.ime_dis {ime-mode:disabled !important; } /* 영문만 */



/* **************************************************** */
.photoType01 dl {}
.photoType01 dt { font-weight:bold; margin-top:20px; margin-bottom:10px; }
.photoType01 dd { padding:5px 10px;  }






/* .popbox { border: solid 10px #5ebe26; padding: 20px; } */
/*
.boxType1 { width: 710px; margin: 0 auto; background: url(/images/box/boxType01_M.png) }
.boxType1 > dl { background: url(/images/box/boxType01_T.png) no-repeat center top; overflow: auto; }
.boxType1 > dl > dt { margin-left: 180px; }
.boxType1 > dl > dd.photo { float: left; width: 180px; text-align: center }
.boxType1 > dl > dd.last { background: url(/images/box/boxType01_U.png) no-repeat center bottom }
*/

/* <-- Button Common */
/*
.tabBtn, .tabBtn * { position: relative; margin: 0; padding: 0; display: inline-block; text-decoration: none !important; border: 0; white-space: nowrap; background: url(/hopetofuture/about/images/btn_bg.png) no-repeat; vertical-align: top; overflow: visible; color: #879c6c; font-weight: bold; }
.tabBtn { margin-right: 15px; }
.tabBtn * { left: 4px; cursor: pointer; }
.tabBtn, .tabBtn * { height: 41px; line-height: 41px; }
.tabBtn { background-position: left 0; }
.tabBtn * { padding: 0 45px 0 20px; font-size: 13px; background-position: right top; }
.tabBtn.on { background-position: left -42px; }
.tabBtn.on * { padding: 0 45px 0 20px; font-size: 13px; background-position: right -42px; color: #FFF; }
*/
/* <!-- Button Common  -->*/
/*
.boxRB { background: #f9f3e4; border: 1px solid #e0d9c7; padding: 20px; position: relative; }
.boxRB .RB_bg { height: 30px; background: url(/images/box/boxRB.jpg) no-repeat right bottom; position: relative; bottom: -21px; right: -21px; }
._note { background-color: #FFF; color: #CC9966; line-height: 150%; overflow: visible; padding: 15px; }
.boxRB ._notice li { background-image: url(/images/icon/ico_triDot_blue.gif); background-position: left 5px; background-repeat: no-repeat; color: #FF9900; line-height: 150%; padding-left: 15px; }
*/
/*
.list .tableType { border-bottom: 2px solid #cfdebd; }
.list .tableType th { background: #edf4e4; color: #89a06c; border-left: 1px solid #cfdebd; border-right: 1px solid #cfdebd; border-top: 1px solid #cfdebd; }
.list .tableType td { border: 1px solid #cfdebd; }
.list .tableType td.item { color: #71ab35; font-weight: bold; }
.list .tableType td.txt { padding-left: 10px; }
*/