@charset "euc-kr";


#container {position:relative;margin:0 auto;width:944px;background:url("/design3/image/new_images/bg_container.gif") no-repeat center top;text-align:left}



.main {padding:0 7px;width:930px}
.main:after {content:""; display:block; clear:both}
.main p.visual {position:relative; margin:0 0 13px;padding:0 0 15px;width:930px;height:350px;background:url("/design3/image/new_images/bg_visualShadow.png") no-repeat left bottom;}
.main li a {color:#444}
.main li a:hover {text-decoration:underline}
.main ul li ul li img {position:absolute; top:5px; margin-left:2px}


.main .main_left {float:left; padding-left:25px; width:633px;}


.main .m_notice {position:relative;height:165px;}
.main .m_notice span img {margin-top:14px}
.main .m_notice h2 {height:23px;border-bottom:1px solid #ddd;font-size:0;line-height:0}
.main .m_notice h2 img {vertical-align:top}

.main .m_notice ul {position:absolute; right:0; top:0; width:470px}
.main .m_notice ul li {display:inline; margin-right:15px; padding-left:2px}
.main .m_notice ul li img {vertical-align:top}
.main .m_notice ul li span.more {position:absolute; top:-60px; right:-311px;}

.main .m_notice .list ul {position:relative; float:left; top:15px}
.main .m_notice .list ul li {clear:both; width:465px; padding-left:8px; margin:0; display:inline-block; background:url(/design3/image/new_images/bl_main01.gif) no-repeat left 7px; line-height:1.5em}
.main .m_notice .list ul li span {width:365px; float:left;}
.main .m_notice .list ul li span.more img {position:absolute; top:15px; left:0}
.main .m_notice .list ul li .gry {float:right; color:#999; width:65px; padding-right:9px; letter-spacing:0}


.main .morgue {position:relative;height:175px;}
.main .morgue:after {content:""; display:block; clear:both}
.main .morgue .left {position:relative; float:left; width:265px; font-size:0; line-height:0;}
.main .morgue .left strong {position:relative; display:block; margin-bottom:5px}
.main .morgue .left strong span {position:absolute; top:34px; right:17px}
.main .morgue .left span {position:relative;display:block}

.main .morgue .right {position:relative;float:right; width:345px}
.main .morgue .right ul {position:relative; width:345px}
.main .morgue .right ul li {display:inline; margin-right:-4px}
.main .morgue .right ul li div {float:left; position:relative;top:-1px; width:345px; border-top:1px solid #bababa}
.main .morgue .right ul li div strong {position:relative; display:block; margin:12px 0 12px; width:345px; height:25px; font-weight:normal; background:url(/design3/image/new_images/bg_dotted.gif) repeat-x left bottom; line-height:1.2em}
.main .morgue .right ul li div strong img {padding:0 5px; margin-right:5px}
.main .morgue .right ul li div strong a {position:absolute; right:0; top:2px;}
.main .morgue .right ul li div span a img {position:absolute;left:0;top:50px}
.main .morgue .right ul li div ul {margin:0 0 0 10px;padding-left:108px;width:230px}
.main .morgue .right ul li div ul li {position:relative; margin:0; display:inline-block; padding:0 0 0 8px; background:url(/design3/image/new_images/bl_main01.gif) no-repeat left 7px;}
.main .morgue .right ul li div ul li span {display:block;width:220px;}
.main .morgue .right ul li div ul li img {position:relative; top:-1px; left:2px}


.main .main_right {position:relative; float:right; padding-right:25px; width:230px;}
.main .main_right h2 {height:21px;font-size:0;line-height:0;}
.main .main_right h2 img {vertical-align:top}

.main .main_right .popupzone .remote {position: absolute; top: 2px; left: 39px}
.main .main_right .example .remote {position: absolute; top: 169px; left: 197px}
.main .main_right .remote button {float:left; margin-left:-1px; border: 0; width:12px; height:13px; vertical-align:middle; text-indent: -5000px; cursor: pointer;}
.main .main_right .remote button.prev {background: url("/design/image/common/btn_prev.gif") no-repeat}
.main .main_right .remote button.stop {background: url("/design/image/common/btn_stop.gif") no-repeat}
.main .main_right .remote button.play {background: url("/design/image/common/btn_play.gif") no-repeat}
.main .main_right .remote button.next {background: url("/design/image/common/btn_next.gif") no-repeat}

.main .main_right .popupzone {position:relative;width:230px;height:165px;}
.main .main_right .popupzone .num {position:absolute;right:0;top:-3px;text-align:right;}
.main .main_right .popupzone ul:after {content:"";display:block;clear:both}
.main .main_right .popupzone li {float:left}
.main .main_right .popupzone li div {position:absolute; top:30px; left:-77px;}
.main .main_right .popupzone li.left {padding-left:147px}

.main .main_right .example {position:relative;width:230px;padding-top:2px;letter-spacing:-1px}
.main .main_right .example h2 {border-bottom:1px solid #ddd; height:22px; width:100%; font-size:0; line-height:0;}
.main .main_right .example h2 img {vertical-align:top}
.main .main_right .example span.more {position:absolute; top:2px; right:10px;}
.main .main_right .example ul {margin:9px 0 5px;width:230px;}
.main .main_right .example ul li {position:relative;padding-left:18px;width:212px;}
.main .main_right .example ul li img {position:absolute;left:0;top:3px;}
.main .main_right .example ul li span {display:block;width:210px}
.main .main_right .example #etcBannerLink {font-size:0;line-height:0}



.main .relation {position:relative;top:35px;clear:both;margin:0 auto;padding:0 0 35px;width:880px;height:114px;font-size:0;line-height:0}
.main .relation:after {content:""; display:block; clear:both}
.main .relation strong {float:left;}
.main .relation ul {float:right;}
.main .relation ul li {float:left}
.main .relation ul li img {margin-left:6px}

.main .main_bottom {clear:both;position:relative}

.main .main_bottom {clear:both;position:relative}
.main .main_bottom p {position:absolute; top:2px; right:10px; ont-size:11px; letter-spacing:-0.5px; color:#888}
.main .main_bottom ul {display:block; width:930px}
.main .main_bottom ul li {display:inline; margin-right:-2px}
.main .main_bottom ul li .link01 {float:left; width:930px; background:#eaeaea; border-top:2px solid #15315b}
.main .main_bottom ul li .link01 ul {width:200px}
.main .main_bottom ul li .link01 h3 {clear:both; display:block; position:relative; left:-3px; margin-bottom:7px; font-size:12px}
.main .main_bottom ul li .link01 .left {float:left; width:425px; padding:25px 0 13px 25px; background:url(/design3/image/new_images/bl_line.gif) repeat-y right -1px}
.main .main_bottom ul li .link01 .left ul,
.main .main_bottom ul li .link01 .right ul {width:200px}
.main .main_bottom ul li .link01 .right {float:left; width:425px; padding:25px 0 13px 25px}
.main .main_bottom ul li .web div {float:left; width:161px; height:330px; padding:25px 0 13px 25px; background:url(/design3/image/new_images/bl_line.gif) repeat-y right -1px}
.main .main_bottom ul li .web div.none {background:none}
.main .main_bottom ul li .web div ul {float:left; width:150px; height:130px}
.main .main_bottom ul li .sitemap div {float:left; width:130px; height:640px; padding:25px 0 13px 25px; background:url(/design3/image/new_images/bl_line.gif) repeat-y right -1px}
.main .main_bottom ul li .sitemap div.none {background:none}
.main .main_bottom ul li .sitemap div ul {float:left; width:110px}
.main .main_bottom ul li .sitemap div ul li {display:inline-block; width:100px}
.main .main_bottom ul li ul {float:left; }
.main .main_bottom ul li ul li {display:inline-block; width:140px; padding-left:8px; margin-bottom:1px; background:url(/design3/image/new_images/bl_main02.gif) no-repeat left 7px}
.main .main_bottom ul li .pg1 ul li {width:190px}
.main .main_bottom ul li ul li.none {background:none}
.main .main_bottom ul li ul li ol {float:left; margin:3px 0 0 -5px; background:none}
.main .main_bottom ul li ul li ol li {display:block; font-size:11px; padding-left:8px; margin-bottom:0; width:200px; background:url(/design3/image/new_images/bl_main03.gif) no-repeat left 5px; line-height:1.6em}
.main .main_bottom ul li ul li ol li a {color:#888}

/* Wrod break */
.wbreak{word-break:keep-all!important; word-wrap:break-word!important; white-space:pre-wrap!important; white-space:-moz-pre-wrap!important; white-space:-pre-wrap!important; white-space:-o-pre-wrap!important;}


.ellipsis{


	overflow-x:hidden!important;


	white-space:nowrap!important;


	text-overflow:ellipsis!important;


	-o-text-overflow:ellipsis!important;


	-ms-text-overflow:ellipsis!important;


	-moz-binding: url('/design2/css/ellipsis.xml#ellipsis')!important;
}