/*  �좎럥�꾬옙占폾lement) �좎떬��뻑 占싸삳쐝�깃낀�쇿뜝占� */ 
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td {margin:0; padding:0; line-height:1.5em;}
body {color:#666; font-family:Arial, sans-serif;}

/*  �좎럥��쭗짰逾녑뜝�숈삕占쎄낮留됬뼨�먯삕 */ 
fieldset, img, abbr, acronym {border:0 none;}

/*  嶺뚮ㅄ維뽨빳占� */ 
ol, ul {list-style:none;}

/*  �좎럥�ｏ옙醫덈눀�좑옙  */ 
table {border-collapse:collapse; border-spacing:0; border:0 none;}
table {width:100%; border-spacing:0;}/*  border-collapse: collapse; ff�좎럥흮�묕옙border="0" �좎룞�숅뇦猿뗫윪占쏙옙占쎌뼔梨뤄옙占썹뛾�녿츋繹먲옙 */ 
caption {text-align:left; font-weight:normal; padding:0;}
hr, caption {visibility:hidden; position:absolute; line-height:0; width:0; height:0; font-size:0; text-indent:-9999px; overflow:hidden;}

/*  �좎럥��옙�륁삕�좎뜽苑닷뜝�뚯죨 �좎럥�꾬옙占쏙옙貫�껆뵳怨ㅼ삕�좑옙 */
address, caption, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
select {vertical-align:middle;}

/*  �좎럥梨뤄옙�묐닱�좑옙 */
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote,q {quotes:"" "";}

/*  form �꾩룊�숂뼨轅명€у뜝占� */ 
input, select, button, textarea {color:#666; font-family:Arial, sans-serif; vertical-align:middle;}
legend {position:absolute; left:-5000px ; width:0; height:0; font-size:0; overflow:hidden;}
label {cursor:pointer;}
img {vertical-align:top;}
a {color:#666;}
a:hover, a:active {color:#222;}
a:link, a:hover, a:active, a:visited {text-decoration:none;}
.cl{*zoom:1}
.cl:after{clear: both; content: " ";  display: block;} 
.aLine {text-decoration:underline !important;}

input.inText {padding:0 10px; height:1.5em; border:1px solid #c5cdd0 !important;}
.file_input_button { width: 51px; color: #333; margin-top: -3px; } 
.file_input_hidden { width: 150px; margin-left: -150px; font-size: 12px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";  -khtml-opacity: 0; -moz-opacity: 0; cursor: pointer !important;}
.btn_bg1 { display: inline-block; zoom:1; *display:inline;  height: 23px; background: url('/epub/images/common/btn/btn_gr1024_l.gif') no-repeat left top; color: #333; cursor: pointer !important;} 
.btn_bg2 { display: inline-block; zoom:1; *display:inline; height: 21px; padding: 2px 13px 0; background: url('/epub/images/common/btn/btn_gr1024_r.gif') no-repeat right top; text-align: center; font: normal 11px/200%; font-weight: bold; cursor: pointer !important;}


/*  hidden  */ 
.hidden, #contents .hidden {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;}
.alternative { position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;  text-indent:-9999px; }
.block {display:block !important;}
.visible {visibility:visible !important;}
.DisNone {display:none !important;}
.backimgNo {background:none !important;}
.blind {   position: absolute;   width: 0;   height: 0;   text-indent: -3000em;   font-size: 0;   overflow: hidden; }
/*  align  */ 
.alignL {text-align:left !important;}
.alignR {text-align:right;}
.alignC {text-align:center !important;}
.floatL {float:left !important;}
.floatR {float:right !important;}
.cBoth {clear:both !important;}
.underLine {text-decoration:underline !important;}
.subTExt {margin-top:-1.5em !important;}
.subTExt1 {clear:both; width:100%; paddingn-top:1.1em !important;}
.alignM {vertical-align:middle !important;}

/*  form  */ 
.check {margin-top:-4px; vertical-align:middle;}/* *�좎뜫�됵옙占썲뜝�꾨궚占쏙옙(ie6)* */ 
   html>body .check {margin-top:-2px; vertical-align:middle;}/* *ie7(�좎럥흮�묐슪�쇿뜝占썲뜝�숈삕�좎럥梨뤄옙占�* */ 
   html>/*  */ body .check {margin-top:-2px; vertical-align:middle;}/* *ie6, 7�좎룞�쇿뜝�뚮츋占쎈굢�쇿뜝�숈춻占썬끇�� 占쎈맧��옙�륁삕�⑥€�삕(ie7�좎럥흮�묕옙�좎룞�숋옙�낆삕�좎룞�숋옙濡ロ뱺 �낅슣�섋땻�껁럸占쎈　遊븝옙�숈삕�좎럩瑗띰옙占� �좎럥占쏙옙占쏙옙猷고€ｏ옙占썲뜝�덉굣占쎈돍�숋옙瑜낆삕 �좎럥遊욕뜝占썲뜝�댢딉옙占썲뜝�덈샍占쏙옙* */ 
.radio {margin-top:-4px; vertical-align:middle;}
   html>body .radio {margin-top:-3px; vertical-align:middle;}
   html>/*  */ body .radio {margin-top:-3px; vertical-align:middle;}

/*  color  */ 
.fcBlue {color:#77c0e6 !important;}
.fcBlue1 {color:#007bbd !important;}/* color:#0089d0  */ 
.fcBlue2 {color:#0080a6  !important;}/* color:#3bafd1 */ 
.fcGreen {color:#4ba416 !important;}
.fcGreen2 {color:#6b7d00  !important;}/* color:#a7bc31 */ 
.fcRed {color:#e03642 !important;}
.fcRed2 {color:#e03642 !important;}
.fcOrange {color:#f36619 !important;}
.fcYellow {color:#9c6d00  !important;}/* f0a900 */ 
.fcPink {color:#b53244 !important;}/* de596c */ 
.fc333 {color:#333 !important;}
.fc666 {color:#666 !important;}
.fc999 {color:#999 !important;}
.busifcB {color:#007fd0 !important;}
.busifcR {color:#d52020 !important;}
.busifcG {color:#00a093 !important;}
.busifcP {color:#3e10a8 !important;}

/*  margin  */ 
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml5 {margin-left:0.5em !important;}
.mb0 {margin-bottom:0 !important;}
.mb09em {margin-bottom:0.9em !important;}
.mb5em {margin-bottom:5em !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.pt0 {padding-top:0 !important;}
.pt10 {padding-top:0.85em !important;}
.pt15 {padding-top:1.2em !important;}
.pt30 {padding-top:2em !important;}
.pt35 {padding-top:2.7em !important;}
.pt50 {padding-top:4.1em !important;}
.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:0.8em !important;}
.pb20 {padding-bottom:1.7em !important;}
.pb30 {padding-bottom:2.5em !important;}
.pb45 {padding-bottom:3.7em !important;}


/*  font  */ 
.font14 {font-size:1.2em !important;}
.font16 {font-size:1.5em !important;}

/*  border  */ 
.bdN {border:none !important;}

/*  input  */ 
.input1 {width:15em; height:22px; border:1px solid #c5cdd0; vertical-align:middle;}

/*  select  */ 
.select1 {width:15em; padding:1px;}

/*  tab  */ 
.tab {height:32px; margin-bottom:30px; clear:both;}
.tab li {float:left; display:block; margin-right:-10px;}/*  cursor:pointer; */ 
 #n01 {z-index:8 !important; position:relative;}/* 100 */ 
 #n02 {z-index:7 !important; position:relative;}/* 99 */ 
 #n03 {z-index:6 !important; position:relative;}/* 98 */ 
 #n04 {z-index:5 !important; position:relative;}/* 97 */ 
 #n05 {z-index:4 !important; position:relative;}/* 96 */ 
.tab li span, .tab li a {float:left; display:block; height:25px; padding-top:7px; }
.tab li span.left {width:14px; background:url(/epub/images/common/tab/tab_l_off.png) no-repeat left top;}
.tab li span.right {width:31px; background:url(/epub/images/common/tab/tab_r_off.png) no-repeat left top;}
.tab li a {letter-spacing:-1px;  font-size:14px;  font-weight:bold; color:#666; background:url('/epub/images/common/tab/tab_bg_off.png') repeat-x left top; padding-right:12px;}/*  color:#999; */ 

.tab li:hover {float:left; display:block; margin-right:-10px;}/* cursor:pointer */ 
.tab li.on span, .tab li.on a,
.tab li:hover span, .tab li:hover a {float:left; display:block; height:25px; padding-top:7px;}
.tab li.on span.left,
.tab li:hover span.left {width: 14px; background:url('/epub/images/common/tab/tab_l_on.png') no-repeat left top;}
.tab li.on span.right,
.tab li:hover span.right {width: 31px; background:url('/epub/images/common/tab/tab_r_on.png') no-repeat left top;}
.tab li.on a,
.tab li:hover a { font-weight:bold; color:#fff; background:url('/epub/images/common/tab/tab_bg_on.png') repeat-x left top; padding-right:12px;}

/*  button  */ 
.btnBox {position:relative; width:100%; text-align:right; padding-bottom:2.5em; height:26px;}
.btnBox01 {margin-top:-20px; margin-bottom:2em; text-align:right;}
.btnBox .floatR a {margin-left:0.4em;}

.bdBtn {position:relative; top:0; width:100%; height:26px;}
.layout-1024 .bdBtn {height:24px;}
.listR {position:absolute !important; z-index:100; top:-0.3em; right:0;}

/*  popup  */ 
#popup {width:100%; position:relative;padding:0 0 20px;}
#popup .header {height:39px; background:#0066b3; border-bottom:1px solid #0a55a2; position:relative;}
#popup .header h2 {font:normal 16px/270%; font-weight:bold; color:#FFF; padding-left:20px;}
#popup .header .close {position:absolute; top:3px; right:8px; background:url('/epub/images/common/btn/btn_close.png') no-repeat left top; width:30px; height:30px; display:block; text-indent:-5000px;}
#popup .content {padding:30px 20px 20px; font-size:13px;}
#popup .content p {line-height:160%;}
#popup .content .cont {padding:15px;border:1px solid #e3e3e3; overflow:auto; height:179px; margin-bottom:15px;}
#popup .content .cont h3 {font-size:15px; margin-bottom:15px; color:#333}
#popup .content .cont01 {padding:15px;border:1px solid #e3e3e3;  margin-bottom:15px; line-height:170%;}
#popup .content .cont01 li { line-height:160%; background:url('/epub/images/common/bul/bul02.png') no-repeat left 9px; padding-left:8px;}
#popup .content .cont01 .St {font-size:16px; color:#0089d0 }
#popup .content .Btit { text-align:center;  color:#333; font:bold 21px/100%; font-weight:bold; padding-bottom:15px;}
#popup .content strong {font-weight:bold;}
#popup .content .post {padding:15px; background:#f7f7f7; margin-bottom:25px; text-align:center;}
#popup .postText {height:79px !important; line-height:600%; text-align:center; padding-top:80px}
#popup .content .post .input {width:252px; padding:0 10px; height:1.7em; border:1px solid #c5cdd0 !important;}
#popup .borderT {text-align:center; margin-bottom:20px; border:1px solid #efefef; padding:10px;}

/*  �좎럩�울옙釉앹삕�좎룞�숋옙繹먲옙 */ 
.video {position:relative; top:0.85em; z-index:100; display:none; clear:both;}
.video .vClose {position:absolute; z-index:111; right:0; top:-25px; width:25px; height:25px; background:url('/epub/images/common/btn/movie_close.gif') no-repeat 0 0; text-indent:-5000px; font-size:0;}
.video img {width:100%;}
.video iframe {position:absolute; left:0; top:0; z-index:110;}
.video .player {position:relative; z-index:109;  height:557px;}
.layout-1024 .video {width:733px; height:547px;} /*  height:437px;  */ 
.layout-1280 .video {width:828px; height:617px;} /*  height:487px; */ 
.layout-1024 .video .player {width:733px; height:437px;}
.layout-1280 .video .player {width:828px; height:487px;}

.video02 {position:relative; z-index:100; overflow:hidden;}
.video02 iframe {position:absolute; left:0; top:0; z-index:110;}
.video02 .player {position:absolute; left:0; top:0; z-index:109; display:block; width:617px; height:378px;}
.layout-1024 .video02 {width:617px; height:378px;}
.layout-1280 .video02 {width:779px; height:477px;}
.layout-1024 .video02 .player {width:617px; height:378px;}
.layout-1280 .video02 .player {width:779px; height:477px;}

.video03 { position:absolute; z-index:30; display:none; clear:both; width:828px; height:487px; top:140px; left:118px;}/*  z-index:100; */ 
.video03 .vClose {position:absolute; z-index:211; right:0; top:-25px; width:25px; height:25px; background:url('/epub/images/common/btn/movie_close.gif') no-repeat 0 0; text-indent:-5000px; font-size:0;}
.video03 iframe {position:absolute; left:0; top:0; z-index:110;}
/* .video03 .player {position:relative; z-index:109; width:828px; height:487px;} */ 
/*  .layout-1024 .video03 .player {width:733px; height:437px;} */ 
.video03 .player { position: relative; z-index: 33; width: 828px;  height: 487px; }/*  z-index:100; */ 
.layout-1024 .video03 {width:733px; height:437px; top:120px; left:138px;}
.layout-1024 .video03 .player { width: 733px; height: 437px; }
/*  耳묒뀡 異붽�  */ 

.videoSyncW { position: relative; top: 0;  left: 0; height: 120px;  margin: 10px 0; }
.videoSyncW textarea { width: 818px; height: 120px; padding: 5px; color: #666; font-family: nanumGothicBold !important; font-size: 12px; background-color: #f9f9f9; border: 0px; overflow-x: hidden; overflow-y: scroll; }
.layout-1024 .videoSyncW textarea { width: 723px; height: 110px; overflow-x: hidden; overflow-y: scroll; }
.layout-1400 .videoSyncW textarea { width: 896px; height: 130px; overflow-x: hidden; overflow-y: scroll; }

.videoSyncW2 { position: relative; top: 0; left: 0; margin: 10px 0; }
.layout-1024 .videoSyncW2 { position: relative; top: 0px; left: 0; }
.layout-1400 .videoSyncW2 { position: relative; top: 0px; left: 0; }
.videoSyncW2 textarea { width: 769px; height: 120px; padding: 5px; color: #666; font-family: nanumGothicBold !important; font-size: 12px; background-color: #f9f9f9; border: 0px; overflow-x: hidden; overflow-y: scroll; }
.layout-1024 .videoSyncW2 textarea { width: 607px; height: 110px; overflow-x: hidden; overflow-y: scroll; }
.layout-1400 .videoSyncW2 textarea { width: 819px; height: 130px; overflow-x: hidden; overflow-y: scroll; }

.videoSyncW3 { position: relative; top: 0; left: 0; margin: 10px 0; display: block;}
.layout-1024 .videoSyncW3 { position: relative; top: 0px; left: 0; }
.layout-1400 .videoSyncW3 { position: relative; top: 0px; left: 0; }
.videoSyncW3 textarea { width: 605px; height: 120px; padding: 5px; color: #666; font-family: nanumGothicBold !important; font-size: 12px; background-color: #f9f9f9; border: 0px; overflow-x: hidden; overflow-y: scroll; }
.layout-1024 .videoSyncW3 textarea { width: 540px; height: 110px; overflow-x: hidden; overflow-y: scroll; }
.layout-1400 .videoSyncW3 textarea { width: 605px; height: 120px; overflow-x: hidden; overflow-y: scroll; }

.videoSyncH { position: absolute; top: 0; left: 828px; }
.videoSyncH textarea {width: 234px; height: 477px; padding: 5px; color: #fff; font-family: nanumGothicBold !important; font-size: 12px; background-color: #20365f; border: 0px; overflow-x: hidden; overflow-y: scroll; }
.layout-1024 .videoSyncH { position: absolute; top: 0; left: 733px; }
.layout-1024 .videoSyncH textarea { width: 184px; height: 427px; overflow-x: hidden; overflow-y: scroll; }
.layout-1400 .videoSyncH { position: absolute; top: 0; left: 906px; } 
.layout-1400 .videoSyncH textarea { width: 250px; height: 537px; overflow-x: hidden; overflow-y: scroll; }