/* 2016크레아시스 new css */

@font-face {
  font-family: 'nanum';
  src: url(../hp/NanumGothic.eot), /* IE9 Compat Modes */
        url(../hp/NanumGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
        url(../hp/NanumGothic.woff)  format('truetype'); /* Safari, Android, iOS */
	}

/* reset */
body { 
	margin:0; 
	padding:0; 
	font-family:'NanumGothic', '나눔고딕','NanumGothicWeb','nanum';
	font-size:13px; 
	line-height:150%; 
	color:#777;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none;}
img{vertical-align:top;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}
input,select,textarea,button{vertical-align:middle;border:1px solid #cfcfcf;}
button{border:0 none;background-color:transparent;cursor:pointer;}
legend, caption {visibility:hidden; height:0; width:0; font-size:0;}
body{background:#fff;}
body,td,input,button{font:12px/1.5 ;color:#676767;}
textarea{font:12px/1.5 ;color:#676767;text-align:left;padding:5px; border:1px solid #cfcfcf;}
/*select{font-size:12px;color:#333;}*/
select{border:1px solid #b7b6b6;color:#333;font-size:12px; line-height:1.5em;  height:21px;}
a{color:#676767;text-decoration:none;}
a:active, a:hover{text-decoration:underline;} 
a:hover{color:#641a58;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
pre{word-break:break-all;white-space:normal;}

.clearfloat{clear:both; height:0px; line-height:0px; font-size:0px;}
.fl{float:left;}
.fr{float:right;}

html,body {width:100%;height:100%;}

/* Layout */
#wrap{width:100%;}
#container{/*clear:both;*/position:relative;display:block;width:1000px;height:100%;min-height:650px;margin:0 auto;background:#f1f1f1;}

#snb_wrap{position:relative;display:block;float:left;width:205px;top:72px;left:45px;}
#snb_wrap2{position:relative;display:block;float:left;width:205px;top:-12px;left:45px;margin:0px; }
#content{position:absolute;display:block;float:left;width:635px; left:305px;top:72px; }

#footer{position:relative;clear:both;width:100%;margin:0px auto;}


/* sub page */
#sub_area1{position:relative;width:978px; margin:0 auto; height:44px;top:10px;}
#sub_area1 .subnotice1{position:absolute;width:53px; margin:0 auto;font-size:11px;}
#sub_area1 .subnotice2{position:absolute;width:925px;left:53px; margin:0 auto;font-size:11px;}


/* width, margin, padding */
.h50{height:50px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w100{width:100px !important;}
.w200{width:200px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mlr1010{margin:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml50{margin-left:50px !important;}
.ml70{margin-left:70px !important;}
.mr10{margin-right:10px !important;}




/* snb */
#snb_wrap h2{}
#snb_wrap ul li{width:187px;margin-left:11px;background:#ffffff url('../../images/hp/bg_lnb_off.gif') no-repeat 3px 13px;border-bottom:1px dashed #dbdbdb;}
#snb_wrap ul li a{display:block;padding:8px 0 3px 0;text-indent:10px;/*letter-spacing:-0.05em;*/color:#444;font-weight:bold;}
#snb_wrap ul li a:hover,
#snb_wrap ul li a:active,
#snb_wrap ul li a:focus{color:#015fbd;text-decoration:none;background:url('../../images/hp/bg_lnb_on.gif') no-repeat 3px 13px;}
#snb_wrap ul li a.on{color:#015fbd;font-weight:bold;background:url('../../images/hp/bg_lnb_on.gif') no-repeat 3px 13px;}
#snb_wrap ul li a.on:hover,
#snb_wrap ul li a.on:active,
#snb_wrap ul li a.on:focus{color:#015fbd;}
#snb{background:#fff;}
#snb li .snb_dep{padding:6px 0;border-top:1px solid #dbdbdb;}
#snb2 span{display:block;height:830px;background:#fff;}

#snb .snb_dep ul{margin:0;padding:0;}
#snb .snb_dep li{background:url('../../images/hp/bg_snb_off.gif') no-repeat 15px 10px;border-bottom:none;}
/*#snb .snb_dep li.line{width:100%;border-top:1px solid #dbdbdb;}*/
#snb .snb_dep li a{display:block;width:98%;color:#4f4f4f;background:url('../../images/hp/bg_snb_off.gif') no-repeat 15px 10px;padding:6px 0 0 12px;font-weight:normal;}
#snb .snb_dep li a:hover,
#snb .snb_dep li a:active,
#snb .snb_dep li a:focus{color:#0066ff;background:url('../../images/hp/bg_snb_on.gif') no-repeat 15px 10px;}
#snb .snb_dep li a.on2{color:#0066ff;background:url('../../images/hp/bg_snb_on.gif') no-repeat 15px 10px;}
#snb .snb_dep li a.on2:hover
#snb .snb_dep li a.on2:active,
#snb .snb_dep li a.on2:focus{color:#0066ff;}




/* header */
#wrap_header{width:100%;height:75px; }	
#header{position:relative;overflow:hidden;width:1000px;height:40px;top:35px;margin:0 auto;}


#header h1{float:left;margin-top:15px; }
#header .login{float:left;margin-top:38px;margin-left:20px;}
#header .login span a{color:#005ba4;text-decoration:underline;letter-spacing:-0.02em;}
#header .btn{float:right;margin-top:8px;margin-right:5px;}
#header .btn ul{}
#header .btn li{float:left;font-size:11px;padding:0 2px;letter-spacing:-0.05em;}
#header .info{position:absolute;float:right;display:block;top:40px;right:5px;}
#header .info strong{color:#004a86;}
#header .info span.log{display:inline-block;padding-top:3px;}
#header .info span.time{display:inline-block;padding-top:3px;padding-left:10px;}



/* footer */
#footer .footer_area{position:relative; width:1000px;height:34px; margin:0 auto;}

#footer2{position:relative;top:0px;clear:both;width:100%;margin:0px auto;}

#footer p.footer_logo{margin:27px 0 0 0px;}
#footer span{float:left;display:block;margin-right:20px;}
#footer p.copy{float:left;color:#989898;font-size:85%;line-height:1.2em;padding-top:5px;line-height:1.5em;}
#footer .btn{float:left;padding:4px;margin-right:5px;}
#footer .btn ul{color:#fff;}
#footer .btn li{float:left;font-size:12px;padding:3px 2px;letter-spacing:-0.01em;}
#footer .btn li a{color:#fff;}





/* 1depth */
#gnb{float:left;margin-left:0px;}
#gnb li{display:inline;position:relative;overflow:hidden;float:left;}
#gnb li.noline{background:none;}
#gnb li a{display:inline-block;overflow:hidden;height:40px;}
#gnb li a img{vertical-align:top;}
#gnb li.on a img,
#gnb li a:hover img,
#gnb li a:focus img{margin-top:-40px;}



/* main */
#main_area{position:relative;width:1000px;height:505px; margin:0 auto;  }

#main_area p.main_txt{display:none;}
#main_area .main_con1{position:absolute;width:375px;height:200px; top:250px; left:47px; z-index:100; margin:0 auto;}
#main_area .footer_area3{position:relative;width:1000px;height:32px; top:505px; margin:0 auto;  background:#3f3f3f;}
 .footer_area4{position:relative;width:1000px;height:32px; top:0px; margin:0 auto;  background:#3f3f3f;}


.main_con2{position:relative;width:1000px; top:0px; margin:0 auto; background:#942682;}
.main_con3{position:relative;width:1000px; top:0px; margin:0 auto; background:#fff;}
.main_con4{position:relative;width:1000px; top:0px; padding-top:87px;padding-bottom:40px;margin:0 auto; background:#624f9c;}
.main_con4s{position:relative;width:1000px; top:0px; margin:0 auto; background:#624f9c;}
.main_con5{position:relative;width:1000px; top:0px; margin:0 auto; background:#2e2771;}

.main_con1 ul {float:left;display:inline-block;}
.main_con1 li {float:left;width:75px;height:250px;padding-right:16px;}

.m4 li{display:inline;position:relative;overflow:hidden;float:left;}
.m4 li.noline{background:none;}
.m4 li a{display:inline-block;overflow:hidden;height:93px;}
.m4 li a img{vertical-align:top;}
.m4 li.on a img,
.m4 li a:hover img,
.m4 li a:focus img{margin-top:-93px;}


/* m4 2depth */
.sub2 ul{position:absolute;z-index:2;height:100px;}
.sub2 li{display:inline;position:relative;float:left;height:20px;width:75px;top:6px;margin-left:16px;}
.sub2 li.on a img,
.sub2 a{font-size:11px;color:#000;font-weight:bold;l;text-decoration:none;}
.sub2 a:active, a:hover{} 
.sub2 a:hover{color:#d84ac1;}



#main_area .btn_go{position:absolute;top:0;right:0;}
#main_area p.main_des{margin-top:10px;line-height:1.5em;}
#main_area p.main_des_w{margin-top:10px;line-height:1.5em;color:#fff;}


/* sub */
#sub_area{position:relative;width:1000px;height:600px; margin:0 auto; background:#f1f1f1; }




/* button_area*/
.button_area{float:right;height:20px;padding-right:30px;}
.button_area_sty1{float:right;margin:10px 0 0 0;}
.button_area_sty2{float:right;margin-left:2px;}
.btn_pack,.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url('../../images/hp/btn_pack.png') no-repeat;font-size:12px;font-family:'����',Dotum,sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap;}  
.btn_pack{margin-right:4px;}  
.btn_pack *{left:4px;cursor:pointer;}  
.btn_pack.sty1,.btn_pack.sty1 *{height:22px;line-height:22px;}  
.btn_pack.sty2,.btn_pack.sty2 *{height:22px;line-height:19px;color:#fff;}  
.btn_pack.sty1{background-position:left 0;}  
.btn_pack.sty2{background-position:left -30px;}  
.btn_pack.sty1 *{padding:2px 10px 0 6px;background-position:right top;}  
.btn_pack.sty2 *{padding:3px 10px 0 6px;background-position:right -30px;}  
.btn_pack *:hover,.btn_pack *:active,.btn_pack *:focus{color:#0066ff;} 
.btn_pack.sty2 *:hover,.btn_pack.sty2 *:active,.btn_pack.sty2 *:focus{color:#fff;} 
.btn_pack.strong *{font-weight:bold !important;}  
.btn_pack.icon *{padding-left:20px;}  
.btn_pack.sty1.icon *{padding-left:16px;}  
.btn_pack.icon span{width:20px;margin-right:-20px;margin-left:3px;padding:0 !important;}  
.btn_pack.sty2 .search{background-position:3px -150px;}        /*��ȸ*/




.btn_area{width:45%;float:right;text-align:right;padding:10px 0;}
.btn_area2{width:45%;float:left;text-align:left;padding:10px 0;}
.btn_area3{width:100%;float:right;text-align:right;padding:0;}
.btn_area4{width:45%;float:left;text-align:left;}
.txt_area{width:30%;float:right;text-align:right;font-size:11px;margin:0px;}
.txt_area2{width:100%;float:left;text-align:left;font-size:11px;margin:0px;}
.txt_area3{width:100%;float:left;font-size:11px;margin:0px;line-height:1.4em;}
.txt_area5{width:100%;float:left;margin:10px;line-height:1.4em;}
.txt_area6{width:100%;float:left;margin:0px;line-height:1.4em;}
.txt_area7{width:100%;float:right;margin-top:10px;text-align:right;line-height:40px;}

/* tab_menu*/
.tab_menu{position:relative;width:625px;float:left;top:0px;left:312px;} 

/* 탭 CSS */

.tab {overflow:hidden;width:100%;height:54px;background:url('../../images/hp/tab_bg.gif') repeat-x 0 0;padding-left:0px;}
.tab ul {float:left;display:inline-block;height:54px;}
.tab li {font-size:14px; font-weight:bold;text-align:center;line-height:54px;float:left;width:200px;height:54px;background:url('../../images/hp/tab_off_bg.gif')  no-repeat;padding:0px;}
.tab li a{font-size:14px; font-weight:bold;color:#858585;text-decoration:none;text-align:center;width:200px;line-height:54px;}
.tab li a:hover{float:left;color:#942682;text-decoration:none;background:url('../../images/hp/tab_on_bg.gif')  no-repeat;width:200px;height:54px;padding:0px;}
.tab li a:active{float:left;background:url('../../images/hp/tab_on_bg.gif')  no-repeat;width:200px;height:54px;padding:0px;}
.tab li a:focus,

.tab li .on{float:left;color:#942682;background:url('../../images/hp/tab_on_bg.gif')  no-repeat;width:200px;height:54px;padding:0px;}
.tab li a .on{color:red;}


/* tab_com*/
.tab_com1{position:relative;width:625px;float:left;top:10px;left:0px;} 


/* text */
.txt_org{color:#fe8500;}


.txt_blue{color:#004fad;}
.txt_w{color:#fff;}


.txt_blackb{font-weight:bold;color:#000; }
.txt_gry{color:#989898;}
.txt_gry2{color:#b6b6b6;}
.txt_gry3{color:#b6b6b6;text-decoration:line-through;}
.sm_txt{font-size:11px;color:#777;}
.chk_txt{font-weight:bold;color:#ff0000;}
.txtline{text-decoration:underline;}
.line01{border-bottom: 1px dashed #d2d2d2;}
.line03{border-bottom: 3px solid #d2d2d2;}
.line02{border-bottom: 1px solid #624f9c;}
.ts11{font-size:11px;}
.tb{font-weight:bold;}
.ts36{font-weight:bold;color:#fff;font-size:36px;}
.ts13{font-weight:bold;color:#fff;font-size:13px;}
.tbgbox_b{display:inline-block;width:16px;text-align:center;margin-right:5px;font-weight:bold;color:#fff;font-size:16px;background:#2b73c3;}




*{margin:0;padding:0;}
.container{position:relative;width:1000px;height:505px; margin:0 auto;}
.btn_box{position:relative;width:100%;height:100%;z-index:10}

.slider{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;}
.slider li{float:left;}

.img_list{position:relative;height:auto;}

/*
.btn_box a{display:block;position:absolute;width:35px;height:35px;top:50%;background-image:url(../../images/cmm/arrows.png);text-indent:-9999em;}
.btn_box a.prev{left:0px}
.btn_box a.prev:hover{background-position:0 100%}
.btn_box a.next{right:0px;background-position:100% 0}
.btn_box a.next:hover{background-position:100% 100%}
*/