@charset "euc-kr";

@media print {
#headArea {display:none !important}
#bodyArea {float:none; margin:0 !important; padding:0 !important;background-image:none !important}
#bodyLeft {display:none !important;margin:0 !important; padding:0 !important}
#bodyRight {float:none !important; margin:0 !important; padding:0 !important}
.contTop {display:none !important}
#location {position:static !important}
#contents {float:none; margin:0 !important; padding:0 !important}
#footArea {display:none !important}
.boxSatisfaction {display:none !important}
/*#quickMenu {display:none !important}*/
}

/* ################### SkipNavigation ################### */
#skipNavi {width:100%; height:0px}
#skipNavi a {display:block; position:absolute; top:0px; text-indent:-9999px; overflow:hidden}
#skipNavi a:focus,
#skipNavi a:active {display:block; position:absolute; z-index:9999; text-indent:0; top:0; padding:6px 0; width:100%; height:25px; font-size:20px; color:#fff; background:#0A50A1; font-weight:bolder; line-height:20px; text-align:center; text-decoration:none}

/* ################### header ################### */
.headWrap {background:url('/images/common/bg/bgTop.gif') repeat-x 0 0; *position:relative; *z-index:50;}
.headWrap:after{content:""; clear:both; display:block}
#headArea {margin:0 auto; width:1003px}
#headArea .positionWrap {position:relative; width:1003px; height:210px;overflow:hidden;}
#headArea .positionWrap:after {content:""; clear:both; display:block}

/* header > confirm + h1  */
#headArea .positionWrap .logoTop {position:absolute; top:0; left:30%; margin:0 0 0 -76px; width:334px; height:93px}
#headArea .positionWrap .logoTop:after {content:""; clear:both; display:block}
#headArea .positionWrap .logoTop h1 {float:left; margin-top:22px; width:152px; heihgt:48px}
#headArea .positionWrap .confirm_who {float:left; display:inline-block} /*º¸°Çº¹ÁöºÎ ÀÇ·á±â°ü ÀÎÁõ ÀÌ¹ÌÁö */

/* header > logtop (sub) */
#headArea .positionWrap .logoTop2 {position:absolute; top:0; left:50%; margin:0 0 0 -76px; width:334px; height:93px}
#headArea .positionWrap .logoTop2:after {content:""; clear:both; display:block}
#headArea .positionWrap .logoTop2 h1 {float:left; margin-top:22px; width:152px; heihgt:48px}

/* header > util(login)  */
#headArea .positionWrap .tnb01 {position:absolute; top:56px; left:0}
#headArea .positionWrap .tnb01:after {content:""; clear:both; display:block}
#headArea .positionWrap .tnb01 ul {float:left}
#headArea .positionWrap .tnb01 ul li {float:left; padding:0 0 0 18px; line-height:0}
#headArea .positionWrap .tnb01 ul li * {vertical-align:middle}
#headArea .positionWrap .tnb01 ul li img {vertical-align:top}
#headArea .positionWrap .tnb01 ul li.first {padding-left:0}
#headArea .positionWrap .tnb01 ul li.user {font-size:0.92em; line-height:120%; font-weight:bold; color:#3146a9} /* ·Î±×ÀÎ ÈÄ º¸¿©Áö´Â ·Î±×ÀÎ ¾È³» ¹®±¸*/

/* header > site  */
#headArea .positionWrap .tnb02 {position:absolute; top:51px; right:0}
#headArea .positionWrap .tnb02:after {content:""; clear:both; display:block}
#headArea .positionWrap .tnb02 ul {float:left}
#headArea .positionWrap .tnb02 ul li {float:left; padding:4px 0 0 5px; line-height:0}
#headArea .positionWrap .tnb02 ul li * {vertical-align:middle}
#headArea .positionWrap .tnb02 ul li img {vertical-align:top}
#headArea .positionWrap .tnb02 ul li.eng {padding-top:0}
#headArea .positionWrap .tnb02 ul li.first {padding-left:0}
#headArea .positionWrap .tnb02 ul li.russian {padding:0 0 0 5px} /* padding °ª ÃÊ±âÈ­ */

/* header > search  */
#headArea .positionWrap .topSearch {position:absolute !important; top:9px !important; right:0; z-index:10; width:207px; height:20px;}
#headArea .positionWrap .topSearch input[type="text"] {width:153px; height:14px; margin:1px 0 0 10px; border:0; vertical-align:middle;}
#headArea .positionWrap .topSearch .search {width:230px; height:23px;background:url('/../images/main/bg_searchbar2.gif') no-repeat top left}
#headArea .positionWrap .topSearch .btn_search {height:23px; padding:0; margin:0; vertical-align:middle;}

/* header > gnb */
#headArea .positionWrap .gnbPosition {position:absolute; top:91px; left:0}

/* header > gnb > 1depth */
#headArea .positionWrap .gnbPosition #gnb {position:relative; height:100px;}
#headArea .positionWrap .gnbPosition #gnb ul li {float:left; padding:0 0 0 23px; line-height:0}
#headArea .positionWrap .gnbPosition #gnb ul li.first {padding-left:170px}

/* header > gnb > 2depth (¾Ï¼¾ÅÍ, Á¾ÇÕ Á¦¿ÜÇÑ gnb ÇÏÀ§¸Þ´º ½ºÅ¸ÀÏ */
#headArea .positionWrap .gnbPosition #gnb ul li .subMenu {position:absolute; top:30px; left:0; width:1000px; z-index:50;}
#headArea .positionWrap .gnbPosition #gnb ul li .subMenu:after {content:"";clear:both; display:block}
#headArea .positionWrap .gnbPosition #gnb ul li .subMenu ul {margin-top:7px}
#headArea .positionWrap .gnbPosition #gnb ul li .subMenu ul li {float:left; margin-left:20px; padding:11px 0 9px; font-size:12px; color:#656565}

/* header > gnb > 2depth (¾Ï¼¾ÅÍ, Á¾ÇÕ Á¦¿ÜÇÑ gnb on */
#headArea .positionWrap .gnbPosition #gnb ul li .subMenu ul li a:hover,
#headArea .positionWrap .gnbPosition #gnb ul li .subMenu ul li a:focus,
#headArea .positionWrap .gnbPosition #gnb ul li .subMenu ul li a:active	{color:#273eac !important;  font-weight:bold; text-decoration:none}

/* header > gnb > 2depth - ¾Ï¼¾ÅÍ id + class Á¦¾î   */
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu {top:31px; padding-left:0; width:981px; border-top:1px solid #273eac} /* subMenu #sub01·Î ÀçÁ¤ÀÇ */
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu:after {content:"";clear:both; display:block}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul {margin:0} /* subMenu #sub01·Î ÀçÁ¤ÀÇ */
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li {float:left; margin:0; padding:0 !important; width:98px !important}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a {display:block; padding:11px 0 !important; margin:0; height:21px !important; background:#f9f9f9 url('/images/main/gnb_imgbg_off.gif') no-repeat 0 0; font-size:12px !important; color:#666; letter-spacing:-1px; line-height:16px; vertical-align:middle}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a img {vertical-align:middle}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li .first {padding-left:0}

/* header > gnb > 2depth - ¾Ï¼¾ÅÍ ÂÊ img À§Ä¡ Á¦¾î */
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a .text_small {margin-left:34px; vertical-align:middle}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a .text_small img {float:right; padding-right:22px}

#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a .text_small2 {margin-left:25px; vertical-align:middle}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a .text_small2 img {float:right; padding-right:17px}

#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a .text_middle {margin-left:20px; vertical-align:middle}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a .text_middle img {float:right; padding-right:12px}

#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a .text_long {vertical-align:middle}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a .text_long img {float:right; padding-right:2px}


#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul.text_align li a {padding-left:10px !important;}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a span.text1 {vertical-align:middle}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a span.text1 img {float:right; padding-right:12px}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a span.text2 {display:block; margin-top:-5px; vertical-align:middle}
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a span.text2 img {float:right; padding-right:12px}


/* header > gnb > 2depth - ¾Ï¼¾ÅÍ on */
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a:focus,
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a:hover,
#headArea .positionWrap .gnbPosition #gnb ul li #sub01.subMenu ul li a:active {background:#f9f9f9 url('/images/main/gnb_imgbg_on.gif') no-repeat 0 0; color:#fff !important; font-weight:bold; text-decoration:none}

/* header > gnb > 2depth - Á¾ÇÕ¾Ï°ËÁø¼¾ÅÍ 131213 */
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu {top:25px; left:428px}
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu ul {float:left}
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu ul li {float:left; margin:0; padding:0 !important; width:98px !important}
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu ul li a {display:block; padding:11px 0 !important; margin:0; height:21px !important; background:#f9f9f9 url('/images/main/gnb_imgbg_off.gif') no-repeat 0 0; font-size:12px !important; color:#666; letter-spacing:-1px; line-height:16px; text-align:center; vertical-align:middle}

/* header > gnb > 2depth - Á¾ÇÕ¾Ï°ËÁø¼¾ÅÍ on */
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu ul li a:focus,
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu ul li a:hover,
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu ul li a:active {background:#f9f9f9 url('/images/main/gnb_imgbg_on.gif') repeat 0 0; color:#fff !important; font-weight:bold; text-decoration:none}
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu ul li.noPadding {padding-top:0}
#headArea .positionWrap .gnbPosition #gnb ul li #sub04.subMenu ul li.firstnoPadding {padding:0}

/* heaer > gnb > first li padding css */
#headArea .positionWrap .gnbPosition #gnb ul li #sub07 {padding-left:45px}  /* º´¿ø¾È³» */
#headArea .positionWrap .gnbPosition #gnb ul li #sub02 {padding-left:340px} /* Áø·á°ú,Å¬¸®´Ð */
#headArea .positionWrap .gnbPosition #gnb ul li #sub05 {padding-left:590px} /* Áø·á¿¹¾à */
#headArea .positionWrap .gnbPosition #gnb ul li #sub06 {padding-left:250px} /* °í°´±¤Àå */
#headArea .positionWrap .gnbPosition #gnb ul li #sub03 {padding-left:330px} /* È®ÀÎ ÇÊ¿ä */
/* #headArea .positionWrap .gnbPosition #gnb ul li #sub04 {padding-left:450px}  gnb depth4 »èÁ¦ */
/* #headArea .positionWrap .controlMainFlash {position:absolute; right:0; top:91px; z-index:10; margin:0; padding:0; font-size:0; line-height:0} css È®ÀÎ ÇÊ¿ä(index/headerinc/footer ¿¡´Â ÇØ´ç class ¾øÀ½*/



/* ###################### container(body) ###################### */

.bodyWrap {margin-top:-57px; padding:0; background:url('/images/common/bg/bgBodyArea.gif') repeat-x 0 0}
#bodyArea {overflow:hidden; _zoom:1; width:1000px; margin:0 auto; padding:0 0 30px 0; z-index:50}
#bodyLeft {overflow:hidden; _zoom:1; float:left; width:230px; margin:0; padding:0}

.boxLnb {overflow:hidden; _zoom:1; width:222px; margin:0; padding:0; background:transparent url('/images/common/lnb/bgLnb.gif') repeat-y}
.boxLnb .boxBtm {margin:0; padding:0; background:url('/images/common/lnb/bgLnbBottom.gif') no-repeat left bottom}
.boxLnb .boxTop {margin:0; padding:0 0 105px 20px;  background:url('/images/common/lnb/bgLnbTop.gif') no-repeat left top}

/* lnb °¡ 1µª½º¸¸ 2ÁÙÀÏ¶§ */
.boxLnb1Line {overflow:hidden; _zoom:1; width:222px; margin:0; padding:0 0 100px 20px; background:transparent url('/images/common/lnb/bgLnb1Line.gif') no-repeat 0 0}

/* lnb °¡ 1µª½º¸¸ 2ÁÙÀÏ¶§ */
.boxLnb2Line {overflow:hidden; _zoom:1; width:222px; margin:0; padding:0 0 100px 20px; background:transparent url('/images/common/lnb/bgLnb2Line.gif') no-repeat 0 0}

/* lnb °¡ 1µª½º¸¸ 3ÁÙÀÏ¶§ */
.boxLnb3Line {overflow:hidden; _zoom:1; width:222px; margin:0; padding:0 0 100px 20px; background:transparent url('/images/common/lnb/bgLnb3Line.gif') no-repeat 0 0}

.lnbTitle {width:210px; height:58px; margin:0 0 30px 0; padding:0; border-right:1px solid #e8e8e8; font-size:0; line-height:0}
.lnbTitle img {margin:20px 0 0 33px}

#lnb {list-style-type:none; margin:0; padding:7px 0 10px 0}
#lnb li {margin:0; padding:0; font-size:1.2em; line-height:100%; font-weight:bold}
#lnb li.first {border-top:none}
#lnb li.first a {border-top:none}
#lnb li a {display:block; width:154px; padding:10px 0 10px 16px; color:#fff; background:url('/images/common/lnb/bgLnbArr01Off.gif') no-repeat 92% 11px; border-top:1px solid #5868b8}
#lnb li a:hover {color:#a7d76c; text-decoration:none; background:url('/images/common/lnb/bgLnbArr01On.gif') no-repeat 92% 11px}
#lnb li a.on {color:#a7d76c; text-decoration:none; background:url('/images/common/lnb/bgLnbArr01On.gif') no-repeat 92% 11px}

#lnb .depth3 {list-style-type:none; margin:0; padding:10px 0 10px 0}
#lnb .depth3 li {margin:0; padding:0; font-size:11px; line-height:13px; font-weight:normal; border:0}
#lnb .depth3 li a {display:block; width:167px; margin:1px 0 1px 0; padding:5px 0 5px 33px; color:#d8d8d8; border:0; background-image:none; }
#lnb .depth3 li a:hover {color:#fff; font-weight:bold; background:#397e17 url('/images/common/lnb/bgLnbDepth3Arr.gif') no-repeat 20px 4px}
#lnb .depth3 li a.on {color:#fff; font-weight:bold; background:#397e17 url('/images/common/lnb/bgLnbDepth3Arr.gif') no-repeat 20px 4px}


#bodyRight {overflow:hidden; _zoom:1; float:left; width:770px; margin:0; padding:0}
.contTop {overflow:hidden; _zoom:1; margin:0; padding:20px 0 47px 0}
.contTop * {vertical-align:middle}
.contTop h1.tit {float:left; margin:0; padding:0; font-size:0; line-height:0}
.contTop #location {float:right; margin:0; padding:5px 0 0 0; line-height:100%; color:#656565}
.contTop #location span {color:#333; font-weight:bold}

#contents {overflow:hidden; _zooom:1; width:700px; margin:0 auto; padding:0}



/* ######################## footer ######################## */
#footArea {overflow:hidden; _zoom:1; width:1000px; margin:0 auto; padding:0; background:url('/images/common/foot/bgFootArea02.gif') repeat-x 0 0}
.footWrap {margin:0; padding:0; background:url('/images/common/foot/bgFootArea01.gif') repeat-x 0 0}
.footerMenu {overflow:hidden; _zoom:1; margin:0; padding:25px 0 0 0}

.fnb {float:left; margin:0; padding:0}
.fnb ul {list-tyle-type:none; margin:0; padding:0}
.fnb ul li {float:left; margin:0; padding:0 0 0 17px; font-size:0; line-height:0}
.fnb ul li.first {padding:0}
.site {float:right; margin:0; padding:0}
.site * {vertical-align:middle}
.site div {float:left; padding:0 0 0 5px}

.footBottom {overflow:hidden; margin:0; padding:40px 0 30px 0; position:relative;}
.footBottom .left {float:left; /*width:465px;*/}
.footBottom .left:after {content:""; clear:both; display:block;}
.footBottom .left div {overflow:hidden; _zoom:1; margin:0; padding:0;}
.footBottom .left div ul {list-tyle-type:none; margin:0; padding:0;}
.footBottom .left div ul li {float:left; margin:0; padding:0 0 0 17px; font-size:0; line-height:0; background:url('/images/common/foot/bgFnbLine.gif') no-repeat 8px 1px;}
.footBottom .left div ul li.first {padding:0; background-image:none;}
.footBottom .left address {margin:0; padding:11px 0 0 0; font-size:0; line-height:0;}
.footBottom .left address img {margin-right:15px;}
.footBottom .left .copyRight {margin:0; padding:5px 0 0 0; font-size:0; line-height:0;}
.footBottom .logoFoot {float:left;/*width:116px;*/margin:-10px 0 0 10px;line-height:40px;font-size:0;}
.footBottom .logoFoot span {display:inline-block;*display:inline;*zoom:1;vertical-align:middle; margin:0 10px;}
/* footer > focus */
.txt_rolling {position:relative;float:left; width:400px; height:40px; background:url('/images/common/foot/kcchBg.gif') no-repeat top left}
/* 
.txt_rolling {position:absolute; top:34px; right:0; width:358px; height:40px; background:url('/images/common/foot/kcchBg.gif') no-repeat top left}
*/
.txt_rolling:after {content:""; clear:both; display:block}
.txt_rolling .tit {position:absolute; top:15px; left:29px; width:50px; height:10px; color:#fff; font-size:11px; font-weight:bold; line-height:13px}
.txt_rolling .tit em {color:#ffd800}

.txt_rolling .player {font-size:0; line-height:0; width:7px; height:5px} /* font-size, line-height 0 Áö¿ì¸éx */
.txt_rolling .play {position:absolute; top:16px; left:90px}
.txt_rolling .stop {position:absolute; top:16px; left:107px}

.txt_rolling .rolltxt {overflow:hidden; position:absolute; top:15px; left:136px; width:240px; height:15px; vertical-align:middle !important}
.txt_rolling .rolltxt ul {position:relative; top:0}
.txt_rolling .rolltxt li {margin:0 1px 0; font-size:11px; font-weight:bold; line-height:12px !important}
.txt_rolling .rolltxt li a {display:inlien-block; color:#293a91 !important; line-height:14px !important}

.txt_rolling .control > a {font-size:0; line-height:0; width:7px; height:5px} /* font-size, line-height 0 Áö¿ì¸éx */
.txt_rolling .btnPrev {position:absolute; right:11px; top:11px}
.txt_rolling .btnNext {position:absolute; right:11px; bottom:11px}


