@charset "UTF-8";

/*********************************************
* Skip Nav
*********************************************/ 
.skip_navi { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; }  
.skip_navi li a { width: 100%; font-weight: bold; font-size: 16px; text-align: center; padding: 20px 0; position: absolute; top: -10000px; left: 0; color: #fff; }
.skip_navi li a.on { top: 0; }
.skip_navi .skip_cont a { background: #0b4c9e !important; }
.skip_navi .skip_gnb a { background: #9d0006 !important; }
.skip_navi .skip_lnb a { background: #3c3c3c !important; }


/*********************************************
* layout
*********************************************/
[class^='Wrapper']   { width: 100%; min-width: 1130px; margin: 0 auto; position: relative; background-color: #f6f6f6; }


/*    header    */
#headerWrap    { width: 100%; min-height: 30px; background-color: #756c6b; border-bottom: 1px solid #5a5353; position: relative; z-index: 60; font-family: '맑은고딕',Malgun Gothic; }
#headerWrap .header    { width: 1130px; margin: 0 auto; position: relative; }
#headerWrap h1    { position: absolute; top: 37px; left: 0; z-index: 10; }
#headerWrap h1 a    { display: block; }
#headerWrap .header li a  { display: block; }
#headerWrap .header .service_links    { float: left; margin-top: 3px; }
#headerWrap .header .service_links li   { float: left; min-width: 90px; height: 27px; line-height: 25px; text-align: center; background-color: #373737; color: #949494; font-size: 14px; font-weight: bold; border-radius: 5px 5px 0 0; margin-right: 2px; }
#headerWrap .header .service_links li.current   { background-color: #fcb034; color: #5f3f00; }
#headerWrap .header .util   { float: right; color: #fff; margin-top: 3px; font-size: 12px; font-family: '돋움',Dotum; }
#headerWrap .header .util li   { float: left; margin-left: 10px; height: 21px; line-height: 21px; }
#headerWrap .header .util [class^='link_'] a ,
#headerWrap .header .util [class^='link_'] button   { color: #fff; }
#headerWrap .header .util [class^='link_']   { background-position: 0 50%; background-repeat: no-repeat; padding-left: 21px; margin-top: 1px; }
#headerWrap .header .util .link_my   { background-image:url(../images/ico/ico_user.png); }
#headerWrap .header .util .link_logout   { background-image:url(../images/ico/ico_logout.png); }
#headerWrap .header .selectBox_panel  { min-width: 160px; border-color: #655d5c; } 
#headerWrap .header .selectBox_panel select  { height: 21px !important; } 
#headerWrap .header .selectBox_panel select *  { font-family: '맑은고딕',Malgun Gothic; font-style: normal; } 
#headerWrap .header .selectBox_panel.sfocus  { border-color: #fe4b38; } 

/*    footer      */
#footerWrap { width: 100%; border-top: 1px solid #dcdcdc; padding-bottom: 30px; position: relative; }
#footerWrap:before   { content: ''; width: 100%; height: 1px; background-color: #dcdcdc; position: absolute; top: 40px; left: 0; }
#footerWrap .footer { width: 1130px; margin: 0 auto; position: relative; } 
#footerWrap .footer_links ul   { width: 100%; display: table; text-align: center; border-right: 1px solid #dcdcdc; }
#footerWrap .footer_links li   { float: left; width: 20%; height: 40px; line-height: 40px; }
#footerWrap .footer_links li a   { display: block; border-left: 1px solid #dcdcdc; }
#footerWrap .footer_info    { min-height: 40px; background:url(../images/contents/logo_footer.png) no-repeat 0 0; padding: 0 250px 0 140px; margin-top: 15px; text-align: left; }
#footerWrap .footer_info .copy   { color: #999; margin-top: 5px; } 

#footerWrap .family_Site    { position:absolute; top:65px; right:0px; z-index:20; text-align: left; color: #999; }
#footerWrap .family_Site *    { vertical-align: middle; }
#footerWrap .family_Site .selectBox_panel   { width: 190px; height: 30px; }
#footerWrap .family_Site .selectBox_panel select   { height: 30px; }
#footerWrap .family_Site .selectBox_panel .selected  { height: 30px; line-height: 30px; }
#footerWrap .family_Site .family_open   { width: 65px; height: 30px; line-height:30px; display: inline-block; color: #fff; text-align: center; background-color: #6a6a6a; }
#footerWrap .family_Site .family_open:focus   { background-color: #333; }


/*     Contents     */
#container     { width: 100%; min-height:700px; margin: 0 auto; padding-top: 90px; background-color: #fff; text-align: left; } 
#container_contents    { width: 1130px; min-height:300px; margin: 0 auto; padding-bottom: 30px; text-align: left; position: relative;  }
.Wrapper_sub #container_contents:before    { content: ''; width: 213px; height: 100%; border: 1px solid #dcdcdc; border-width: 0 1px; position: absolute; left: 0; top: 0; }
#container_contents:after {content: ''; display:block; height:0; clear:both; visibility:hidden; } 
#container_main    { min-height:400px; margin: 0 0 50px 255px; position: relative; } 
.asidewrap { width: 1130px; margin: 0 auto;position: relative; background: red; height: 500; background: red}
#container_aside     {position: absolute; left:0; top:90px;  width:215px; height: 100%; min-height:700px; margin:0 auto;  z-index: 10; }
 


/*    gnb - 1depth  */
#gnbWrap   { width: 100%; height: 75px; overflow: hidden; background-color: #fff; position: absolute; top: 30px; left: 0; z-index: 50; font-family: '맑은고딕',Malgun Gothic; }
#gnbWrap:before   { content: ''; width: 100%; height: 5px; background:url(../images/contents/gnb_shadow.png) repeat-x; position: absolute; top: 70px; left: 0; z-index: 2; }

#gnb    { width: 1130px; margin: 0 auto; position: relative; text-align: left; background:url(../images/contents/gnb_imgBg.jpg) no-repeat 0 100%; }
#gnb:after { content: ''; display:block; height:0; clear:both; visibility:hidden; }
#gnb:before   { content: ''; width: 300%; height: 5px; background:url(../images/contents/gnb_shadow.png) repeat-x; position: absolute; bottom: -5px; left: -100%; }
#gnb li a   { display: block; }
#gnb > ul   { float: right; }
#gnb > ul > li   { float: left; margin-right: -1px; } 
#gnb > ul > li:last-child   { margin-right: 0; }
#gnb > ul > li:hover .depth_1 ,
#gnb > ul > li .depth_1:focus   { color: #fe4b38; }
#gnb > ul > li:hover .depth_2   { background-color: #f4f5f7; }
#gnb .depth_1   { min-width: 150px; min-height: 70px; line-height: 70px; padding: 0 15px; font-size:16px; color:#333; text-align: center; }
#gnb > ul > li.current .depth_1   { font-weight: bold; color: #fe4b38; }

#gnb .depth_2   { min-height: 150px; padding: 10px 20px 30px; border: 1px solid #ededed; border-width: 0 1px; font-size:14px; color:#333; margin-top: 1px; }
#gnb .depth_2 li a  { padding: 5px 0; } 
#gnb .depth_2 li a:hover ,
#gnb .depth_2 li a:focus  { color: #fe4b38; } 
#gnb .gnb_close  { display: none; width: 25px; height: 25px; background:url(../images/btn/btn_close.png) no-repeat;  text-indent: -99999px; font-size: 0; position: absolute; bottom: 10px; right: 10px; z-index: 10; }
#gnbWrap.current .gnb_close  { display: block; }

/*   sub gnb - 2depth   */
#asideGnb   { font-family: '맑은고딕',Malgun Gothic; }
#asideGnb ul   {  }
#asideGnb li a   { display: block; }
#asideGnb > ul > li   { line-height: 20px; border-bottom: 1px solid #dcdcdc; font-size: 14px; position: relative; }
#asideGnb li a  { padding: 10px 30px 14px 18px; color: #2e2e2e; background:url(../images/ico/ico_lnb_off.gif) no-repeat 93% 16px; }
#asideGnb > ul > li .depth_2  { background-image:url(../images/ico/ico_lnb_down_off.gif) !important; }
#asideGnb > ul > li.current .depth_2  { background-image:url(../images/ico/ico_lnb_down_on.gif) !important; }
#asideGnb > ul > li > a:hover , 
#asideGnb > ul > li.current > a ,
#asideGnb .depth_3 li.current a  { background-image:url(../images/ico/ico_lnb_on.gif); }
#asideGnb li.current > a  { font-weight: bold; }
#asideGnb .depth_3   { border-top: 1px solid #dcdcdc; padding: 15px 0; }
#asideGnb .depth_3 li    { margin: -10px 0; }
#asideGnb .depth_3 a:before   { content: '- ';  }


/*     index   */
.Wrapper_index   {  }


/*     로그인, 회원가입     */
.Wrapper_member   { }       
#headerWrap.member { height: 80px; background-color: #fff; border-bottom: none; }
 #headerWrap.member:after   { content: ''; width: 100%; height: 5px; background:url(../images/contents/gnb_shadow.png) repeat-x; position: absolute; bottom: -5px; left: 0; }
 #headerWrap.member h1   { top: 10px; }

.Wrapper_member #container     { background:url(../images/contents/bg_member.png) repeat 0 0 #f4f3f1; padding: 1px 0; }
.Wrapper_member #container_contents     { margin: 120px auto; padding-bottom: 0; }    /*    로그인     */ 
.Wrapper_member #container_contents.Join     { width: 1070px; padding: 30px 30px 50px; margin: 30px auto; background-color: #fff; border: 1px solid #dcdcdc; }    /*    회원가입,약관,개인정보,웹접근성    */