@charset "utf-8";

#tbody {background:#fff url(/images/common/bg_t.gif) repeat-x;}

#tWrap {position:relative;width:1200px; min-width:1200px; margin:0 auto;}

#headWrap {position:relative;width:100%; min-width:980px;  height:83px; background-color:#739a1c;}
#headWrap #head {position:relative; width:980px; min-width:980px; height:83px; margin:0 auto;}
#headWrap #head .tlogo {position:relative; float:left; margin:18px 0 0 0;}
#headWrap #head ul.gnb {position:relative; margin-left:265px;}
#headWrap #head ul.gnb li {display:inline-block; *display:inline; zoom:1;}
/*#headWrap #head ul.gnb li.gico {padding:0 10px 0 15px; *padding:0 12px 0 17px; margin-top:45px;}*/
#headWrap #head ul.gnb li.gico {padding:0 10px 0 8px; *padding:0 12px 0 10px; margin-top:45px;}

#headWrap #head ul.gnb .tsearch {position:absolute; top:45px; right:0; width:180px; height:25px; padding:0 0 0 3px; border:0; background:#6eb93b; _position:relative; _left:563px;}
#headWrap #head ul.gnb .tsearch .tsinput {width:130px; height:19px; margin-top:2px; padding:1px 1px 0 4px; border:0; font-size:12px; line-height:12px; vertical-align:middle; ime-mode:active;}
#headWrap #head ul.gnb .tsearch .tsinput  {background:#fff;}
#headWrap #head ul.gnb .tsearch .tsbtn {margin-top:2px; border:1px solid #6eb93b; border-left:0; vertical-align:middle;}

#headQuick {position:relative;width:100%; height:83px; background-color:#444444;}
#headQuick #hquick {position:relative; width:980px; height:83px; margin:0 auto;}

#headQuick #hquick #quick {position:relative;}
#headQuick #hquick #quick li {display:inline; margin-right:33px;}


/* LOG IN */
#tlogin {position:absolute; width:180px; height:75px; background-color:#f3f4f3; top:4px; right:0; z-index:5;}
#tlogin #log_link {margin:5px 0 0 6px;}
#tlogin #log_link a {font-size:11px; color:#848689; letter-spacing:-1px;}
#tlogin #log_link li {display:inline; white-space:nowrap;}
#tlogin #log_link li.first {padding-left:0;}
#tlogin #log_link li.first a {font-weight:bold; color:#2f3743;}

#tloginwrap {position:absolute; top:23px; left:5px; width:161px;}
#tloginwrap fieldset {position:relative;}
#tloginwrap dl {position:relative; height:50px; overflow:hidden;}
#tloginwrap dt, #tloginwrap dd {display:block; position:absolute;}
#tloginwrap dd.uid {top:1px; left:1px;}
#tloginwrap dd.upw {top:26px; left:1px;}
#tloginwrap .uinput {display:block; width:96px; height:16px; padding:2px 2px 0; border:1px solid #bebebe; font-size:12px; color:#444; vertical-align:top; background-color:#fff;}
#tloginwrap .uid {background:#fff url(/images/common/log_did.gif) no-repeat 3px 4px; ime-mode:inactive;}
#tloginwrap .upw {background:#fff url(/images/common/log_dpw.gif) no-repeat 3px 4px;}

#tloginwrap p.idsave {position:absolute; width:55px; top:5px; *top:3px; left:109px;}
#tloginwrap p.idsave * {vertical-align:top;}
#tloginwrap p.idsave label {position:relative; top:0; left:0; *top:4px; *left:-2px; font-size:11px; color:#6b6d70; letter-spacing:-1px;}
#tloginwrap p.idsave .submit {margin-top:5px; *margin:1px 0 0 3px;}

#footWrap{clear:both; position:relative; width:100%;margin:0 auto; margin-top:50px; margin-bottom:30px; *padding-bottom:30px; border-top:1px solid #cacaca}
#footWrap .blogo {position:absolute; top:38px; left:17px; width:90px; height:27px;}
#footWrap .bbox {position:relative; margin:20px 0 0 130px;}
#footWrap .bbox ul.bgnb {position:relative;}
#footWrap .bbox ul.bgnb li {display:inline; padding:0 14px 0 14px; border-right:1px solid #7f7f7f; color:#7f7f7f; font-size:13px;}
#footWrap .bbox ul.bgnb li.end {border:0;}
#footWrap .bbox ul.bgnb li a {color:#7f7f7f;}

#footWrap .bbox ul.badd {position:relative;}
#footWrap .bbox ul.badd li {display:inline; padding:0 6px 0 14px; color:#929292; font-size:13px;}
#footWrap .bbox ul.badd li a {color:#929292;}

/* familysite */
#footWrap .familysite {position:absolute; top:15px; right:18px; line-height:normal; margin-left:20px; vertical-align:middle; background:#fff; border:1px solid #c6c6c6; width:120px; cursor:pointer; z-index:2;}
#footWrap .familysite .myValue {overflow:visible; position:relative; top:0; left:0; text-align:left; z-index:2; line-height:19px;}
#footWrap .familysite div.myValue {height:19px; text-indent:8px; height:19px; width:100%}
#footWrap .familysite div.myValue a {display:block; height:19px; vertical-align:middle; background:url(/images/common/foot_familysite01.gif) no-repeat 100px 3px}
#footWrap .familysite div.myValue a:active, .familysite div.myValue a:focus {background:url(/images/common/foot_familysite01_on.gif) no-repeat 100px 3px}
#footWrap .familysite div.myValue a img {margin-top:3px;}

#footWrap .familysite ul {position:absolute; left: -1px; top:0; display:none; background:#ebe8e8; border:1px solid #c6c6c6; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; width:120px; z-index:3000;}
#footWrap .familysite ul li {display:block; padding:5px 0 0 5px; background:#ebe8e8;}
#footWrap .familysite ul li a {display: block; background:#ebe8e8; height:18px;}

/* Main Contents */
#containerMain {position:relative; width:1200px;overflow:hidden; margin:0 auto;}

/* Main Slider Start */
#slideOuter {position:relative; width:570px; height:150px; margin:0;}
#slideWrap{position:absolute; top:0; left:0; z-index:100;}
#slideWrap .slides_container {position:relative; width:570px; overflow:hidden; display:none;}
#slideWrap .slides_container  img {display:block; width:570px; height:150px;}
#slideWrap .pagination {position:absolute; z-index:110; top:30px; left:-30px; margin:0; padding:0;}
#slideWrap .pagination li {margin-bottom:5px; list-style:none;}
#slideWrap .pagination li a {
	display:block;
	width:14px;
	height:0;
	padding-top:12px;
	background-image:url(/images/slides/pagination.gif);
	background-position:0 0;
	overflow:hidden;
}
#slideWrap .pagination li.current a {background-position:0 -12px;}
/* Main Slider End */

#contentMainWrap{position:relative; width:980px;}
#contentMainWrap .mblock {clear:both; position:relative; border-bottom:1px solid #c8c8c8;}
#contentMainWrap .mblock .m_title {position:absolute; top:0; left:10px;}
#contentMainWrap .mblock .mblockWrap {position:relative; display:block; height:125px; *height:130px; margin:15px 0 5px 130px;}
#contentMainWrap .mblock .mblockWrap .m_ul {position:relative; float:left; overflow:hidden;}
#contentMainWrap .mblock .mblockWrap .m_ul li {margin:10px 0 0 0; *margin:9px 0 0 0; overflow:hidden;}
#contentMainWrap .mblock .mblockWrap .m_ul li a.stit {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#contentMainWrap .mblock .mblockWrap .m_ul li.title {font-size:14px; font-weight:bold; color:#729a1d; margin:0 0 15px 0;}
#contentMainWrap .mblock .mblockWrap .m_event {position:absolute; top:-15px; right:0; width:610px; height:150px; overflow:hidden;}
#contentMainWrap .mblock .mblockWrap .m_ul li.mna span {display:inline-block; *display:inline; zoom:1; text-align:center; margin-right:1px;}
#contentMainWrap .mblock .mblockWrap .m_ul li.mna span img {margin-bottom:5px; border:1px solid #c8c8c8;}

#contentMainWrap .mblockWrap .bannerWrap {position:relative; height:125px; margin:0}
#contentMainWrap .mblockWrap .bannerWrap p {position:absolute; width:30px; height:105px; cursor:pointer; background:url(/images/common/mbtn.gif) no-repeat; text-indent:-3000px;}
#contentMainWrap .mblockWrap .bannerWrap p.bprev {top:0; left:0; z-index:5; background-position:10px 35px;}
#contentMainWrap .mblockWrap .bannerWrap p.bnext {top:0; right:0; z-index:5; background-position:10px -95px;}

#contentMainWrap .mblockWrap .bannerWrap .banner {position:relative; width:760px; height:155px; overflow:hidden; margin:0 0 0 53px;}
#contentMainWrap .mblockWrap .bannerWrap .banner ul {position:relative; overflow:hidden;}
#contentMainWrap .mblockWrap .bannerWrap .banner ul li {float:left; width:130px; *width:130px; padding:0;}
#contentMainWrap .mblockWrap .bannerWrap .banner ul li a {position:relative; display:inline-block; *display:inline; zoom:1; width:105px; height:130px; font-size:11px; letter-spacing:-1px; line-height:110%; text-align:center; zoom:1;}
#contentMainWrap .mblockWrap .bannerWrap .banner ul li a img {display:block; width:105px; height:105px;}

#contentMainWrap .mbanner .bannerWrap {position:relative; height:35px; margin:20px 0 0 0;}
#contentMainWrap .mbanner .bannerWrap p {position:absolute; width:30px; height:35px; cursor:pointer; background:url(/images/common/mbtn.gif) no-repeat; text-indent:-3000px;}
#contentMainWrap .mbanner .bannerWrap p.bprev {top:0; left:0; z-index:2; background-position:5px 3px;}
#contentMainWrap .mbanner .bannerWrap p.bnext {top:0; right:0; z-index:2; background-position:0px -127px;}

#contentMainWrap .mbanner .bannerWrap .banner {position:relative; width:940px; height:37px; overflow:hidden; margin:0 0 0 55px;}
#contentMainWrap .mbanner .bannerWrap .banner ul {position:relative; overflow:hidden;}
#contentMainWrap .mbanner .bannerWrap .banner ul li {float:left; width:125px; height:37px; padding:0;}
#contentMainWrap .mbanner .bannerWrap .banner ul li img {border:1px solid #d1cdc5;}

#contentMainWrap .msitemap {clear:both; position:relative; height:195px; border-top:1px solid #9d9d9d; background:#efefef;}
#contentMainWrap .msitemap .m_title {position:absolute; top:13px; left:10px; z-index:100;}
#contentMainWrap .msitemap .mblockWrap {position:relative; display:block; height:125px; *height:130px; margin:15px 0 5px 130px;}
#contentMainWrap .msitemap .mblockWrap .m_ul {position:relative; float:left; overflow:hidden;}
#contentMainWrap .msitemap .mblockWrap .m_ul li {font-size:11px; margin:10px 0 0 0; *margin:9px 0 0 0; overflow:hidden;}
#contentMainWrap .msitemap .mblockWrap .m_ul li.title {font-size:12px; font-weight:bold; color:#729a1d; margin:0 0 15px 0;}

#contentMainWrap .mw260 {width:260px;}
#contentMainWrap .mw190 {width:190px;}

/* Sub Container */
#container {position:relative; width:1200px; margin:20px auto;}

#snb {position:relative; float:left;width:230px;}
#snb p.gsnb_t {position:relative; margin-bottom:18px;}
#snb ul.gsnb {clear:both; position:relative; margin:0 0 0 21px;}
#snb ul.gsnb li.snb_s {margin:8px 0 7px 0; padding:0; height:29px;}
#snb ul.gsnb li.snb_p {margin:0; padding:0; height:28px;}

#contentWrap {position:relative; float:left;margin:5px 0 0 16px; width:734px; overflow:hidden;}

#contentWrap .ptitle {clear:both; postion:relative; border-top:1px solid #a9a9a9; border-bottom:2px solid #7ca01e; padding:0 0 0 0; margin-bottom:30px;}
#contentWrap .ptitle .ptbtn {position:absolute; top:10px; right:12px;}

#contentWrap #scontents {position:relative; width:940px; overflow:hidden;}
#contentWrap #scontents {line-height:150%;}
/*#scontents * {font-size:15px; line-height:155%; font-family: "Noto Sans Regular", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", "Helvetica Neue", Roboto, sans-serif;}*/
#scontents input, #scontents select, #scontents textarea {font-size:14px !important;}
#scontents td, #scontents div, #scontents span, #scontents p {font-size:15px;}
#scontents .tx-toolbar .tx-bar li a span {font-size:12px !important;}
#scontents * {font-family: "Noto Sans Regular", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", "Helvetica Neue", Roboto, sans-serif !important;}

#wrap * {line-height:150%;}

#rBanner {position:absolute; z-index:1000; top:174px; right:-158px; width:150px; display:block;}
#rBanner img {max-width:150px;}

#scontents .video_player * {font-family: VideoJS !important;}
.video_player {position:relative; width:640px; height:360px; background:#000; overflow:hidden;}
.video_player .video_wrap {position:relative; margin:0 auto; text-align:left; width:100%; height:100%; overflow:hidden; background:#000;}
.video_player .video_screen {position:relative; width:100%; height:100%; overflow:hidden;}
.video_player .video {position:relative; width:100%; height:100%; max-width:100%;}
.video_player .video_preview {position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; border:0; margin:0; padding:0; background:#000; cursor:pointer;}
.video_player .video_preview img {width:100%; height:100%;}
.video_player .video_btn_play {position:absolute; z-index:10; cursor:pointer; display:none; left:50%; top:50%; width:60px; height:60px; margin-left:-30px; margin-top:-30px; border:0; background:url(/images/common/video_btn_play.png) no-repeat; text-indent:-9999px; outline:0;}
.video_player .video_adskip {position:absolute; z-index:10; right:10px; bottom:10px; cursor:pointer; width:65px; height:28px; line-height:28px; color:#fff; font-size:.90em; border:1px solid rgba(255,255,255,.25); background-color: rgba(0,0,0,.4); text-align:center; display:none;}
.video_player .video_spinner {display:none; position:absolute; z-index:1000; right:0; left:0; top:0; bottom:0; line-height:0; text-align:center;}
.video_player .video_spinner .spinner {position:absolute; left:0; right: 0; bottom: 0; top: 0; margin:auto; font-size:2.5em; width:50px; height:50px; color:#fff;}