@charset "utf-8";

/**************************************************************************************************
* contents style
***************************************************************************************************/
.hide {font-size:0; line-height:0; text-indent:-99999px; width:0; height:0; padding:0; margin:0; visibility:hidden; overflow:hidden;}
.hidden {display:none;}
label.hide {display:block;}
.ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/************************** margin style ******************************/
.mgc {margin:0 auto;}
.mgt0 {margin-top:0 !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}

.fl {float:left;}
.fr {float:right;}


/************************** tab style ******************************/
nav.tab {border-bottom:2px solid #008c99; width:100%; margin-bottom:30px;}
nav.tab.mgb {margin-bottom:10px;}
nav.tab:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
nav.tab ul li {float:left;}
nav.tab ul li a {display:block; background-color:#e3e3e3; border-bottom:1px solid #fff; min-width:100px; height:24px; padding:10px 20px 0 20px; margin-left:1px; text-align:center; font-size:14px; line-height:1.2em; font-weight:bold; color:#555555;}
nav.tab ul li:first-child a {margin-left:0;}
nav.tab ul li a:hover {color:#008c99;}
nav.tab ul li a.current {background-color:#008c99; border-color:#008c99; color:#fff;}

ol.memberStep {width:100%; height:70px; margin-bottom:30px; overflow:hidden;}
ol.memberStep:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ol.memberStep li {float:left; background-color:#cecece; width:30%; height:70px;}
ol.memberStep li.on {background-color:#008c99;}
ol.memberStep li.bar {background:url('/images/img/step_off.gif') center center no-repeat; width:36px; margin:0; position:relative;}
ol.memberStep li.bar.on01 {background-image:url('/images/img/step_on01.gif')}
ol.memberStep li.bar.on02 {background-image:url('/images/img/step_on02.gif')}
ol.memberStep li span {display:block; text-align:center; font-size:16px; font-weight:bold; color:#fff;}
ol.memberStep li span em {display:inline-block; background-position:left 18px; background-repeat:no-repeat; padding-top:34px;}
ol.memberStep li.on span em {padding-top:44px;}
ol.memberStep li.step02 {margin:0 -36px; width:40%;}
ol.memberStep li.step02 span {margin:0 36px;}
ol.memberStep li.step01 em {background-image:url('/images/bullet/step01_off.gif');}
ol.memberStep li.step02 em {background-image:url('/images/bullet/step02_off.gif');}
ol.memberStep li.step03 em {background-image:url('/images/bullet/step03_off.gif');}
ol.memberStep li.step01.on em {background-image:url('/images/bullet/step01_on.gif'); background-position:center 8px;}
ol.memberStep li.step02.on em {background-image:url('/images/bullet/step02_on.gif'); background-position:center 6px;}
ol.memberStep li.step03.on em {background-image:url('/images/bullet/step03_on.gif'); background-position:center 11px;}


/************************** button style ******************************/
div.btn01 {margin:20px -3px 0 0; text-align:right;}
div.btn02 {margin-top:20px; text-align:center;}
div.btn03 {margin:-30px -3px 0 0; text-align:right;}

span.btnType01 {background:url('/images/button/btn_type01_rt.gif') right top no-repeat; display:inline-block; line-height:35px; margin:0 3px; vertical-align:middle;}
span.btnType01 a,
span.btnType01 button {background:url('/images/button/btn_type01_lt.gif') left top no-repeat; border:none; display:inline-block; line-height:35px;
					   font-size:16px; color:#ffffff; text-align:center; padding:0 10px; margin:0; cursor:pointer;}
span.btnType01 a {min-width:80px;}
span.btnType01 button {min-width:100px;}


span.btnType01red {background:url('/images/button2/btn_type01_rt.gif') right top no-repeat; display:inline-block; line-height:35px; margin:0 3px; vertical-align:middle;}
span.btnType01red a,
span.btnType01red button {background:url('/images/button2/btn_type01_lt.gif') left top no-repeat; border:none; display:inline-block; line-height:35px;
					   font-size:16px; color:#ffffff; text-align:center; padding:0 10px; margin:0; cursor:pointer;}
span.btnType01red a {min-width:80px;}
span.btnType01red button {min-width:100px;}


span.btnType02 {background:url('/images/button/btn_type02_rt.gif') right top no-repeat; display:inline-block; line-height:24px; vertical-align:middle;}
span.btnType02 a,
span.btnType02 button {background:url('/images/button/btn_type02_lt.gif') left top no-repeat; border:none; display:inline-block; line-height:24px;
					   font-size:14px; color:#ffffff; text-align:center; padding:0 12px; margin:0; cursor:pointer;}

span.btnType03 {background:url('/images/button/btn_type03_rt.gif') right top no-repeat; display:inline-block; line-height:35px; margin:0 3px; vertical-align:middle;}
span.btnType03 a,
span.btnType03 button {background:url('/images/button2/btn_type03_lt.gif') left top no-repeat; border:none; display:inline-block; line-height:35px;
					   font-size:16px; color:#ffffff; text-align:center; padding:0 10px; margin:0; cursor:pointer;}
span.btnType03 a {min-width:80px;}
span.btnType03 button {min-width:100px;}

span.btnType04 {background:url('/images/button2/btn_type04_rt.gif') right top no-repeat; display:inline-block; line-height:20px; vertical-align:middle;}
span.btnType04 a,
span.btnType04 button {background:url('/images/button2/btn_type04_lt.gif') left top no-repeat; border:none; display:inline-block; line-height:20px;
					   font-size:12px; color:#008c99 !important; text-align:center; padding:0 12px !important; margin:0 !important; cursor:pointer;}

a.fileDown {background:url('/images/button/btn_file.gif') left 2px no-repeat; display:inline-block; padding-left:18px;}


/************************** text/box style ******************************/
h4.tit01 {font-size:16px; line-height:1.2em; font-weight:normal; color:#008c99; margin:30px 0 10px 0;}
h4.tit01.first {margin-top:0;}
h4.tit02 {font-size:13px; line-height:1.2em; font-weight:bold; color:#008c99; margin-bottom:5px;}
h4.tit03 {font-size:25px; line-height:1.2em; font-weight:normal; color:#000; margin:0 0 10px 0;}
h4.tit03 em {color:#008c99;}

h5.tit01 {font-size:18px; line-height:1.2em; font-weight:normal; color:#008c99; margin:30px 0 5px 0;}
h5.tit01.first {margin-top:-10px;}
h5.tit02 {background:url('/images/img/logo01.png') center top no-repeat; text-align:center; font-size:20px; color:#4c4848; padding-top:35px; margin:-10px -15px;}
h6.tit01 {background:url('/images/bullet/bullet18.gif') left 3px no-repeat; font-size:16px; line-height:1.2em; font-weight:normal; color:#000; padding-left:18px; margin:28px 0 6px 0;}
h6.tit01.first {margin-top:15px;}

p.formTit01 {font-size:14px; line-height:1.2em; font-weight:normal; color:#777777; margin:30px 0 10px 0;}
p.formTit01.first {margin-top:0;}
p.formTit01 em {color:#ff7420;}

.ptxt {color:#008c99 !important;}
.stxt {font-size:11px;}
.stxt02 {font-size:11px; line-height:16px; text-indent:-1em;}

ul.cmt01 {margin-top:8px;line-height:16px}
ul.cmt01 li {background:url('/images/bullet/bullet02.gif') left 4px no-repeat; font-size:11px; color:#ff7420; padding-left:9px;}
ul.cmt01.btn li {margin-bottom:10px;}
ul.cmt01.btn li span.btnType04 {vertical-align:top; margin:-4px 0 0 5px;}

div.boxType01 {background:#f4f4f4 url('/images/bullet/bullet03.gif') 20px center no-repeat; padding:10px 10px 10px 60px;}
ul.cmt02 {margin-bottom:-2px;}
ul.cmt02 li {background:url('/images/bullet/bullet04.gif') left 6px no-repeat; font-size:11px; color:#9e9e9e; padding-left:9px; margin-bottom:2px;}

ul.cmt03 {width:100%; margin-top:5px;}
ul.cmt03 li {font-size:13px; color:#555555;margin-bottom:2px;}
ul.cmt04 {width:100%; margin:15px 0 20px 0;}
ul.cmt04 li {background:url('/images/bullet/bullet08.gif') left 6px no-repeat; font-size:12px; color:#888888;padding-left:8px;margin-bottom:2px;}
ul.cmt05 {margin:0 0 0 10px;}
ul.cmt05 li {background:url('/images/bullet/bullet09.gif') left 7px no-repeat; font-size:13px; line-height:18px; color:#888; padding-left:8px; margin-top:2px;}
ul.cmt05 li:first-child {margin-top:0;}
ul.cmt05 li.none {background:none; padding-left:0;}
ul.cmt05 li > p {color:#333;}
ul.cmt05 li > p.ptxt {color:#008c99;}
ul.cmt05 li > span {color:#333;}
ul.cmt05 li > em {display:inline-block;}
ul.cmt05 li > ol.numCmt01 li {background:none; padding-left:0;}

ol.numCmt01 {width:100%;}
ol.numCmt01 li {font-size:13px; line-height:18px; color:#888; text-indent:-1.2em; margin:2px 0 0 1.2em; text-align:left;}
ol.numCmt01 li:first-child {margin-top:0;}
ol.numCmt02 {margin:0 auto; text-align:center;}
ol.numCmt02 li {font-size:13px; line-height:18px; color:#888; text-indent:-2em; margin:2px 0 0 2em; text-align:left;}
ol.numCmt02 li:first-child {margin-top:0;}
ol.numCmt02 li em {color:#008c99; margin-right:0.5em;}

div.memberJoinFinish {background:url('/images/img/member_img01.jpg') left center no-repeat; border:1px solid #e6e6e6; padding:50px 30px;}
div.memberJoinFinish p {margin-left:55%; line-height:1.2em;}
div.memberJoinFinish p.txt01 {font-size:20px; font-weight:bold; color:#008c99;}
div.memberJoinFinish p.txt02 {font-size:35px; font-weight:bold; color:#000000;}
div.memberJoinFinish p.txt03 {font-size:13px; color:#777777; margin-top:20px;}
div.memberJoinFinish p.txt03 em {text-decoration:underline;}

p.zipCmt {font-size:12px; color:#666666;}
p.titTxt01 {font-size:14px; line-height:20px; color:#667e8b; margin:5px 0 20px 0;}
p.txt01 {font-size:13px; line-height:18px; color:#888;}
p.txt02 {font-size:13px; line-height:18px; color:#333; margin:0 0 2px 10px;}
p.txt02.mgt01 {margin-top:1em}

div.boxType03 {background-color:#fff; border:2px solid #e3e3e3; height:277px; position:relative; margin:10px;}
div.boxType03 div.bg span {position:absolute; width:25px; height:25px;}
div.boxType03 div.bg span.topLt {background:url('/images/img/box_type03_top_lt.gif'); top:-2px; left:-2px;}
div.boxType03 div.bg span.topRt {background:url('/images/img/box_type03_top_rt.gif'); top:-2px; right:-2px;}
div.boxType03 div.bg span.btmLt {background:url('/images/img/box_type03_btm_lt.gif'); bottom:-2px; left:-2px;}
div.boxType03 div.bg span.btmRt {background:url('/images/img/box_type03_btm_rt.gif'); bottom:-2px; right:-2px;}
div.boxType03 div.bg span.btmLt02 {background:url('/images/img/box_type03_btm_lt02.gif'); bottom:-2px; left:-2px;}
div.boxType03 div.bg span.btmRt02 {background:url('/images/img/box_type03_btm_rt02.gif'); bottom:-2px; right:-2px;}

div.boxType05 {background-color:#fff; border:5px solid #b6e4e8; position:relative; height:100%;}
div.boxType05 div.bg span {position:absolute; width:10px; height:10px;}
div.boxType05 div.bg span.topLt {background:url('/images/img/box_type05_top_lt.gif'); top:-5px; left:-5px;}
div.boxType05 div.bg span.topRt {background:url('/images/img/box_type05_top_rt.gif'); top:-5px; right:-5px;}
div.boxType05 div.bg span.btmLt {background:url('/images/img/box_type05_btm_lt.gif'); bottom:-5px; left:-5px;}
div.boxType05 div.bg span.btmRt {background:url('/images/img/box_type05_btm_rt.gif'); bottom:-5px; right:-5px;}
div.boxType05 div.cont {text-align:center;}

div.boxType06 {background-color:#fff; border:8px solid #ededed; position:relative;}
div.boxType06 div.bg span {position:absolute; width:10px; height:10px;}
div.boxType06 div.bg span.topLt {background:url('/images/img/box_type06_top_lt.gif'); top:-8px; left:-8px;}
div.boxType06 div.bg span.topRt {background:url('/images/img/box_type06_top_rt.gif'); top:-8px; right:-8px;}
div.boxType06 div.bg span.btmLt {background:url('/images/img/box_type06_btm_lt.gif'); bottom:-8px; left:-8px;}
div.boxType06 div.bg span.btmRt {background:url('/images/img/box_type06_btm_rt.gif'); bottom:-8px; right:-8px;}


/************************** board style ******************************/
/* icon */
div.contArea table td.tit span.ntice_new2{}
div.contArea table td.tit span.ic_new{background:url('/images/img/ic_new2.gif')no-repeat; float:left;width:15px;height:11px;margin:1px 0 0 4px;}
div.contArea ol.boardListType02 dt span.ic_new{display:inline-block;background:url('/images/img/ic_new2.gif')no-repeat; width:15px;height:11px;margin:1px 0 0 4px;}

/* list */

/* list */
table.boardListType00 {width:100%;}
table.boardListType00 th {background-color:#dcdcdc; font-size:12px; font-weight:bold; color:#555555; text-align:center; padding:7px 0 8px 0;}
table.boardListType00 th.tit {width:50%;} {text-align:left;}
table.boardListType00 th.amt {width:50%;} {text-align:left;}

table.boardListType00.reportList th.curriculum {width:70px;}
table.boardListType00 td {border-bottom:1px solid #dcdcdc; font-size:12px; color:#888888; text-align:center; padding:10px 5px;}
table.boardListType00 td.tit  {width:50%;} {text-align:center;}
table.boardListType00 td.amt  {width:50%;} {text-align:center;}


table.boardListType01 {width:100%;}
table.boardListType01 th {background-color:#dcdcdc; font-size:12px; font-weight:bold; color:#555555; text-align:center; padding:7px 0 8px 0;}
table.boardListType01 th.tit {width:65px;}
table.boardListType01 th.num {width:65px;}
table.boardListType01 th.date {width:90px;}
table.boardListType01 th.read {width:65px;}
table.boardListType01 th.section {width:60px;}
table.boardListType01 th.curriculum {width:85px;}
table.boardListType01.reportList th.curriculum {width:70px;}
table.boardListType01 th.name {width:80px;}
table.boardListType01 th.zipcode {width:80px; border-right:1px solid #fff;}
table.boardListType01 th.area {width:160px;}
table.boardListType01 th.sex {width:40px;}
table.boardListType01 th.job {width:90px;}
table.boardListType01 th.career {width:60px;}
table.boardListType01.personList th.name {width:70px;}
table.boardListType01.personList th.state {width:60px;}
table.boardListType01.personList th.download {width:100px;}
table.boardListType01.recruitList th.name {width:120px;}
table.boardListType01.recruitList th.area {width:100px;}
table.boardListType01 td {border-bottom:1px solid #dcdcdc; font-size:12px; color:#888888; text-align:center; padding:10px 5px;}
table.boardListType01 td.tit {text-align:left;}
table.boardListType01 td.download {padding:10px 5px;}
table.boardListType01 td a {color:#888888; display:block; padding:5px 0; margin:-5px 0;}
table.boardListType01 td a:hover {color:#008c99;}
table.boardListType01 td.tit a {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;float:left;}
table.boardListType01 td.zipcodeList {padding:0; text-align:left;}
table.boardListType01 td.zipcodeList ul {width:100%; max-height:144px; overflow-y:auto;}
table.boardListType01 td.zipcodeList ul.mlist {max-height:100%;}
table.boardListType01 td.zipcodeList ul li {border-top:1px solid #dcdcdc; font-size:12px; color:#888888; padding:7px 10px 7px 80px;}
table.boardListType01 td.zipcodeList ul li:first-child {border:none;}
table.boardListType01 td.zipcodeList ul li em {display:inline-block; width:80px; text-align:center; margin-left:-80px; padding-right:10px;}
table.boardListType01.universityList td.area {vertical-align:top;}
table.boardListType01.universityList td.university {text-align:left; padding-left:10px;}
table.boardListType01.universityList span.university {width:auto; display:inline;}
table.boardListType01.universityList span.course {background:url('/images/bullet/bullet08.gif') 3px 7px no-repeat; padding-left:12px; width:auto; text-align:left;}

ol.boardListType02 {width:100%; border-top:1px solid #dcdcdc;}
ol.boardListType02 li {border-bottom:1px solid #dcdcdc; padding:20px 0; position:relative; min-height:100px;}
ol.boardListType02 p.press {font-size:12px; color:#888; margin:0 0 -5px 160px;}
ol.boardListType02 p.img {position:absolute; left:0; top:20px; background-color:#dcdcdc; width:140px; height:100px; overflow:hidden;}
ol.boardListType02 p.img img {width:140px; height:100px;}
ol.boardListType02 dl {width:100%; margin-top:12px;}
ol.boardListType02 dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ol.boardListType02 dt {float:left; font-size:16px; line-height:1.2em; color:#333; margin-left:160px;}
ol.boardListType02 dt a {color:#333;}
ol.boardListType02 dt a:hover {color:#008c99;}
ol.boardListType02 dd.num {float:right; font-family:'gulim'; font-size:11px; color:#888; margin:4px 5px 0 5px;}
ol.boardListType02 dd.num span {margin-left:5px;}
ol.boardListType02 dd.desc {clear:both; font-size:14px; line-height:18px; padding-top:14px; margin-left:160px;}

table.boardListType01.viewList,
ol.boardListType02.viewList {margin-top:20px;}

ol.boardListType03 {width:741px; margin:-10px -6px 0 -5px;}
ol.boardListType03.photoViewList {margin-top:10px;}
ol.boardListType03:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ol.boardListType03 li {float:left; width:247px; margin-top:10px;}
ol.boardListType03 li > div {height:203px; border:1px solid #ebebeb; padding:10px; margin:0 6px 0 5px; position:relative;}
ol.boardListType03 li p.img img {width:214px; height:150px;}
ol.boardListType03 li dl dt {margin:11px 0 5px 0; font-size:14px;}
ol.boardListType03 li dl dt a {display:block; color:#333; padding:3px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
ol.boardListType03 li dl dt a:hover {color:#008c99;}
ol.boardListType03 dd.num {font-family:'gulim'; font-size:11px; color:#888;}
ol.boardListType03 dd.num strong {margin-right:5px;}
ol.boardListType03 li span.best {background-color:#ff7420; font-size:14px; line-height:1em; color:#fff; padding:3px 5px; position:absolute; left:10px; top:10px;}

ol.eventList {background-color:#ededed; margin:0 20px 0 19px;}
ol.eventList:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ol.eventList li {float:left; width:50%;}
ol.eventList li div {border-bottom:1px solid #fff; border-left:1px solid #fff; padding:20px 0 15px 0;}
ol.eventList li p.img {width:274px; border:3px solid #dbdbdb; margin:0 auto;}
ol.eventList li p.img img {width:274px; height:94px;}
ol.eventList li dl {background:url('/images/bullet/bullet01.gif') left 5px no-repeat; line-height:18px; padding:0 3px 0 7px; width:270px; margin:6px auto 0 auto;}
ol.eventList li dl dt {font-size:13px; font-weight:bold; color:#555555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
ol.eventList li dl dd.date {font-size:12px; color:#888888;}

ul.photoThumList {margin:0 auto; text-align:center;}
ul.photoThumList li {display:inline-block; vertical-align:top; width:100px; overflow:hidden; margin:7px -3px -3px 5px; padding:3px 0;}
ul.photoThumList li:first-child {margin-left:0;}
ul.photoThumList li a {display:block;}
ul.photoThumList li a:hover,
ul.photoThumList li a.current {border:3px solid #008c99;}
ul.photoThumList li img {width:100%;}

ul.partnerList {margin:-20px auto 0 auto; width:728px;}
ul.partnerList:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ul.partnerList li {float:left; width:142px; height:180px; margin:20px 20px 0 20px; text-align:left; font-size:12px; overflow:hidden;}
ul.partnerList li p.img {border:1px solid #dcdcdc; width:140px; height:100px; overflow:hidden;}
ul.partnerList li strong {display:block; color:#555; font-weight:bold; margin:7px 0 2px 0;}
ul.partnerList li p.txt {color:#888; line-height:16px;}

ul.faqList {width:100%; margin-top:-30px;}
ul.faqList li {border-bottom:1px solid #dcdcdc; line-height:1.5em;}
ul.faqList li dl dt a {display:block; background:url('/images/bullet/icon_q.gif') 30px 10px no-repeat; min-height:20px; padding:10px 30px 10px 80px; font-size:13px;}
ul.faqList li dl dd {background:#f9f9f9 url('/images/bullet/icon_a.gif') 30px 10px no-repeat; border-top:1px dashed #dcdcdc; padding:10px 30px 10px 80px; 
				     min-height:20px; font-size:12px; color:#777; display:none;}

span.btn_down{position:absolute;top:10px; right:30px}
span.btn_down a.recruit_down{display:inline-block;width:138px;height:29px;font-size:0;text-indent:-99999px; background:url('/images/button/btn_recruit_down.gif')no-repeat;}

/* paging */
div.paging {margin:20px auto 0 auto; text-align:center;}
div.paging * {display:inline-block;}
div.paging li a {background-color:#fff; border:1px solid #f3f3f3; line-height:21px; font-weight:bold; color:#666; padding:0 8px;}
div.paging li a:hover {border:1px solid #01a7b6;}
div.paging li strong {background-color:#01a7b6; border:1px solid #01a7b6; line-height:21px; font-weight:bold; color:#fff; padding:0 8px;}
div.paging span.btn {line-height:23px;}
div.paging span.btn a {background-position:left; background-repeat:no-repeat; border:1px solid #e8e8e8; width:21px; height:21px; font-size:0; line-height:0; text-indent:-99999px; vertical-align:top;}
div.paging span.btn a:hover {border:1px solid #01a7b6;}
div.paging span.btn a.pageFirst {background-image:url('/images/button/btn_page_first.gif');}
div.paging span.btn a.pagePrev {background-image:url('/images/button/btn_page_prev.gif');}
div.paging span.btn a.pageNext {background-image:url('/images/button/btn_page_next.gif');}
div.paging span.btn a.pageLast {background-image:url('/images/button/btn_page_last.gif');}


/* search */
fieldset.search {background-color:#f6f6f6; height:38px; position:relative; margin-top:30px; padding-top:14px; text-align:center;}
fieldset.search p {padding:0 20px 0 40px; margin:0 30px;}
fieldset.search input[type=text] {width:40%; margin-top:-5px;}
fieldset.search label {position:absolute; left:70px; top:19px;font-family:'NanumBarunGothicBold';font-size:13px;color:#333;}
fieldset.search button {position:absolute; right:110px; top:14px; background:url('/images/button/btn_search.gif') left top no-repeat; border:none; width:30px; height:24px; font-size:0; line-height:0; text-indent:-99999px;}
fieldset.search.zipcode {background-color:#ffffff; border:1px solid #dcdcdc; margin:10px 0 20px 0;}
fieldset.search.zipcode label {font-weight:normal;}


/* view */
div.boardViewType01 {width:100%;}
div.boardViewType01 dl.tit {background-color:#f6f6f6; padding:10px 20px 11px 65px; color:#555555; position:relative;}
div.boardViewType01 dl.tit:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.boardViewType01 dl.tit dt {position:absolute; left:25px; top:10px; font-size:12px; font-weight:bold;}
div.boardViewType01 dl.tit dd {font-size:14px; line-height:16px;}
div.boardViewType01 div.num {background-color:#c6c6c6; padding:4px 20px 0 0; font-family:'dotum'; font-size:11px; color:#fff; text-align:right;}
div.boardViewType01 div.num:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.boardViewType01 div.num dl {display:inline-block;}
div.boardViewType01 div.num dl dt {float:left; background:url('/images/bullet/bar01.gif') left center no-repeat; margin-left:10px; padding-left:11px;}
div.boardViewType01 div.num dl:first-child dt:first-child {background:none;}
div.boardViewType01 div.num dl dd {float:left; margin-left:5px;}
div.boardViewType01 div.cont {border-bottom:1px solid #dcdcdc; padding:40px 20px; font-size:14px; line-height:21px; color:#888888; overflow:hidden;}
div.boardViewType01 div.cont img {max-width:100%;}
div.boardViewType01.pressView dl.tit dd {color:#888;}
div.boardViewType01.pressView dl.tit dd em {color:#555;}
div.boardViewType01.pressView div.cont {border-bottom:none;}

div.boardViewType01 div.list dl {border-bottom:1px solid #dcdcdc; padding:7px 20px 8px 95px; position:relative;}
div.boardViewType01 div.list dl dt {position:absolute; left:0; top:0; width:75px; background-position:63px 11px; background-repeat:no-repeat; font-size:12px; font-weight:bold; color:#008c99; padding:6px 0 0 25px;}
div.boardViewType01 div.list dl.prev dt {background-image:url('/images/bullet/blt_prev_list.gif');}
div.boardViewType01 div.list dl.next dt {background-image:url('/images/bullet/blt_next_list.gif');}
div.boardViewType01 div.list dl dd {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
div.boardViewType01 div.list dl dd a {font-size:13px; color:#888888;}
div.boardViewType01 div.list dl dd a:hover {color:#008c99;} 

div.viewContType01 {border-bottom:1px solid #dcdcdc; padding:20px; font-size:14px; line-height:18px; color:#888888; overflow:hidden;}
div.viewContType02 {border:1px solid #dcdcdc; padding:10px; font-size:14px; line-height:18px; color:#888888; overflow:hidden;}

div.boardViewType02 {width:100%; background-color:#f6f6f6; border-bottom:1px solid #dcdcdc;}
div.boardViewType02 dl {width:100%; border-top:1px solid #dcdcdc; position:relative; font-size:14px; line-height:16px;}
div.boardViewType02 dl dt {position:absolute; left:0; top:0; width:90px; font-weight:bold; color:#555555; padding:11px 20px;}
div.boardViewType02 dl dd {background-color:#ffffff; color:#777777; padding:11px 20px; margin-left:130px; min-height:1.2em;}
div.boardViewType02 dl dd a {display:inline-block; margin:-5px; padding:5px;}
div.boardViewType02 dl dd a.fileDown {background-position:5px 7px; padding-left:23px;}
div.boardViewType02.personView {margin-top:20px;}
div.boardViewType02.personView:after,
div.boardViewType02.recruitView:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.boardViewType02.personView dl,
div.boardViewType02.recruitView dl {float:left; width:50%;}
div.boardViewType02.personView dl.fileDown,
div.boardViewType02.recruitView dl.full {width:100%;}

div.boardViewType03 {width:100%; border-bottom:1px solid #dcdcdc;}
div.boardViewType03:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.boardViewType03 dl {float:left; width:16%; text-align:center;}
div.boardViewType03 dl.curriculum {width:20%;}
div.boardViewType03 dl dt {background-color:#dcdcdc; font-size:12px; font-weight:bold; color:#555555; padding:7px 0 8px 0;}
div.boardViewType03 dl dd {font-size:13px; color:#888888; padding:13px 5px;}

div.photoView {position:relative; overflow:hidden; margin-top:-10px;}
div.photoView p {position:relative; margin:0 auto; text-align:center;}
div.photoView p img {width:100%;}
div.photoView dl {position:absolute; left:0; bottom:0; width:80%; padding-left:20%; height:40px; background-color:#000; opacity:0.6; filter:alpha(opacity=60); font-size:12px; color:#fff}
div.photoView dl dt {position:absolute; left:0; top:5px; width:20%; text-align:center;}
div.photoView dl dd {padding:5px 10px 0 10px;}
div.photoView button {position:absolute; top:50%; margin-top:-22px; background-position:left top; background-repeat:no-repeat; background-color:transparent; border:none; width:27px; height:44px;
					  font-size:0; line-height:0; text-indent:-99999px; cursor:pointer;}
div.photoView button.prev {background-image:url('/images/button/btn_photo_prev.png'); left:20px;}
div.photoView button.next {background-image:url('/images/button/btn_photo_next.png'); right:20px}


/* form */
fieldset.agreeForm {/*margin:80px 0 30px 0;*/}
fieldset.agreeForm div.agreeBox {border:1px solid #dcdcdc;}
fieldset.agreeForm div.agreeBox article {height:260px; overflow-y:auto; color:#777777; font-size:13px; line-height:18px; padding:5px;}
fieldset.agreeForm div.agreeBox p.btn {text-align:right; margin:5px;}
fieldset.agreeForm p.check {padding:5px 0 0 20px; float:right;}
fieldset.agreeForm p.check input[type='checkbox'] {margin-left:-20px;}
fieldset.agreeForm p.check label {font-size:13px; color:#888888; line-height:1em;}

fieldset.boardFormType01 {width:100%; border-top:1px solid #e6e6e6; font-size:14px;}
fieldset.boardFormType01 dl {background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; position:relative; padding-left:20%;}
fieldset.boardFormType01 dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
fieldset.boardFormType01 dl dt {position:absolute; left:20px; top:50%; margin-top:-0.5em; font-weight:bold; color:#555555;}
fieldset.boardFormType01 dl dd {background-color:#fff; padding:10px 20px;}
fieldset.boardFormType01 dl dd:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
fieldset.boardFormType01 dl dd input[type='text'],
fieldset.boardFormType01 dl dd input[type='password'] {width:50%;}
fieldset.boardFormType01 dl dd input[type='checkbox'],
fieldset.boardFormType01 dl dd input[type='radio'] {margin-right:0; margin-top:0 \0/IE8+9;}
fieldset.boardFormType01 dl dd input[type='text'].full {width:58%; margin-top:5px;}
fieldset.boardFormType01 dl dd select {min-width:80%;}
fieldset.boardFormType01 dl dd label {vertical-align:top;}
fieldset.boardFormType01 dl dd.check {padding:11px 5px 8px 20px;}
fieldset.boardFormType01 dl dd.radio {padding:12px 5px 10px 18px;}
fieldset.boardFormType01 dl dd.check span,
fieldset.boardFormType01 dl dd.radio span {float:left; margin:3px 15px 3px 0;}
fieldset.boardFormType01 dl dd.check label,
fieldset.boardFormType01 dl dd.radio label {margin-left:3px;}
fieldset.boardFormType01 dl dd.check strong {display:block; margin-bottom:5px;}
fieldset.boardFormType01 dl dd.phone select {min-width:0; width:80px;}
fieldset.boardFormType01 dl dd.phone input[type='text'] {width:65px !important; text-align:center;}
fieldset.boardFormType01 dl dd.phone span {margin:0 3px;}
fieldset.boardFormType01 dl dd.phone p.txt,
fieldset.boardFormType01 dl dd.phone p.radio {display:inline-block; margin-top:10px;}
fieldset.boardFormType01 dl dd.textForm textarea {width:98%;}
fieldset.boardFormType01 dl dd.email input[type='text'],
fieldset.boardFormType01 dl dd.email select {min-width:0; width:45%;}
fieldset.boardFormType01 dl dd.birth select {min-width:0; width:60px;}
fieldset.boardFormType01 dl dd.birth select:first-child {width:80px;}
fieldset.boardFormType01 dl dd.birth span {margin-right:10px;}
fieldset.boardFormType01 dl.txt dd {padding-top:15px; padding-bottom:15px;}
fieldset.boardFormType01 ul {margin-top:5px;}
fieldset.boardFormType01 ul li {background:url('/images/bullet/bullet04.gif') left 6px no-repeat; padding-left:6px; font-size:12px; color:#777777;}
fieldset.boardFormType01 ul li.point {background-image:url('/images/bullet/bullet06.gif'); color:#ff7420;}
fieldset.boardFormType01 dl dd span.cmt {font-size:12px; color:#777777; margin-left:3px;}
fieldset.boardFormType01 p.txt {font-size:13px; margin-right:-5px;}
fieldset.boardFormType01 span.txt {font-size:13px; margin-right:20px;}
fieldset.boardFormType01 p.check,
fieldset.boardFormType01 p.radio {margin-top:10px;}
fieldset.boardFormType01 p.check label,
fieldset.boardFormType01 p.radio label {font-size:12px; margin-right:20px;}
fieldset.boardFormType01 p.zipcode input[type='text'] {width:70px !important; text-align:center;}

fieldset.boardFormType01.curriculumForm {border-top:none; margin-bottom:30px;}
fieldset.boardFormType01.curriculumForm dl:first-child {border-top:1px solid #e6e6e6;}
fieldset.boardFormType01.curriculumForm p {background:url('/images/bullet/bullet18.gif') left 2px no-repeat; border-bottom:1px solid #e6e6e6; padding:0 0 5px 19px; font-weight:bold; color:#555555;}
fieldset.boardFormType01.curriculumForm.first {margin-top:20px;}
fieldset.boardFormType01.curriculumForm p [type='checkbox'] {margin-left:5px;}

fieldset.boardFormType01.recruitRegist dl {float:left; width:35%; padding-left:15%;}
fieldset.boardFormType01.recruitRegist dl.full {width:85%;}

fieldset.boardFormType02 {padding-right:12px;}
fieldset.boardFormType02 textarea {width:100%;}


/* member */
fieldset.memberForm dl {padding-left:23%;}
fieldset.memberForm dl dt {padding-left:10px;}
fieldset.memberForm dl dt.blt {background:url('/images/bullet/bullet05.gif') left 5px no-repeat; padding-left:10px;}
fieldset.memberForm dl dd input[type='text'],
fieldset.memberForm dl dd input[type='password']{width:45%;}

div.boxType02 {background-color:#eaeaea; padding:10px;}
div.boxType02 div.boxCont {border:1px solid #fff; padding:30px 25px;}
div.boxType02 div.boxCont:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.idpwSearch {margin-left:-10px;}
div.idpwSearch:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.idpwArea {float:left; width:50%;}
div.idpwArea h4.tit01 {margin-top:0; margin-left:10px;}
div.idpwArea div.boxType02 {margin:0 0 30px 10px;}
div.idpwArea p.cmt {background:url('/images/bullet/bullet07.gif') left 3px no-repeat; padding:0 0 5px 8px; font-size:11px; color:#777777;}
div.idpwArea ul {width:100%;}
div.idpwArea ul:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.idpwArea ul li {float:left; width:50%;}
div.idpwArea ul li a {display:block; background-color:#fff; border:1px solid #cdcdcd; border-bottom:none; text-align:center; font-size:12px; font-weight:bold; color:#555555; padding:7px 0;}
div.idpwArea ul li:first-child a {border-right:none;}
div.idpwArea ul li a.check {background-color:#008c99; border-bottom:1px solid #cdcdcd; color:#fff;}
div.idpwArea fieldset {width:100%; margin-top:10px; text-align:center;}
div.idpwArea fieldset dl {padding:10px 0 0 50px; text-align:left;}
div.idpwArea fieldset dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.idpwArea fieldset dl dt {float:left; margin:3px 0 0 -50px; font-size:14px; font-weight:bold; color:#555555;}
div.idpwArea fieldset dl dd input[type='text'] {width:100%;}
div.idpwArea fieldset button {background-color:#008c99; border:none; margin-top:20px; font-size:15px; color:#ffffff; width:115px; padding:15px 0; cursor:pointer;}

div.loginArea div.loginCont {float:left; width:50%; background:url('/images/bullet/bar02.gif') right top repeat-y; margin:-10px 0;}
div.loginForm {background:url('/images/text/login_tit.png') center top no-repeat; padding-top:75px; position:relative;}
div.loginForm fieldset {margin-right:20px;}
div.loginForm fieldset dl {padding:10px 100px 0 60px; text-align:left;}
div.loginForm fieldset dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.loginForm fieldset dl dt {float:left; margin:3px 0 0 -60px; font-size:14px; font-weight:bold; color:#555555;}
div.loginForm fieldset dl dd input[type='text'],
div.loginForm fieldset dl dd input[type='password'] {width:100%;}
div.loginForm .loginBtn {background:url('/images/button/btn_login01.gif') left top no-repeat; border:none; font-size:18px; color:#ffffff; 
					     width:89px; height:60px; cursor:pointer; position:absolute; right:20px; top:84px;}
div.loginForm p.check {margin:5px 0 0 60px;}
div.loginForm p.check input[type='checkbox'] {border-color:#959292; margin-right:0;}
div.loginArea div.memberBtn {float:left; width:50%;}
div.loginArea div.memberBtn ul {margin:40px 0 0 20px;}
div.loginArea div.memberBtn ul li {border-top:1px solid #f5f5f5; padding:7px 0;}
div.loginArea div.memberBtn ul li:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.loginArea div.memberBtn ul li:first-child {border-top:none;}
div.loginArea div.memberBtn ul li p {float:left; background:url('/images/bullet/bullet04.gif') left 6px no-repeat; padding-left:8px; font-size:12px; color:#777777; margin-top:3px;}
div.loginArea div.memberBtn ul li span {float:right;}
div.loginArea div.memberBtn ul li span a {background-color:#949494; display:block; width:88px; height:18px; padding-top:4px; text-align:center; font-size:12px; color:#fff;}


/* intro */
div.introCont {font-size:13px; line-height:20px; color:#555555;}
div.introCont h4 {font-size:30px; font-weight:bold; color:#008c99; line-height:1.2em;}
div.introCont p.txt01 {margin:1em 0 1.5em 0; color:#555555;}
div.introCont ul li {background-position:left 3px; background-repeat:no-repeat; padding-left:300px; min-height:106px;}
div.introCont ul li.t1 {background-image:url('/images/img/intro_img01.jpg');}
div.introCont ul li.t2 {background-image:url('/images/img/intro_img02.jpg');}
div.introCont ul li.t3 {background-image:url('/images/img/intro_img03.jpg');}
div.introCont p.txt02 {font-weight:bold; color:#008c99; margin:1.5em 0;}
div.introCont p.txt03 {text-align:right;}

div.mapCont {margin-top:-10px;}
div.mapCont p.img {border:1px solid #bebebe; overflow:hidden;}
div.mapCont p.img img {width:100%;}
div.mapCont h5 {font-size:16px; font-weight:normal; color:#000; margin:25px 0 8px 15px;}
div.mapCont p.txt01 {font-size:13px; color:#888; margin-left:15px;}
div.mapCont dl {background:url('/images/bullet/bullet01.gif') left 6px no-repeat; font-size:13px; color:#888; margin-left:15px; position:relative;}
div.mapCont dl dd {line-height:21px;}
div.mapCont dl.subway {padding-left:50px;}
div.mapCont dl.subway dt {position:absolute; left:7px; top:2px;}
div.mapCont dl.bus {padding-left:65px; margin-top:5px;}
div.mapCont dl.bus dt {position:absolute; left:7px; top:2px;}
div.mapCont dl.bus dd {background-position:left 2px; background-repeat:no-repeat; padding:0 10px 5px 45px;}
div.mapCont dl.bus dd.blue {background-image:url('/images/bullet/icon_bus01.gif');}
div.mapCont dl.bus dd.green {background-image:url('/images/bullet/icon_bus02.gif');}
div.mapCont dl.bus dd.red {background-image:url('/images/bullet/icon_bus03.gif');}
div.mapCont dl.bus dd span {display:inline-block;}

div.curriculumIntro > p.txt01 {font-size:13px; line-height:18px; color:#888;}
div.curriculumIntro > p.txt02 {font-size:16px; line-height:20px; color:#667e8b; margin:0;}
ul.curriculumCont {background:#f2f0f1 url('/images/img/box_bg01.gif') center top repeat-y; margin:20px 10px 0 10px;}
ul.curriculumCont.oneData {background-color:#fff;}
ul.curriculumCont:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ul.curriculumCont > li {float:left; width:50%;}
ul.curriculumCont > li div.img {background-color:#f2f0f1; margin-left:10px; padding:20px; border-bottom:1px solid #fff; text-align:center;}
ul.curriculumCont > li div.cont {background-color:#f2f0f1; margin-left:10px;  padding:20px;}
ul.curriculumCont > li:first-child div.img,
ul.curriculumCont > li:first-child div.cont {margin-left:0; margin-right:10px;}
ul.curriculumCont > li div.img h5 {font-size:16px; color:#333; margin-bottom:10px;}
ul.curriculumCont > li div.img p.txt {font-size:14px; line-height:18px; color:#333333; text-align:left; margin:10px 0 -5px 0; min-height:2.5em;}
ul.curriculumCont > li div.cont h5 {font-size:16px; font-weight:normal; color:#008c99; margin-bottom:10px;}
ul.curriculumCont > li div.cont h6 {background:url('/images/bullet/bullet16.gif') left 6px no-repeat; padding-left:8px; font-size:14px; font-weight:normal; color:#333; margin:1em 0 5px 0;}
ul.curriculumCont > li div.cont strong {display:block; font-weight:normal; font-size:12px; line-height:14px; color:#333; margin:15px 0 0 8px;}
ul.curriculumCont > li div.cont strong.first {margin-top:0;}
ul.curriculumCont > li div.cont ul li {background:url('/images/bullet/bullet08.gif') 7px 8px no-repeat; padding-left:15px; margin-top:3px; font-size:12px; line-height:14px; color:#555;}
ul.curriculumCont > li div.cont ul.num {margin-bottom:-15px;}
ul.curriculumCont > li div.cont ul.num li {background-position:left 1px; background-repeat:no-repeat; padding:0 0 15px 26px; margin:0; font-size:12px; line-height:15px; color:#888;}
ul.curriculumCont ul.num li.num01 {background-image:url('/images/bullet/icon_num01.gif');}
ul.curriculumCont ul.num li.num02 {background-image:url('/images/bullet/icon_num02.gif');}
ul.curriculumCont ul.num li.num03 {background-image:url('/images/bullet/icon_num03.gif');}
ul.curriculumCont ul.num li.num04 {background-image:url('/images/bullet/icon_num04.gif');}
ul.curriculumCont ul.num li.num05 {background-image:url('/images/bullet/icon_num05.gif');}

ul.teacherList {margin:0 -10px;}
ul.teacherList:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ul.teacherList li {float:left; width:50%;}
ul.teacherList li > a {display:block; margin:30px 20px 0 20px;}
ul.teacherList li p {background:url('/images/img/teacher_bg01.jpg') left top repeat-x; width:100%; height:170px; overflow:hidden;}
/*ul.teacherList li.t03 p {background-image:url('/images/img/teacher_bg02.jpg')}*/
ul.teacherList li dl {background-color:#008c99; height:60px; padding:10px 18px; line-height:16px;}
ul.teacherList li dl dt {font-size:16px; color:#fff; margin:4px 0 6px 0;}
ul.teacherList li dl dd {color:#8fccd2;}

div.teacherCont {position:relative; min-height:540px; padding-left:310px; margin-top:30px;}
div.teacherCont .listBtn {position:absolute; left:0; top:0; width:280px;}
div.teacherCont .listBtn a {display:block; border:2px solid #dcdcdc; background:url('/images/bullet/bullet19.gif') 10px center no-repeat; 
						  padding:6px 0 0 25px; height:20px; color:#008c99; font-family:'NanumGothicBold';}
div.teacherCont .listBtn a:hover {border-color:#008c99;}
div.teacherCont div.cont01 {position:absolute; left:0; top:30px; width:280px;}
div.teacherCont div.cont01 p.txt {font-size:19px; line-height:1.5em; color:#008c99; margin:25px 0 25px 20px;}
div.teacherCont div.cont01 p.txt02 {margin-bottom:-5px; color:#999;}
div.teacherCont div.cont01 p.img {width:280px; height:300px; overflow:hidden;}
div.teacherCont div.cont01 h5 {background-color:#008c99; text-align:center; font-size:16px; font-weight:normal; font-family:'NanumGothicBold'; color:#fff; padding:25px 0;}
div.teacherCont div.cont02 h6 {border-top:1px dashed #cbcbcb; font-size:14px; color:#008c99; font-weight:normal; font-family:'NanumGothicBold'; padding:19px 0 5px 0;}
div.teacherCont div.cont02 ul {margin-bottom:19px;}
div.teacherCont div.cont02 ul li {background:url('/images/bullet/bullet01.gif') 2px 5px no-repeat; padding-left:8px; margin-top:3px; font-size:12px; line-height:14px; color:#555;}
div.teacherCont div.cont02 p {font-size:12px; color:#888;}


/* curriculum */
div.curriculumTit {text-align:center; margin:-6px 15px 0 15px;}
div.curriculumTit p.txt01 {font-size:25px; line-height:1.2em; /*letter-spacing:-1px;*/ font-weight:normal; color:#000;}
div.curriculumTit p.txt01 em {color:#008c99;}
div.curriculumTit p.txt02 {font-size:16px; line-height:20px; color:#667e8b; margin:4px 0 -2px 0;}
div.curriculumTit p.txt03 {font-size:13px; line-height:18px; color:#888; margin:14px 0 13px 0;}

ul.curriculumMain {margin:0 auto;}
ul.curriculumMain:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ul.curriculumMain > li {float:left; width:50%; margin-top:20px;}
ul.curriculumMain > li div.boxCont {background:url('/images/img/curriculum_main_ct.jpg') left top repeat-x; margin:0 10px;}
ul.curriculumMain > li div.boxCont div.boxIn {background-position:right top; background-repeat:no-repeat;}
ul.curriculumMain > li.m1 div.boxCont div.boxIn {background-image:url('/images/img/curriculum_main_img01.jpg');}
ul.curriculumMain > li.m2 div.boxCont div.boxIn {background-image:url('/images/img/curriculum_main_img02.jpg');}
ul.curriculumMain > li.m3 div.boxCont div.boxIn {background-image:url('/images/img/curriculum_main_img03.jpg');}
ul.curriculumMain > li.m4 div.boxCont div.boxIn {background-image:url('/images/img/curriculum_main_img04.jpg');}
ul.curriculumMain > li.m5 div.boxCont div.boxIn {background-image:url('/images/img/curriculum_main_img05.jpg');}
ul.curriculumMain > li.m6 div.boxCont div.boxIn {background-image:url('/images/img/curriculum_main_img06.jpg');}
ul.curriculumMain > li a {display:block; background:url('/images/img/curriculum_main_lt.jpg') left top no-repeat; height:117px; padding-left:20px;}
ul.curriculumMain > li h5 {font-size:24px; line-height:1em; color:#333; padding:20px 0;}
ul.curriculumMain > li p {font-size:12px; line-height:18px; color:#666;}

div.curriculumArea h4,
div.curriculumArea h5,
div.curriculumArea h6 {font-weight:normal; line-height:1em;}
div.curriculumArea h4 {font-size:25px; color:#333; text-align:center;}

div.curriculumArea .inc_vod{height:432px;padding:15px 0}

div.curriculumCont01 {border-top:1px dashed #dcdcdc; text-align:center; padding:27px 20px 0 20px; margin-top:30px;}
div.curriculumCont01 p {font-size:14px; line-height:20px; color:#555555; margin-top:16px;}

div.curriculumCont02 {border-top:1px dashed #dcdcdc; background-position:10px 30px; background-repeat:no-repeat; min-height:180px; padding:30px 20px 0 180px; margin-top:27px;; line-height:18px; position:relative;}
div.curriculumCont02 h5 {position:absolute; left:20px; top:30px; background-position:left bottom; background-repeat:no-repeat; width:160px;
					     font-size:20px; font-weight:normal; line-height:22px; color:#888;}
div.curriculumCont02 h5 span {display:block;}
div.makeupBg01 {background-image:url('/images/img/curriculum_img01.jpg'); min-height:178px; padding-left:196px;}
div.hairBg01 {background-image:url('/images/img/curriculum_img02.jpg'); min-height:203px; padding-left:196px;}
div.nailartBg01 {background-image:url('/images/img/curriculum_img03.jpg'); min-height:176px; padding-left:196px;}
div.esthetiqueBg01 {background-image:url('/images/img/curriculum_img04.jpg'); min-height:196px; padding-left:196px;}
div.stylistBg01 {background-image:url('/images/img/curriculum_img05.jpg'); min-height:173px; padding-left:206px;}
div.simpleBg01 h5 {background-image:url('/images/img/curriculum_img06.png'); height:165px;}
div.simpleBg02 h5 {background-image:url('/images/img/curriculum_img07.png'); height:160px;}
div.simpleBg03 h5 {background-image:url('/images/img/curriculum_img08.png'); height:150px;}
div.simpleBg04 h5 {background-image:url('/images/img/curriculum_img09.png'); height:165px;}
div.simpleBg05 h5 {background-image:url('/images/img/curriculum_img10.png'); height:165px;}
div.simpleBg06 h5 {background-image:url('/images/img/curriculum_img11.png'); height:155px;}
div.curriculumCont02 p.txt01 {font-size:18px; color:#027182; margin-bottom:3px;}
div.curriculumCont02 p.txt02 {font-size:16px; color:#25aec2; margin:0;}
div.curriculumCont02 p.txt03 {font-size:12px; color:#777; margin-top:1em;}

div.curriculumCont03 {border-top:1px dashed #dcdcdc; width:100%; text-align:center; padding-top:30px; margin-top:25px;}
div.curriculumCont03 > ul {margin:0 10px;}
div.curriculumCont03 > ul:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.curriculumCont03 > ul li {float:left; width:50%;}
div.curriculumCont03 > ul li.none {background:url('/images/text/list_none01.png') center center no-repeat; height:277px; text-align:center;}
div.curriculumCont03 > ul.full li {float:none; width:100%;}
div.boxType03 dl {background:#ebebeb url('/images/bullet/icon_curriculum01.gif') 35px center no-repeat; text-align:left; height:50px; padding:10px 30px 10px 65px;}
div.boxType03 dl dt {font-size:16px; color:#333333;}
div.boxType03 dl dd {font-size:14px; line-height:1em; color:#888; margin-top:8px;}
div.boxType03 h5 {font-family:'NanumBarunGothicBold';height:42px; padding-top:39px; font-size:22px; color:#555;}
div.boxType03 p {height:121px; padding:0 20px; font-size:14px; line-height:18px; color:#777;}
div.boxType03 strong {display:block;font-size:16px; color:#333333; font-weight:normal; margin-bottom:5px;}
div.boxType03 em {color:#008c99;}
ul.full div.boxType03,
ul.full div.boxType03 dl {height:auto;}
ul.full div.boxType03 p {height:auto; padding-bottom:30px;}
div.boxType03.sizeType01 dl {height:60px;}
div.boxType03.sizeType01 p {height:111px;}

div.curriculumCont04 {border-top:1px dashed #dcdcdc; margin-top:30px; position:relative; min-height:100px; padding:27px 20px 0 200px;}
div.curriculumCont04 h5 {position:absolute; left:25px; top:50%; margin-top:-50px; background:url('/images/img/curriculum_img00.png') center 5px no-repeat; 
						 font-size:20px; line-height:22px; color:#888; text-align:center; padding-top:85px;}
div.curriculumCont04 dl {background:url('/images/bullet/bullet10.gif') left 5px no-repeat; padding:0 0 7px 6px; font-size:12px; line-height:1.2em;}
div.curriculumCont04 dl dt {background:url('/images/bullet/bullet11.gif') right 5px no-repeat; display:inline-block; padding-right:6px; color:#000;}
div.curriculumCont04 dl dd {display:inline; color:#777;}

div.curriculumCont05 {border-top:1px dashed #dcdcdc; width:100%; padding:30px 0; margin-top:23px;}
div.curriculumCont05 h5 {font-size:16px; color:#008c99; margin:30px 0 10px 0;}
div.curriculumCont05 h6 {background:url('/images/bullet/bullet12.gif') left 5px no-repeat; padding-left:10px; font-size:14px; color:#555; margin-bottom:5px;}

div.boxCurriculumTit {background:url('/images/img/box_type07_rt.gif') right top no-repeat;}
div.boxCurriculumTit div.boxIn {background:url('/images/img/box_type07_lt.gif') left top no-repeat;}
div.boxCurriculumTit div.cont {background-position:center center; background-repeat:no-repeat; width:100%; height:149px;}
div.boxCurriculumTit div.makeupBg02 {background-image:url('/images/img/curriculum_img01_2.jpg');}
div.boxCurriculumTit div.hairBg02 {background-image:url('/images/img/curriculum_img02_2.jpg');}
div.boxCurriculumTit div.nailartBg02 {background-image:url('/images/img/curriculum_img03_2.jpg');}
div.boxCurriculumTit div.esthetiqueBg02 {background-image:url('/images/img/curriculum_img04_2.jpg');}
div.boxCurriculumTit div.stylistBg02 {background-image:url('/images/img/curriculum_img05_2.jpg');}
div.boxCurriculumTit h4 {text-align:left; padding:76px 0 0 25px; font-size:26px;}
div.boxCurriculumTit h4 span {display:block;}

div.curriculumSimple {border-top:1px dashed #dcdcdc; width:100%; padding-top:30px; margin-top:25px;}
div.curriculumSimple h4 {text-align:left; margin:0 0 0 20px;}
div.curriculumSimple div.curriculumCont02 {border:none; margin-top:0; min-height:170px;}
div.curriculumCont02.simpleBg02 p.txt01,
div.curriculumCont02.simpleBg03 p.txt01,
div.curriculumCont02.simpleBg04 p.txt01,
div.curriculumCont02.simpleBg06 p.txt01{margin-top:40px;}
div.curriculumSimple div.curriculumCont03 {border:none; padding-top:10px; margin-top:0;}


/* table box */
div.boxType04 {border:8px solid #f4f4f4;}
div.boxType04 > dl {border-top:1px solid #dcdcdc; padding:10px 20px 10px 20px; position:relative; line-height:18px;}
div.boxType04 > dl:first-child {border-top:none;}
div.boxType04.titSize01 > dl {padding-left:140px;}
div.boxType04.titSize02 > dl,
div.boxType04.titSize04 > dl {padding-left:200px;}
div.boxType04.titSize03 > dl {padding-left:180px;}
div.boxType04 > dl > dt {position:absolute; left:20px; top:50%; margin-top:-0.5em; font-size:14px; color:#00aebe;
						 background:url('/images/bullet/bullet13.gif') left 5px no-repeat; padding-left:12px;}
div.boxType04.titSize02 > dl > dt {margin-top:-1em;}
div.boxType04 > dl dt span {display:block; color:#333;}
div.boxType04 > dl dt.tit02 {background-position:left center; margin-top:-1em;}
div.boxType04 > dl dt.tit02 em {display:none;}
div.boxType04 > dl dt.tit02 span {color:#00aebe;}
div.boxType04 > dl > dd {font-size:13px; color:#888;}
div.boxType04 > dl > dd ul > li,
div.boxType04 > dl > dd dl,
div.boxType04 > dl > dd p {background:url('/images/bullet/bullet14.gif') left 7px no-repeat; padding-left:7px;}
div.boxType04 > dl > dd ul.subCmt {margin-top:1em;}
div.boxType04 > dl > dd ul.subCmt > li {background:url('/images/bullet/bullet08.gif') left 9px no-repeat;}
div.boxType04 > dl > dd ul > li strong {font-weight:normal; color:#555;}
div.boxType04 > dl > dd dl dt {display:inline; margin-right:2px;}
div.boxType04 > dl > dd dl dd {display:inline; background:url('/images/bullet/bullet15.gif') left 5px no-repeat; padding-left:7px;}
div.boxType04 > dl > dd.subType01 ul > li {background:none; border-top:1px dashed #dcdcdc; padding:10px 0 0 0; margin-top:10px;}
div.boxType04 > dl > dd.subType01 ul > li:first-child {border-top:none; padding:0; margin:0;}
div.boxType04 > dl > dd.subType01 ul > li > strong,
div.boxType04 > dl > dd.subType01 > strong,
div.boxType04 > dl > dd.subType03 > strong,
div.boxType04 > dl > dd.subType05 > strong {background:url('/images/bullet/bullet12.gif') left 6px no-repeat; padding-left:10px; display:block; 
											font-size:14px; font-weight:normal; color:#555; margin-bottom:3px;}
div.boxType04 > dl > dd.subType01 ul > li dl,
div.boxType04 > dl > dd.subType01 ul > li p,
div.boxType04 > dl > dd.subType03 ul {margin-left:12px;}
div.boxType04 > dl > dd.subType02 dl {background-image:url('/images/bullet/bullet01.gif');}
div.boxType04 > dl > dd.subType02 dt {color:#333}

div.boxType04 > dl > dd.subType02 dl {padding-left:60px;}
div.boxType04 > dl > dd.subType02 dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.boxType04 > dl > dd.subType02 dl dt {vertical-align:top; float:left; margin-left:-53px;}
div.boxType04 > dl > dd.subType02 dl dd {display:block;}
div.boxType04 > dl > dd.subType02 dl dd:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.boxType04 > dl > dd.subType02 dl dd span {float:left; margin-left:3px;}
div.boxType04 > dl > dd.subType02 dl dd span:first-child {margin:0;}

div.boxType04 > dl > dd.subType04 dl {padding-left:35px;}
div.boxType04 > dl > dd.subType04 dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.boxType04 > dl > dd.subType04 dl dt {vertical-align:top; float:left; margin-left:-28px;}
div.boxType04 > dl > dd.subType04 dl dd {display:block;}

div.boxType04 > dl > dd.subType05 dl {padding-left:60px;}
div.boxType04 > dl > dd.subType05 dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.boxType04 > dl > dd.subType05 dl dt {vertical-align:top; float:left; margin-left:-53px;}
div.boxType04 > dl > dd.subType05 dl dd {display:block;}
div.boxType04 > dl > dd.subType05 ul li span {display:inline-block;}



/* open event detail */
div.eventPop01 {width:auto; max-width:550px; margin:0 auto;}
div.eventDetail01 {text-align:center; margin:20px 0 30px 0;}
div.eventDetail01 div.tit {font-weight:bold;}
div.eventDetail01 div.tit p {display:inline-block;}
div.eventDetail01 div.tit span {display:inline-block; vertical-align:middle; font-size:35px; color:#333;}
div.eventDetail01 div.tit em {display:inline-block; vertical-align:middle; background-color:#006e78; font-size:42px; line-height:1em; color:#fff; padding:5px; margin:0 5px;}
div.eventDetail01 div.cmt {margin:22px 0 25px 0; font-size:14px; line-height:18px; color:#777;}
div.eventDetail01 div.cmt em {color:#333;}
div.eventDetail01 div.cmt span {display:inline-block;}
div.eventDetail01 div.form {background-color:#efefef; border:8px solid #006872; position:relative;}
div.eventDetail01 div.form div.bg span {position:absolute; display:block; background-position:left top; background-repeat:no-repeat; width:10px; height:10px;}
div.eventDetail01 div.form div.bg span.topLt {background-image:url('/images/img/box_type04_top_lt.gif'); top:-8px; left:-8px;}
div.eventDetail01 div.form div.bg span.topRt {background-image:url('/images/img/box_type04_top_rt.gif'); top:-8px; right:-8px;}
div.eventDetail01 div.form div.bg span.btmLt {background-image:url('/images/img/box_type04_btm_lt.gif'); bottom:-8px; left:-8px;}
div.eventDetail01 div.form div.bg span.btmRt {background-image:url('/images/img/box_type04_btm_rt.gif'); bottom:-8px; right:-8px;}
div.eventDetail01 div.form fieldset {padding:20px;}
div.eventDetail01 div.form fieldset p {font-size:20px; color:#555; line-height:1em; margin-bottom:10px;}
div.eventDetail01 div.form fieldset p em {font-weight:bold;}
div.eventDetail01 div.form fieldset label {display:inline-block; vertical-align:middle; font-size:24px; font-weight:bold; color:#555; margin:0 5px;}
div.eventDetail01 div.form fieldset input[type='text'] {text-align:center; width:50px; height:42px; font-size:24px; line-height:42px; color:#555; padding:0; margin:0 1px;}
div.eventDetail01 div.form fieldset span {display:inline-block; vertical-align:middle; font-size:34px; font-weight:bold; color:#008c99; margin:0 5px;}


/* info */
ol.stepCont01 {margin:0 auto; text-align:center;}
ol.stepCont01:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ol.stepCont01 li {display:inline-block; vertical-align:top; position:relative; margin:0 -3px 20px 0;}
ol.stepCont01.stepType01 li,
ol.stepCont01.stepType02 li {width:18%; height:80px;}
ol.stepCont01.stepType03 li {width:130px; height:150px;}
ol.stepCont01.stepType04 li {width:150px; height:170px;}
ol.stepCont01 li.arrow {background:url('/images/bullet/arrow01.gif') center no-repeat; width:15px !important; height:8px !important; margin-top:41px;}
ol.stepCont01 li.plus {background:url('/images/bullet/plus01.gif') center no-repeat; width:12% !important; height:20px !important;}
ol.stepCont01.stepType03 li.arrow {margin-top:76px;}
ol.stepCont01.stepType04 li.plus {margin-top:80px;}
ol.stepCont01 li div.cont {font-size:13px; line-height:18px; color:#555;}
ol.stepCont01 li div.cont.mgt01 {margin-top:30px;}
ol.stepCont01 li div.cont.mgt02 {margin-top:12px;}
ol.stepCont01 li div.cont.mgt03 {margin-top:10px;}
ol.stepCont01 li div.cont.mgt04 {margin-top:3px;}
ol.stepCont01 li div.cont p.line {background:url('/images/bullet/line01.gif') center bottom no-repeat; padding-bottom:4px; margin:0 auto 1px auto;}
ol.stepCont01 li div.cont dl {font-size:13px; line-height:16px;}
ol.stepCont01 li div.cont dl dt {color:#555;}
ol.stepCont01 li div.cont dl dd {color:#888;}
ol.stepCont01.stepType03 li div.cont dl dt {background:url('/images/img/step02_off.gif') center top no-repeat; width:55px; height:19px; 
										    margin:25px auto 15px auto; padding-top:2px; color:#dcdcdc;}
ol.stepCont01.stepType03 li div.cont dl dd.line {background:url('/images/bullet/line01.gif') center top no-repeat; padding-top:4px; margin-top:3px;}
ol.stepCont01.stepType03 li div.cont dl.s01 dt {margin-bottom:20px;}
ol.stepCont01.stepType03 li div.cont dl.s04 dt {background-image:url('/images/img/step02_on.gif'); margin-bottom:37px;}
ol.stepCont01.stepType03 li div.cont dl.s04 dd {color:#008c99;}
ol.stepCont01.stepType03 dd span.stxt {font-size:10px;}
ol.stepCont01.stepType04 dt p {font-size:11px;}

div.stepCont02 div.pcont {background:url('/images/bullet/arrow02.gif') center top no-repeat; position:relative; width:100%; height:420px;}
div.stepCont02 div.pcont div.arrow {background:url('/images/bullet/arrow03.gif') left top repeat-x;
									 position:absolute; left:50%; bottom:85px; width:14%; height:46px; margin-left:-7%;}
div.stepCont02 div.pcont div.arrow span {background-position:left top; background-repeat:no-repeat; display:block; position:absolute; width:11px; height:15px;}
div.stepCont02 div.pcont div.arrow span.arrow01 {background-image:url('/images/bullet/arrow03_1.gif'); right:0; top:0;}
div.stepCont02 div.pcont div.arrow span.arrow02 {background-image:url('/images/bullet/arrow03_2.gif'); left:0; bottom:0;}
div.stepCont02 div.pcont div.cont01 {background:url('/images/img/gov_img01.gif') center top no-repeat; width:139px; height:35px; padding-top:100px;
									 position:absolute; left:50%; top:0; margin-left:-70px; text-align:center; font-size:13px; color:#333; font-weight:bold;}
div.stepCont02 div.pcont div.cont02 {position:absolute; left:0; bottom:0; width:40%; height:195px;}
div.stepCont02 div.pcont div.cont03 {position:absolute; right:0; bottom:0; width:40%; height:195px;}
div.stepCont02 p.tit {height:32px; font-size:16px; color:#008c99; margin-top:20px;}
div.stepCont02 div.pcont div.cont02 ol.numCmt02 {margin-left:50px; width:140px;}
div.stepCont02 div.pcont div.cont03 ol.numCmt02 {margin-left:70px; width:140px;}
div.stepCont02 div.pcont div.cont04 > div {position:absolute; left:50%; text-align:center; display:inline-block; font-size:13px; line-height:16px; color:#888;}
div.stepCont02 div.pcont div.cont04 > div.num03 {top:94px; margin-left:180px;}
div.stepCont02 div.pcont div.cont04 > div.num08 {top:154px; margin-left:80px;}
div.stepCont02 div.pcont div.cont04 > div.num13 {top:94px; margin-left:-210px;}
div.stepCont02 div.pcont div.cont04 > div em {color:#008c99;}
div.stepCont02 div.mcont {display:none;}
div.stepCont02 div.mcont ol.numCmt02 {margin:17px 25px;}

ol.stepCont01.stepType04 .boxType05 .cont {background-position:center 20px; background-repeat:no-repeat; padding-top:80px; font-size:13px; color:#555;}
ol.stepCont01.stepType04 .boxType05 .cont.icon01 {background-image:url('/images/bullet/icon_gov01.gif')}
ol.stepCont01.stepType04 .boxType05 .cont.icon02 {background-image:url('/images/bullet/icon_gov02.gif')}
ol.stepCont01.stepType04 .boxType05 .cont.icon03 {background-image:url('/images/bullet/icon_gov03.gif')}
ol.stepCont01.stepType04 .boxType05 .cont dl dt > span,
ol.stepCont01.stepType04 .boxType05 .cont dl dd > span {display:inline-block;}
ol.stepCont01.stepType04 li div.cont dl dt {height:3em;}
ol.stepCont01.stepType04 li div.cont dl dd {margin-bottom:10px;}

ol.stepCont03 > li {width:100%; margin-top:10px;}
ol.stepCont03 > li:first-child {margin-top:0;}
ol.stepCont03 div.boxType06 div.cont {background-position:left top; background-repeat:no-repeat; min-height:50px; margin:25px; padding-left:75px;}
ol.stepCont03 div.boxType06 div.cont.num01 {background-image:url('/images/bullet/icon02_num01.gif')}
ol.stepCont03 div.boxType06 div.cont.num02 {background-image:url('/images/bullet/icon02_num02.gif')}
ol.stepCont03 div.boxType06 div.cont.num03 {background-image:url('/images/bullet/icon02_num03.gif')}
ol.stepCont03 div.boxType06 div.cont.num04 {background-image:url('/images/bullet/icon02_num04.gif')}
ol.stepCont03 div.boxType06 div.cont.num05 {background-image:url('/images/bullet/icon02_num05.gif')}
ol.stepCont03 div.boxType06 div.cont.num06 {background-image:url('/images/bullet/icon02_num06.gif')}
ol.stepCont03 div.boxType06 div.cont.num07 {background-image:url('/images/bullet/icon02_num07.gif')}
ol.stepCont03 div.boxType06 div.cont.num08 {background-image:url('/images/bullet/icon02_num08.gif')}
ol.stepCont03 div.boxType06 div.cont.num09 {background-image:url('/images/bullet/icon02_num09.gif')}
ol.stepCont03 div.boxType06 div.cont dl {line-height:18px;}
ol.stepCont03 div.boxType06 div.cont dt {font-size:16px; color:#555; margin-bottom:3px;}
ol.stepCont03 div.boxType06 div.cont dd {font-size:13px; color:#888;}
ol.stepCont03 div.boxType06 div.cont p.img {margin:10px 0 20px 0;}
ol.stepCont03 div.boxType06 div.cont p.img img {border:1px solid #ececec; width:99%;}
ol.stepCont03 div.boxType06 div.cont ul.cmt05 {margin-left:-8px;}
ol.stepCont03 div.boxType06 div.cont dd > p {margin-bottom:2px;}

div.processCont01 {width:100%; margin-top:20px;}
div.processCont01:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
div.processCont01.line {border-top:1px dashed #d5d5d5; margin-top:30px; padding-top:30px;}
div.processCont01 dl {float:left; width:60%;}
div.processCont01 dl dt {font-size:18px; color:#17bccb;}
div.processCont01 dl dd.tit {font-size:16px; line-height:1.2em; color:#333; margin:10px 0 5px 0;}
div.processCont01 dl dd.txt {font-size:13px; line-height:18px; color:#888; margin:0 20px 15px 0;}
div.processCont01 ol {float:right; width:40%; background-color:#f6f6f6; padding:20px 0; margin-top:20px;}
div.processCont01 ol li.box {margin:0 15px; background-color:#fff; border:1px solid #e5e5e5; text-align:center; font-size:14px; line-height:1.2em; color:#555; padding:5px 0;}
div.processCont01 ol li.arrow {background:url('/images/bullet/arrow04.gif') center no-repeat; height:25px;}
div.processCont01 ol li.arrowTxt {background:url('/images/bullet/arrow04.gif') center bottom no-repeat; margin:10px 0; padding-bottom:5px; text-align:center;}
div.processCont01 ol li.arrowTxt span {background:#17bccb url('/images/img/step03_rt.gif') right top no-repeat; display:inline-block; height:21px;}
div.processCont01 ol li.arrowTxt em {background:url('/images/img/step03_lt.gif') left top no-repeat; display:inline-block; height:18px; text-align:center;
							         font-size:12px; color:#fff; padding:3px 10px 0 10px;}

ul.infoImg01 {margin:0 -4px;}
ul.infoImg01:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
ul.infoImg01 li {float:left; margin:8px 4px 0 4px;}


/************************** tablets default (768px) ******************************/
@media screen and (min-width:768px) and (max-width:1280px) {
fieldset.memberForm dl dt {left:15px;}
fieldset.memberForm dl dd input[type='text'],
fieldset.memberForm dl dd input[type='password']{width:40%;}

div.memberJoinFinish {background-position:-50px center; padding:40px 20px;}
div.memberJoinFinish p {margin-left:50%;}

div.mapCont p.img img {width:120%; margin:0 0 -15% -10%;}

div.curriculumCont03 {padding-top:20px;}
div.curriculumCont04 {margin-top:20px;}
div.boxType04.titSize01 > dl {padding-left:120px;}

ul.faqList li dl dt a,
ul.faqList li dl dd {background-position:20px 10px; padding-left:65px; padding-right:10px;}
ol.boardListType02 dl {margin-top:8px;}
ol.boardListType02 p.press {margin-bottom:-1px;}
ol.boardListType03 {margin-left:auto; margin-right:auto;}

ol.stepCont03 div.boxType06 div.cont {margin:20px; padding-left:70px;}
span.btn_down{position:absolute;top:5px; right:20px}
}


/************************** mobile default (320px) ******************************/
@media screen and (max-width:767px) {
h4.tit01 {font-size:15px; margin-top:20px; margin-bottom:3px;}
h4.tit03 {font-size:20px;}
p.formTit01 {margin-top:20px;}
div.boxType01 {background-position:10px center; padding-left:45px;}
div.memberJoinFinish {background:none; padding:15px 10px;}
div.memberJoinFinish p {margin-left:0;}
div.memberJoinFinish p.txt01 {font-size:19px;;}
div.memberJoinFinish p.txt02 {font-size:32px;}

div.btn01 {margin:15px 0 0 0; text-align:center;}
div.btn02 {margin-top:15px; text-align:center;}
span.btnType01 a, span.btnType01 button,
span.btnType03 a, span.btnType03 button {font-size:14px;}
ul.cmt01.btn {display:none;}
ul.cmt05 {margin-left:5px;}

span.btn_down{display:block;position:static;margin-bottom:5px;}

nav.tab {margin-bottom:20px;}
nav.tab ul.tab01 li,
nav.tab ul.tab03 li {width:33%;}
nav.tab ul.tab02 li {width:50%;}
nav.tab ul.tab05 li {width:20%;}
nav.tab ul.tab01 li:first-child,
nav.tab ul.tab03 li:first-child {width:34%;}
nav.tab ul li a {min-width:0; height:27px; padding:12px 3px 0 3px;}

ol.memberStep {height:60px; margin-bottom:20px;}
ol.memberStep li {width:28%; height:60px;}
ol.memberStep li.step01 em, ol.memberStep li.step01.on em,
ol.memberStep li.step02 em, ol.memberStep li.step02.on em,
ol.memberStep li.step03 em, ol.memberStep li.step03.on em {background-image:none;}
ol.memberStep li.bar {width:31px;}
ol.memberStep li strong {display:block;}
ol.memberStep li span {font-size:14px; line-height:1.2em;}
ol.memberStep li span em {padding-top:14px; margin:0 10px;}
ol.memberStep li.on span em {padding-top:14px;}
ol.memberStep li.step02 {margin:0 -31px; width:44%;}
ol.memberStep li.step02 span {margin:0 31px;}
ol.memberStep li.step02 em {margin:0;}

div.paging {margin-top:15px;}
fieldset.search {margin-top:20px;}
table.boardListType01.viewList {margin-top:20px;}
table.boardListType01 .num,
table.boardListType01 .read,
table.boardListType01.postList .date {display:none;}
table.boardListType01 td.tit {padding-left:10px;}
ol.boardListType02 li {min-height:70px;}
ol.boardListType02 p.press {margin-top:4px; margin-left:120px;}
ol.boardListType02 p.img {width:110px; height:70px;}
ol.boardListType02 p.img img {width:110px; height:70px;}
ol.boardListType02 dt {font-size:14px; margin-left:120px; min-height:41px;}
ol.boardListType02 li.pressNone dt {min-height:54px;}
ol.boardListType02 dd.num {display:none;}
ol.boardListType02 dd.desc {padding-top:11px; margin-left:0;}
ol.boardListType03.photoViewList {margin-top:5px;}
ol.boardListType03 li dl dt {margin:7px 0 2px 0;}
ul.faqList {margin-top:-20px;}
ul.faqList li dl dt a,
ul.faqList li dl dd {background-position:10px 10px; padding-left:50px; padding-right:10px;}

div.boardViewType01 dl.tit {padding-left:55px; padding-right:10px;}
div.boardViewType01 dl.tit dt {left:15px;}
div.boardViewType01 div.num {padding-right:10px;}
div.boardViewType01 div.cont,
div.viewContType01 {padding:10px;}
div.boardViewType01 div.list dl {padding-left:65px; padding-right:10px;}
div.boardViewType01 div.list dl dt {width:55px; background-position:47px 11px; padding-left:10px;}

div.boardViewType02 dl dt {width:90px; padding:11px 10px;}
div.boardViewType02 dl dd {padding:11px 10px; margin-left:110px;}
div.boardViewType02.personView dl,
div.boardViewType02.recruitView dl {float:none; width:100%;}

div.boardViewType03 {background-color:#f6f6f6;}
div.boardViewType03 dl {float:none; width:100%; text-align:left; border-top:1px solid #dcdcdc; position:relative;  line-height:16px;}
div.boardViewType03 dl.curriculum {width:100%;}
div.boardViewType03 dl dt {background-color:#f6f6f6; position:absolute; left:0; top:0; width:90px; font-size:14px; font-weight:bold; color:#555555; padding:11px 10px;}
div.boardViewType03 dl dd {background-color:#ffffff; font-size:14px; color:#777777; padding:11px 10px; margin-left:110px;}

div.photoView dl {width:100%; padding-left:0; height:30px;}
div.photoView dl dt {position:absolute; left:0; top:7px; width:100%; text-align:center;}
div.photoView dl dd {display:none;}
div.photoView button {margin-top:-16px; width:19px; height:31px;}
div.photoView button.prev {background-image:url('/images/button/btn_photo_prev_m.png'); left:10px;}
div.photoView button.next {background-image:url('/images/button/btn_photo_next_m.png'); right:10px}

fieldset.boardFormType01 {border-bottom:1px solid #e6e6e6;}
fieldset.boardFormType01 dl {background-color:#fff; border-top:1px dashed #e6e6e6; border-bottom:none; position:static; padding:0; margin:0 5px;}
fieldset.boardFormType01 dl:first-child {border:none;}
fieldset.boardFormType01 dl dt {position:static; margin:0; padding-top:10px;}
fieldset.boardFormType01 dl dd {padding-left:0; padding-right:2px;}
fieldset.boardFormType01 dl dd.check,
fieldset.boardFormType01 dl dd.radio {padding:7px 0;}
fieldset.boardFormType01 dl dd.textForm {padding-right:12px;}
fieldset.boardFormType01 dl dd.textForm textarea {width:100%;}
fieldset.boardFormType01 dl dd select,
fieldset.boardFormType01 dl dd input[type='text'],
fieldset.boardFormType01 dl dd input[type='password'] {width:100%;}
fieldset.boardFormType01 dl dd span.cmt {display:block; background:url('/images/bullet/bullet04.gif') left 6px no-repeat; padding-left:6px; margin:5px 0 0 0;}
fieldset.boardFormType01 dl dd.birth {padding-right:0;}
fieldset.boardFormType01 dl dd.birth select:first-child {width:72px;}
fieldset.boardFormType01 dl dd.birth span {margin-right:2px;}
fieldset.memberForm dl dt {margin-left:-10px;}
fieldset.memberForm dl dt.blt {background-position:left 15px;}
fieldset.memberForm dl dd.idCheck input[type='text'] {width:67%;}
fieldset.boardFormType01 dl.txt dt {float:left; width:60px;}
fieldset.boardFormType01 dl.txt dd {float:left; padding-top:10px; padding-bottom:10px;}
fieldset.boardFormType01.curriculumForm {margin-bottom:20px;}
fieldset.boardFormType01.curriculumForm p {margin-bottom:-1px; position:relative;}
fieldset.boardFormType01 dl.upload {display:none;}
fieldset.boardFormType01.recruitRegist dl {float:none; width:auto; padding-left:0;}
fieldset.boardFormType01.recruitRegist dl.full {width:auto;}

div.idpwArea {float:none; width:100%;}

div.introCont h4 {font-size:24px;}
div.mapCont p.img img {width:160%; margin:0 0 -20% -30%;}
div.mapCont h5 {margin-left:0;}
div.mapCont p.txt01 {margin-left:0;}
div.mapCont dl {margin-left:0;}

div.curriculumTit {text-align:left;}
div.curriculumTit p.txt01 {font-size:24px;}
div.curriculumArea h4 {text-align:left; font-size:22px;}
div.curriculumCont01 {text-align:left;}
div.curriculumCont02 h5,
div.curriculumCont04 h5 {font-size:18px;}
div.curriculumCont05 h4 {margin:-5px 0 -15px 0;}
div.curriculumCont03 {padding-top:20px;}
div.curriculumCont04 {margin-top:20px;}
div.curriculumSimple {padding-top:20px; margin-bottom:0;}
div.curriculumSimple div.curriculumCont02 {padding-bottom:0;}
div.curriculumSimple div.curriculumCont03 {margin-top:-10px;}
div.curriculumSimple h4 {margin-bottom:-10px;}
div.boxCurriculumTit,
div.boxCurriculumTit div.boxIn {background:none;}
div.boxCurriculumTit div.cont {background:none; height:auto;}
div.boxCurriculumTit div.makeupBg02,
div.boxCurriculumTit div.hairBg02,
div.boxCurriculumTit div.nailartBg02,
div.boxCurriculumTit div.esthetiqueBg02,
div.boxCurriculumTit div.stylistBg02 {background:none;}
div.boxCurriculumTit h4 {padding:0; font-size:22px;}
div.boxCurriculumTit h4 span {display:inline;}


div.boxType03 h5 {font-size:20px;}
div.boxType03 p {padding:0 10px;}
div.boxType04 > dl {padding:10px !important; position:static;}
div.boxType04 > dl > dt {position:static; margin:5px 0 !important;}
div.boxType04 > dl dt span {display:inline; margin-left:5px;}
div.boxType04 > dl dt.tit02 em {display:inline; margin-left:5px;}
div.boxType04 > dl > dd.subType01 ul li dl,
div.boxType04 > dl > dd.subType01 ul > li p,
div.boxType04 > dl > dd.subType03 ul {margin-left:5px;}

table.boardListType01.personList .download {display:none;}

ol.stepCont03 div.boxType06 div.cont {min-height:30px; margin:10px; padding-left:45px;}
ol.stepCont03 div.boxType06 div.cont.num01 {background-image:url('/images/bullet/icon02_num01_m.gif')}
ol.stepCont03 div.boxType06 div.cont.num02 {background-image:url('/images/bullet/icon02_num02_m.gif')}
ol.stepCont03 div.boxType06 div.cont.num03 {background-image:url('/images/bullet/icon02_num03_m.gif')}
ol.stepCont03 div.boxType06 div.cont.num04 {background-image:url('/images/bullet/icon02_num04_m.gif')}
ol.stepCont03 div.boxType06 div.cont.num05 {background-image:url('/images/bullet/icon02_num05_m.gif')}
ol.stepCont03 div.boxType06 div.cont.num06 {background-image:url('/images/bullet/icon02_num06_m.gif')}
ol.stepCont03 div.boxType06 div.cont.num07 {background-image:url('/images/bullet/icon02_num07_m.gif')}
ol.stepCont03 div.boxType06 div.cont.num08 {background-image:url('/images/bullet/icon02_num08_m.gif')}
ol.stepCont03 div.boxType06 div.cont.num09 {background-image:url('/images/bullet/icon02_num09_m.gif')}
ol.stepCont03 div.boxType06 div.cont dt {font-size:14px;}
}


/************************** etc ******************************/
/* search */
@media screen and (max-width:480px) {
fieldset.search p {margin:0 5px;}
fieldset.search label {left:10px;}
fieldset.search button {right:10px;}

div.idpwArea div.boxType02 div.boxCont {padding:15px 10px;}
div.curriculumArea .inc_vod{height:210px;}
}

@media screen and (min-width:480px) and (max-width:768px) {
fieldset.search p {margin:0 9%;}
fieldset.search label {left:10%;}
fieldset.search button {right:10%;}

div.idpwArea div.boxType02 div.boxCont {padding:20px 15px;}
div.idpwArea fieldset {margin-top:0;}
}

/* event */
@media screen and (max-width:840px) {
ol.eventList {background-color:#fff; margin:-20px auto 0 auto;}
ol.eventList li div {border:none; padding:20px 0 0 0;}
div.curriculumCont02.simpleBg02 p.txt01,
div.curriculumCont02.simpleBg03 p.txt01,
div.curriculumCont02.simpleBg04 p.txt01 {margin-top:0;}
}

@media screen and (max-width:620px) {
ol.eventList li {width:100%;}
div.introCont p.txt01 {margin-bottom:20px;}
div.introCont ul li {background-position:center top; padding:105px 0 20px 0; min-height:0;}
div.introCont ul li.t3 {padding-top:125px;}
}

/* tab */
@media screen and (max-width:420px) {
nav.tab ul.tab03 li a span {display:block; margin-top:-8px;}
}
@media screen and (max-width:490px) {
nav.tab ul.tab05 li a span {display:block; margin-top:-8px;}
}
@media screen and (min-width:768px) and (max-width:960px) {
nav.tab ul.tab05 li {width:20%;}
nav.tab ul.tab05 li a {min-width:0; padding-left:0; padding-right:0;}
}

/* login */
@media screen and (max-width:640px) {
div.loginArea div.boxCont {padding-bottom:10px;}
div.loginArea div.loginCont {float:none; width:100%; background-image:none;}
div.loginForm fieldset {margin-right:0;}
div.loginForm .loginBtn {right:0;}
div.loginArea div.memberBtn {float:none; width:100%;} 
div.loginArea div.memberBtn ul {margin:20px 0 0 0;}
}
@media screen and (max-width:480px) {
div.boxType02.loginArea {background-color:#fff; padding:10px 0 0 0;}
div.loginArea div.boxCont {border:none; padding:0;}
div.loginArea div.loginCont {float:none; width:100%; background-image:none;}
div.loginForm { position:static; text-align:center;}
div.loginForm fieldset {background-color:#eaeaea; margin-right:0; padding:10px; text-align:left;}
div.loginForm fieldset dl {padding-right:0;}
div.loginForm .loginBtn { position:static; margin-top:15px; font-size:16px;}
div.loginArea div.memberBtn {float:none; width:100%;} 
div.loginArea div.memberBtn ul {margin:30px 0 0 0;}
div.loginArea div.memberBtn ul li {border-top:1px solid #dcdcdc; padding:7px 10px;}
}

/* intro */
@media screen and (max-width:1280px) {
ul.teacherList {margin:0 auto;}
ul.teacherList li > a {margin:30px 10px 0 10px;}
ul.teacherList li dl {padding-left:15px; padding-right:15px;}
}
@media screen and (max-width:960px) {
ul.teacherList li dl {padding-left:10px; padding-right:10px;}
}
@media screen and (max-width:640px) {
ul.photoThumList li {width:12.3%;}
ul.photoThumList li a:hover,
ul.photoThumList li a.current {border-width:2px;}
ul.curriculumCont {background:none; margin:0;}
ul.curriculumCont > li {float:none; width:100%; background-color:#f2f0f1; margin-top:20px;}
ul.curriculumCont > li div.img,
ul.curriculumCont > li div.cont {margin-left:0; padding:20px 10px;}
ul.curriculumCont > li:first-child div.img,
ul.curriculumCont > li:first-child div.cont {margin-right:0;}

ul.teacherList li {float:none; width:100%;}
ul.teacherList li > a {display:block; margin:20px 0 0 0;}
div.teacherCont {position:static; min-height:540px; padding-left:0; margin-top:30px;}
div.teacherCont .listBtn {position:static; width:100%;}
div.teacherCont div.cont01 {position:static; margin:0 auto;}
div.teacherCont div.cont01 p.txt {margin:20px 0 20px 10px;}
div.teacherCont div.cont02 {margin-top:20px;}
}

@media screen and (min-width:640px) and (max-width:768px) {ul.photoThumList li {width:13.4%;}}
@media screen and (min-width:680px) and (max-width:920px) {ul.curriculumCont > li div.img p.img img {width:100%;}}
@media screen and (max-width:370px) {ul.curriculumCont > li div.img p.img img {width:100%;}}



/************************** mobile default (320px) ******************************/


@media screen and (max-width:767px) {
div.container {padding-top:70px;} 
section.navi {top:0;}
nav.menu > ul {height:52px;}
}




/* curriculum */
@media screen and (max-width:1280px) {
div.curriculumMain {padding:0;}
div.curriculumMain > ul > li div.boxType02 {margin:10px;}
}

@media screen and (max-width:940px) {
div.curriculumCont03 > ul {margin:0 -10px;}
div.boxType03 dl {background-image:none; padding-left:30px;}
}

@media screen and (max-width:860px) {
div.curriculumMain > ul > li div.boxCont {padding:10px 10px 10px 120px;}
div.curriculumMain p.img {left:10px; top:10px; width:100px;}
div.curriculumMain h5 {font-size:18px;}
div.curriculumMain > ul > li div.boxCont ul {bottom:10px;}
div.curriculumMain > ul > li div.boxCont ul li {margin:2px 10px 0 120px;}

div.curriculumTit {margin:0;}
div.curriculumCont01 {padding-left:0; padding-right:0;}
div.curriculumCont02 {padding-right:0;}
div.curriculumCont04 {padding-right:0;}
}

@media screen and (min-width:768px) and (max-width:840px) {
div.boxType03 h5 {font-size:22px;}
div.boxType03 p {font-size:13px; padding:0 15px;}
div.boxType03 dl dd {font-size:13px;}
}

@media screen and (max-width:640px) {
ul.curriculumMain > li {float:none; width:100%;}
ul.curriculumMain > li div.boxCont {margin:0;}

div.curriculumCont02 {position:static; padding-left:0;}
div.curriculumCont02 h5 {position:static; width:100%; margin:-10px 0 20px 0;}
div.curriculumCont02 h5 span {display:inline;}
div.makeupBg01 {padding:218px 0 0 0;}
div.hairBg01 {padding:243px 0 0 0;}
div.nailartBg01 {padding:216px 0 0 0;}
div.esthetiqueBg01 {padding:236px 0 0 0;}
div.stylistBg01 {padding:213px 0 0 0;}
div.curriculumSimple h4 {margin-left:0;}

div.curriculumCont03 {padding-top:0;}
div.curriculumCont03 > ul {margin:0;}
div.curriculumCont03 > ul li {float:none; width:100%;}
div.curriculumCont03 > ul li.none {display:none;}
div.boxType03 {margin:20px 0; height:auto;}
div.boxType03 h5 {height:auto; padding:24px 0 15px 0;}
div.boxType03 p {height:auto; padding-bottom:20px;}
ul.full div.boxType03 p {padding-bottom:20px;}
div.boxType03 dl {height:auto; padding-bottom:10px;}
div.boxType03.sizeType01 dl {height:auto;}
div.boxType03.sizeType01 p {height:auto;}
div.curriculumCont04 {position:static; min-height:0; padding:17px 0 0 0; margin-top:0;}
div.curriculumCont04 h5 {position:static; background:none; text-align:left; padding:0 0 10px 0; margin:0;}
}

@media screen and (max-width:480px) {div.curriculumTit p.txt01 em {display:block;}}


/* partner */
@media screen and (min-width:900px) and (max-width:920px) {ul.partnerList {margin-left:-10px; margin-right:-10px;}}
@media screen and (min-width:880px) and (max-width:900px) {ul.partnerList {margin-left:-20px; margin-right:-20px;}}
@media screen and (min-width:580px) and (max-width:880px) {ul.partnerList {width:546px;}}
@media screen and (max-width:640px) {ul.partnerList li {margin-left:15px; margin-right:15px;}}
@media screen and (min-width:540px) and (max-width:640px) {ul.partnerList {width:516px;}}
@media screen and (min-width:560px) and (max-width:580px) {ul.partnerList {margin-left:-5px; margin-right:-5px;}}
@media screen and (min-width:540px) and (max-width:560px) {ul.partnerList {margin-left:-10px; margin-right:-10px;}}
@media screen and (min-width:380px) and (max-width:540px) {ul.partnerList {width:344px;}}
@media screen and (max-width:380px) {ul.partnerList {width:172px;}}


/* photo board */
@media screen and (max-width:920px) {
ol.boardListType03 {width:100%; margin-left:auto; margin-right:auto;}
ol.boardListType03 li {width:33.3%;}
ol.boardListType03 li > div {height:auto; margin:0 5px;}
ol.boardListType03 li p.img img {width:100%; height:auto;}
}

@media screen and (max-width:560px) {
ol.boardListType03.photoViewList {margin-top:0;}
ol.boardListType03 li > div {padding:5px;}
ol.boardListType03 li span.best {font-size:11px;  padding:2px; left:5px; top:5px;}
ol.boardListType03 li dl dt {font-size:12px; margin:5px 0 0 0;}
ol.boardListType03 dd.num em,
ol.boardListType03 dd.num strong,
ol.boardListType03 dd.num span.read {display:none;}
}


/* board */
@media screen and (max-width:680px) {
table.boardListType01.reportList .date {display:none;}
table.boardListType01 th.area {width:90px;}
div.btn03 {margin:20px 0 0 0; text-align:center;}
table.boardListType01.recruitList .date {display:none;}
}

@media screen and (max-width:480px) {
table.boardListType01.reportList .curriculum {display:none;}
table.boardListType01 .area {display:none;}
table.boardListType01.personList .sex,
table.boardListType01.personList .career,
table.boardListType01.personList .state {display:none;}
table.boardListType01.recruitList .career,
table.boardListType01.recruitList .area {display:none;}
}

@media screen and (max-width:360px) {
table.boardListType01.personList .job {display:none;}
}


/* open event detail */
@media screen and (max-width:550px) {
div.simplemodal-container {width:auto !important; left:0 !important;}
div.eventPop01 {width:auto;}
div.eventDetail01 {margin:10px 0 20px 0;}
div.eventDetail01 div.tit p {margin-top:10px;}
div.eventDetail01 div.tit span {font-size:27px;}
div.eventDetail01 div.tit em {font-size:34px;}
div.eventDetail01 div.form fieldset {padding:20px 10px;}
div.eventDetail01 div.form fieldset p {font-size:14px;}
div.eventDetail01 div.form fieldset label {font-size:20px;}
div.eventDetail01 div.form fieldset input[type='text'] {width:40px; height:32px; font-size:20px; line-height:32px;}
div.eventDetail01 div.form fieldset span {display:block; line-height:1em; margin-top:10px;}
}


/* info contents */
@media screen and (max-width:820px) {
ol.stepCont01.stepType01 li {width:17.5%;}
ol.stepCont01.stepType02 li {width:120px;}
ol.stepCont01.stepType04 li.plus {width:9% !important;}
div.stepCont02 div.pcont div.cont02 ol.numCmt02,
div.stepCont02 div.pcont div.cont03 ol.numCmt02 {margin:0 auto;} 
}

@media screen and (max-width:760px) {
ol.stepCont01.stepType01 li {width:120px;}
}
@media screen and (max-width:720px) {
ol.stepCont01.stepType01 li {width:17%;}
ol.stepCont01.stepType04 li.plus {width:6% !important;}
ol.stepCont01 li {margin-left:3px; margin-right:3px;}
ol.stepCont01 li.arrow {display:none;}
}
@media screen and (max-width:640px) {
ol.stepCont01.stepType01 li {width:120px;}
ol.stepCont01.stepType04 li.plus {display:none;}
div.processCont01.line {border:none; padding-top:0;}
div.processCont01 dl {float:none; width:100%;}
div.processCont01 dl dd.img {text-align:center;}
div.processCont01 ol {float:none; width:100%;}
}
@media screen and (max-width:580px) {
ol.stepCont01.stepType04 li {width:30%;}
div.stepCont02 div.pcont {display:none;}
div.stepCont02 div.mcont {display:block;}
}
@media screen and (max-width:520px) {
ol.stepCont01.stepType04 li {height:180px;}
ol.stepCont01.stepType04 .boxType05 .cont dl dt p {display:none;}
ol.stepCont01.stepType04 .boxType05 .cont dl dt > span,
ol.stepCont01.stepType04 .boxType05 .cont dl dd > span {display:block;}
}
@media screen and (max-width:480px) {
h5.tit02 {font-size:16px;}
ul.infoImg01 {margin:0 -3px;}
ul.infoImg01 li {float:left; margin:8px 2px 0 2px;}
}







/* Æеù ¸¶Áø */
.pd_T5 {padding-top:5px}
.pd_T10 {padding-top:10px}
.pd_T15 {padding-top:15px}
.pd_T20 {padding-top:20px}
.pd_T30 {padding-top:30px}
.pd_T45 {padding-top:45px}
.pd_T100 {padding-top:100px}

.pd_R5 {padding-right:5px}
.pd_R10 {padding-right:10px}
.pd_R15 {padding-right:15px}
.pd_R20 {padding-right:20px}

.pd_B5 {padding-bottom:5px}
.pd_B10 {padding-bottom:10px}
.pd_B15 {padding-bottom:15px}
.pd_B20 {padding-bottom:20px}
.pd_B30 {padding-bottom:30px}
.pd_B50 {padding-bottom:50px}

.pd_L5 {padding-left:5px}
.pd_L10 {padding-left:10px}
.pd_L15 {padding-left:15px}
.pd_L20 {padding-left:20px}


.mg_T5 {margin-top:5px}
.mg_T10 {margin-top:10px}
.mg_T15 {margin-top:15px}
.mg_T20 {margin-top:20px}

.mg_R5 {margin-right:5px}
.mg_R10 {margin-right:10px}
.mg_R15 {margin-right:15px}
.mg_R20 {margin-right:20px}

.mg_B5 {margin-bottom:5px}
.mg_B10 {margin-bottom:10px}
.mg_B15 {margin-bottom:15px}
.mg_B20 {margin-bottom:20px}
.mg_B30 {margin-bottom:30px}
.mg_B40 {margin-bottom:40px}

.mg_L5 {margin-left:5px}
.mg_L10 {margin-left:10px}
.mg_L15 {margin-left:15px}
.mg_L20 {margin-left:20px}




/* -----------------------------------------------------------
	content -> right -> pagination
----------------------------------------------------------- */

.pagination
{
	margin: 10px 0 0 0;
	padding: 0;
	height: 1%;
	clear: both;
	overflow: hidden;
}

.pagination div.results
{
	margin: 0;
	padding: 0;
	text-align: left;
	float: left
}

.pagination div.results span 
{
	margin: 0;
	padding: 8px 8px 8px 8px;
	height: 25%;
	display: block;
	float: left;
	background: #ebebeb url("http://pay.comeonstore.com/admin/resources/images/pager.png") repeat-x;
	border-top: 1px solid #dedede;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	color: #4A4A4A;
	font-weight: bold;
}

.pagination ul.pager
{
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}

.pagination ul.pager li
{
	margin: 0 0 0 6px;
	padding: 0;
	height: 25%;
	float: left;
	list-style: none;
	background: #ebebeb url("http://pay.comeonstore.com/admin/resources/images/pager.png") repeat-x;
	border-top: 1px solid #dedede;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	color: #4A4A4A;
	font-weight: bold;
}

.pagination ul.pager li.separator
{
	padding: 6px;   
}

.pagination ul.pager li.current
{
	padding: 6px;   
	background: #01a8b6;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #ffffff;
}

.pagination ul.pager li.disabled
{
	padding: 6px;
	color: #B4B4B4;
}

.pagination ul.pager li a 
{
	margin: 0;
	padding: 0px;
	height: 1%;
	display: block;
	float: left;
	color: #515151;
	text-decoration: none;
}

.pagination ul.pager li a:hover, 
.pagination ul.pager li a:active 
{
	margin: -1px;
	background: #b4b4b4 url("http://pay.comeonstore.com/admin/resources/images/pager_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
}