/* body 스타일 */

@font-face{font-family:NanumBarunGothic-Regular;src:url(../font/NanumBarunGothic-Regular.eot);src:local(※), url(../font/NanumBarunGothic-Regular.woff) format('woff')} 
@font-face{font-family:NanumBarunGothic-Bold;src:url(../font/NanumBarunGothic-Bold.eot);src:local(※), url(../font/NanumBarunGothic-Bold.woff) format('woff')}


body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:NanumBarunGothic-Regular,NanumBarunGothic-Bold, 맑은 고딕, Verdana,Arial, '돋움', Dotum,sans-serif;}
body { font-size:14px;}
img,fieldset{border:0}
ul,ol,li{list-style:none}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none; text-decoration:underline;}
a,a:active, a:hover, a:focus{text-decoration:none;}


@font-face{font-family:'Glyphicons Halflings';src:url(../font/glyphicons-halflings-regular.woff);src:url(../font/glyphicons-halflings-regular.woff) format('embedded-opentype'),url(../font/glyphicons-halflings-regular.woff) format('woff'),url(../font/glyphicons-halflings-regular.woff) format('truetype'),url(../font/glyphicons-halflings-regular.woff) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

body {margin: 0; padding: 0; color:#5b5a5a}

a{text-decoration:none;}
img {border:0;}

select{ height:30px; line-height:30px; border:1px solid #ccc;}
input {border:1px solid #ccc; height: 30px; padding:0 8px;} 
/*input:focus{border:1px solid #533c32}*/
input[type=checkbox] {vertical-align:middle; margin-top:-1px; border:none;}
input[type=radio]{margin-left:15px; height:auto; }
/* All */
input::-webkit-input-placeholder { color:#000; opacity:1;}
input::-moz-placeholder { color:#000; opacity:1; }
input:-ms-input-placeholder { color:#000;  opacity:1; }
input:-moz-placeholder {  color:#000;  opacity:1;}




/*키워드스타일*/
.keyword_a{border:none; color:#000; width:100%; height:43px;}




/*작은제목*/
.tit_strap { font-size:17px; font-weight:bold; color:#000;}


/*margin*/
.m_t5{margin-top:5px !important;}
.m_t10{margin-top:10px !important;}
.m_t20{margin-top:20px !important;}
.m_t30{margin-top:30px !important;}
.m_t40{margin-top:40px !important;}
.m_t50{margin-top:50px !important;}
.m_t60{margin-top:60px !important;}
.m_t70{margin-top:70px !important;}

.m_b5{margin-bottom:5px !important;}
.m_b10{margin-bottom:10px !important;}
.m_b20{margin-bottom:20px !important;}
.m_b30{margin-bottom:30px !important;}
.m_b40{margin-bottom:40px !important;}
.m_b50{margin-bottom:50px !important;}
.m_b100{margin-bottom:100px !important;}

.m_l5{margin-left:5px !important;}
.m_l10{margin-left:10px !important;}
.m_l20{margin-left:20px !important;}
.m_l30{margin-left:30px !important;}
.m_l40{margin-left:40px !important;}
.m_l50{margin-left:50px !important;}
.m_l200{margin-left:200px !important;}
.m_l300{margin-left:300px !important;}
.m_l400{margin-left:400px !important;}
.m_l600{margin-left:600px !important;}
.m_l_30{margin-left:-30px !important;}

.m_r5{margin-right:5px !important;}
.m_r10{margin-right:10px !important;}

/*padding*/
.p_t10{padding-top:10px !important;}
.p_t20{padding-top:20px !important;}
.p_t30{padding-top:30px !important;}
.p_r10{padding-right:10px !important;}

/*padding_0*/
.p_l_n{padding-left:0 !important;}
.p_r_n{padding-right:0 !important;}
.p_t_n{padding-top:0 !important;}
.p_b_n{padding-bottom:0 !important;}


/*margin_0*/
.m_t_n{margin-top:0 !important;}
.m_n{margin:0 !important;}
.m_r_n{margin-right:0 !important;}

.border-top-n{ border-top:0;}

/*background_0*/
.bg_no { background:none !important;}


/*버튼*/

.color1{ background:#8b9893;}
.color2{ background:#e49d5e;}
.color3{ background:#e35c61}


.op_btn{ border:0px ;color:#fff;cursor:pointer; font-size:20px; font-weight:500; height:60px; margin-left:-4px;  }
.op_btn:hover{ color:#fff; text-decoration:underline;}


.btn_center {width:100%; text-align:center; margin-top:30px; margin-bottom:30px; }
.btn_right {width:100%; text-align:right; margin-bottom:5px;}
.btn_left {width:100%; text-align:left; margin-bottom:5px;}
.a_right{ display:inline-block; float:right;}

/*그래픽아이콘 링크*/
.glyphi_cont a{color:#000;}
.glyphi_cont a:hover{text-decoration:underline;}
.glyphi_cont em{ vertical-align:middle;}

/*버튼*/
.Btn_a{border:1px solid #e4e4e4; border-radius:3px; padding:10px 26px;color:#000; font-size:14px;}
.Btn_a:hover{ text-decoration:underline; color:#000 !important;}
.Btn_b{border:1px solid #ff4f4e; background:#ff4f4e; border-radius:3px; padding:10px 26px;color:#fff; font-size:14px;}
.Btn_b:hover{ text-decoration:underline; color:#fff !important;}
.Btn_c{border:3px solid #ff4f4e; border-radius:3px; padding:7px 12px;color:#ff4f4e; font-size:14px;}


.Btn{ display:inline-block; min-width:120px;line-height:40px; text-align:center;}
.Btn:hover{ text-decoration:underline;}
.Btn_m{display:inline-block; min-width:120px;line-height:33px; text-align:center; }
.Btn_m:hover{ text-decoration:underline;}
.Btn_p{display:inline-block; padding-left:8px; padding-right:8px;line-height:33px; text-align:center; }
.Btn_p:hover{ text-decoration:underline;}
.Btn1{border:1px solid #509d7d; background:#509d7d;color:#fff; font-size:17px; }
.Btn2{border:1px solid #9d9d9d; background:#9d9d9d; color:#fff; font-size:17px; }
.Btn3{border:1px solid #128ec7;color:#fff; font-size:15px; background:#128ec7; }

.basic_bt{ font-size: 13px; font-weight: normal; line-height: 31px; height: 31px;  text-align: center; color: #fff; display: inline-block; width:110px;vertical-align: middle;  background:#533c32; }
.basic_bt:hover{ background:#846050;}

.list_s_btn{ display:inline-block; text-align:center; font-size:13px; background:#e56b6f; width:75px; line-height:25px ;color:#fff; border:1px solid #e56b6f;}
.list_s_btn:hover{ background:#fff; color:#e56b6f;}

.btns{display:inline-block;-webkit-transition:all .2s cubic-bezier(.39,.575,.565,1);transition:all .2s cubic-bezier(.39,.575,.565,1);text-align:center;}
.btns.btn_gray1{font-size:13px;line-height:33px;height:33px;padding:0 10px;color:#666;border:1px solid #ddd;background:#fff}
.btns.btns.btn_gray1:hover{color:#fff;border:1px solid #888;background:#888}

/*폰트*/
.f_11{font-size:11px;}
.f_12{font-size:12px;}


/*폰트색상*/
.f_c_red{color:#ce1630 !important;}
.f_c_gray{color:#8f8f8f !important;}
.f_c_black{color:#000!important;}
.f_c_blue{color:#128ec7!important;}
.f_c_orange{color:#ff6623 !important;}
.glyphicon-new-window{ font-size:12px; color:#4265c7;}

/*폰트정렬*/
.txt_center{ text-align:center;}
.txt_left {text-align:left !important;}


/*타이틀*/
.subjectTitle { font-size:24px; color:#000; margin-bottom:8px;}
.subjectTitle span { margin-left:8px; color:#666; font-size:13px; font-weight:normal;}


/*header*/
#header{position:relative;width:100% ;z-index:9999; min-width:1100px;}
#header .inhead{position:relative;width:1100px; margin:0 auto;height:160px; padding-top:15px}
#header .inhead .all{position:absolute; left:0px; top:160px; width:64px; height:39px; background:#509d7d; text-align:center; }
#header .inhead .all img{ padding-top:10px;}
#header.on{}




#header>div{height:0px}

#header .logo{  width:306px; float:left; margin-top:30px;}
#header .search_area{ float:left; width:500px; margin-top:50px;}
#header .search_area .search{ width:100%; position:relative; border:3px solid #509d7d; padding:0 40px 0 80px; height:50px; }
#header .search_area .search em{ position:absolute; left:10px; top:11px; padding-right:10px; color:#504646; font-size:15px; background:url('../image/sub/line.gif') no-repeat right;}
#header .search_area .search span{ position:absolute; right:10px; top:3px;}

#header .search_area .commend {margin-top:10px; position:relative;}
#header .search_area .commend li{ font-weight:bold; text-indent:10px;  }
#header .search_area .commend li a{ color:#a49595; }
#header .search_area .commend li span {font-weight:normal; padding:0 10px;}
#header .search_area .commend li span:first-child{ margin-left:10px;}
#header .search_area .commend li.commend_arrow{ position:absolute; right:0; top:0}
#header .search_area .commend li.commend_arrow img{margin-left:-4px;}

#header .top_banner{ margin-top:40px; text-align:right;}


/*탑 사이드메뉴*/
#header .side_m{position: absolute;right: 0px;width: 450px; height:27px;top: 12px;}
#header .side_m ul { text-align:right;}
#header .side_m ul li { display:inline-block; padding:0 7px;}
#header .side_m ul li:last-child{ padding:0 0;}
#header .side_m ul li.member_login {color:#000;padding:2px 15px 2px 30px;background:url('../image/common/ico_a.gif') no-repeat 10px 3px;}
#header .side_m ul li.member_login a{background:none;color:#000; font-size:15px;}
#header .side_m ul li > a{background:url('../image/common/dot01.gif') no-repeat 0px 3px; padding:0 10px; color:#777777; font-size:13px; line-height:24px;text-align:right;  }
#header .side_m ul li > a:hover{text-decoration:underline; color:#000;}



#header .all{
	position: absolute;
	right: 1490px;
	top: 86px;
}

#header .tnavi{float:right;/*padding-top:43px*/padding-top:34px}


/* gnb */
.gnb{z-index:99999;}
.gnb .gnb_box{position:relative; width:100%; }

.gnb .submenu{position:absolute;left:0;top:95px;border-top:1px solid #2053a6; }
.gnb_ul{width:1100px;margin:0 auto}
.gnb_ul>li{float:left;display:inline-block; }
.gnb_ul>li:first-child{margin-left:110px}
.gnb_ul>li>a{position:relative;display:block; width:125px; text-align:center;height:40px; line-height:40px;font-size:16px;letter-spacing:0.025em;color:#fff}


.gnb_ul>li .subdepth{display:none;position:absolute;left:0;top:40px;width:100%;border-top:1px solid #f2f2f2;border-bottom:1px solid #c7c7c7; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.175);
	box-shadow: 0 2px 5px rgba(0,0,0,0.175);background-color:#fff;padding:20px 0 0px;}
.gnb_ul>li .subdepth>div{position:relative;margin:0 auto;width:1150px; }
.gnb_ul>li.active>a, .gnb_ul>li.on>a, .gnb_ul>li a:hover, .gnb_ul>li a:focus{color:#f36a11;transition: all 0.8s ease;}
.gnb_ul>li.active .pointer{display:block}
.gnb_ul>li.active .subdepth .list>li em a:hover, .gnb_ul>li.active .subdepth .list>li em a:focus, .gnb_ul>li.active .subdepth .list>li ul a:hover, .gnb_ul>li.active .subdepth .list>li ul a:focus{color:#f36a11;}






/* SubMenu */

.subdepth .sub_tit img {margin-right:8px;}



.subdepth p{bottom:12px;text-align:center}
.subdepth p a{display:block;float:left;margin-left:7px;width:92px;height:46px;background:url('images/common/bg_icon.png') repeat left top;font-weight:bold;font-size:14px;color:#333;line-height:46px;letter-spacing:-0.025em}
.subdepth p a:first-child{margin-left:0}
.subdepth p a:hover, .subdepth p a:focus{color:#131944}
.subdepth .list_wrap{min-height:50px;margin-left:5px;padding-left:0px;}
.subdepth .list{}
.subdepth .list, .subdepth .list>li ul{display:inline-block;width:100%;vertical-align:middle; padding-left:30px;}
.subdepth .list>li{ display:inline-block; font-weight:nomal;letter-spacing:-0.025em; padding:0px 29px 10px 0;}

.subdepth .list>li em{display:block}
.subdepth .list>li em:first-child{margin-top:-5px}
.subdepth .list>li em a{display:block;padding-left:10px; padding-right:20px;line-height:22px;font-size:15px;color:#000; transition: all 0.5s ease;}
.subdepth .list>li em a:hover{ background:url('../image/common/dot_1.gif') no-repeat 0px 8px;}
.subdepth .list>li .red a{color:#145f47;}
.subdepth .list>li .on{color:#00856e}
.subdepth .list>li ul{margin:-1px 0 0 9px}
.subdepth .list>li ul li{overflow:hidden}
.subdepth .list>li ul a{display:inline-block;padding-left:8px;padding-right:8px;font-weight:normal;color:#533c32;line-height:20px;background:url('../image/common/dot_6.gif') no-repeat left 10px}



.subdepth .list>li ul.prd a{line-height:19px}
.subdepth .list.prd>li ul{margin-top:-3px}
.subdepth .list.prd>li ul.prd_dram a{line-height:19px}
.subdepth .list>li ul + em{margin-top:4px}
.subdepth .list>li .no_cate{padding-top:33px}
.subdepth .quick_btn{overflow:hidden;position:relative;z-index:100}
.subdepth .quick_btn li{float:left;margin-left:1px;padding:0 8px;width:203px;text-align:center}
.subdepth .quick_btn li:first-child{margin-left:0;width:201px}
.subdepth .quick_btn li img{max-width:100%}


   





/***** Mobile Menu *****/
body.ovf_hdn, .ovf_hdn{overflow:hidden}
.mbg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:.5;z-index:600}
.mt_v{display:none;position:fixed;width:100%;min-width:100%;height:143px;background-color:#fff;z-index:605; padding-top:10px;}

.mt_v h3{ text-align:center;}

.mt_v .mctr, .mt_v .mlogo, .msch > a, .mlan > a, .sel_close, .sch_close, .msch_submit{overflow:hidden;text-indent:-9999px;  }
.mt_v .mctr{display:inline-block;position:absolute;width:70px;height:70px;z-index:300; background-position:5px -80px; background:url('../image/common/all_menu.gif') no-repeat 20px 25px #fff; background-size:27px 20px; margin-top:5px; }
.mt_v .mctr img{vertical-align:top;width:40px}
.mt_v .mctr.open { display:inline-block;position:absolute;width:70px;height:70px;z-index:300;  background:url('../image/common/all_close.png') no-repeat 15px 20px #1a1a1a;   }
.mt_v .mlogo{display:block;position:absolute;left:50%;width:200px; height:80px; background:url('../image/common/m_logo.png') no-repeat;  }



.msch, .mlan{position:absolute;top:10px;z-index:602}
.msch img, .mlan img{vertical-align:top}
.msch{right:15px}
.mlan{right:44px}
.msch > a, .mlan > a{display:inline-block;overflow:hidden;vertical-align:middle;/*padding:5px;width:21px;height:20px;*/width:40px;height:40px;text-indent:-9999px}
.msch > a img{width:21px;height:20px}
.msch > a{background-position:0px 0px}



.mt_v .mlog{display:block;position:absolute;right:25px;top:40px;width:62px;height:38px;color:#000; font-size:15px; background:url(../image/common/dot01.gif) no-repeat 0px 8px ; padding-left:8px;}

.m_ser{ display:none; padding:10px 20px;}





.msch_wrap{display:none;position:fixed;left:0;top:-29px;width:100%;height:100px;z-index:615}
.sch_close{display:block; position:absolute; right:15px; top:120px;width:36px;height:37px;background-color:#000;background-position:-49px 0px; margin-top:30px; z-index:100; margin-top:-5px; }

.msch_wrap form, .msch_wrap fieldset{clear:both;margin-bottom:0;height:100%}

.msch_box{position:relative;background-color:#fff;}
.msch_box > div{position:relative;overflow:hidden; }
.msch_box > div p{padding:0 50px 0 15px}
.msch_box input{float:left;vertical-align:middle}
.msch_box input[type=text]{width:100%;height:40px;line-height:40px;margin:0;padding:0;border:0;font-size:15px !important;color:#000;background-color:#fff}
.msch_submit{position:absolute;right:0;top:0;width:40px;height:40px;border:none;text-indent:-9999px;background-position:-116px -37px; background:url('../image/common/search_icon01.gif') no-repeat;}
.mlan{margin-left:40px}
.mlan > a{background-position:-22px -32px}
.sel_lan{display:none;position:fixed;right:0;top:15px;z-index:610}
.sel_close{display:block;float:right;width:35px;height:35px;background-color:#858585;background-position:-78px -27px}
.sel_lan ul{/*width:187px;*/width:210px;clear:both;background-color:#fff}
.sel_lan ul li{border-top:1px solid #edecec;line-height:40px;font-size:14px;color:#666}
.sel_lan ul li:first-child{border-top:0}
.sel_lan ul li a{display:block;padding:0 15px;color:#666}
.sel_lan ul li.on a, .sel_lan ul li a:hover, .sel_lan ul li a:focus{color:#fff;background-color:#2252a3}
.flag{height:20px}






.m_lmenu{display:none;position:fixed; left:-100%; padding-top:0px;width:100%; margin-left:0; margin-top:83px;height:auto; /*background:url('../image/common/m_bg.png') repeat-x 10px 0px #00856e;*/ background:rgba(0,0,0,0.8); filter:alpha(opacity=80); overflow-y:auto ; z-index:9999; 
}
 
.m_lmenu > div{padding-top:0px; position:relative;  }

.mquick{overflow:hidden;margin-top:26px;padding:0 15px; height:200px;}
.mquick li{float:left;width:43%;text-align:center; margin:0 15px; float:left;}
.mquick li a{display:block;margin:4px 4px;height:45px;line-height:45px;color:#fff !important;border:1px solid #f36a11; background:#f36a11; border-radius:0px; font-size:15px;}


.left_menu{background:#1a1a1a; filter:alpha(opacity=80); }
.left_menu li{position:relative;border-top:1px dotted #fff;font-size:15px;color:#000;font-weight:500;letter-spacing:-0.025em; }
.left_menu li:first-child{border-top:0}
.left_menu li:last-child{ border-bottom:1px dotted #fff;}
.left_menu li a{display:block;line-height:50px;padding:0 20px;color:#fff}
/*펼침메뉴아이콘*/
.left_menu li span{display:inline-block;position:absolute;right:20px;top:16px;width:18px;height:16px; background:url('../image/common/icon.png')  no-repeat -100px -0px;background-size:208px 26px; }

.left_menu li.active > a{color:#00fcff}
.mdepth2{display:none;background-color:#fff;}
.mdepth2 ul li{border-top:1px solid #cfcfcf;border-bottom:0;font-size:14px;}
.mdepth2 ul li:first-child{border-top:0}
.mdepth2 ul li a{line-height:22px; padding-top:7px; padding-bottom:7px;padding-left:20px;text-decoration:none !important; color:#f36a11; }
.mdepth2>ul>li>a>span{right:21px;top:12px;width:11px;height:11px;background-position:-130px  -1px !important;}
.mdepth2 ul li.on, .mdepth2 ul li.active{background-color:#3c3d40}
.mdepth2 ul li.on a, .mdepth2 ul li.active a{color:#ea5d4b}
.mdepth2>ul>li.on>a>span, .mdepth2>ul>li.active>a>span{background-position:-115px -5px !important;}
.mdepth3{display:none;background-color:#2f3032}
.mdepth3 ul li{border-top:1px solid #4d4d50;font-size:14px;letter-spacing:0;font-weight:normal !important}
.mdepth3 ul li a{line-height:20px !important;padding-left:20px;color:#fff !important}
.mdepth3 ul li a>span{left:33px;top:15px;width:7px;height:7px;background:url('../img/common/icon.png') no-repeat -138px 0 !important;background-size:200px 100px !important}
.mdepth3 ul li a:hover, .mdepth3 ul li a:focus{color:#fff !important;background-color:#232324 !important}
.mdepth4{display:none;background-color:#2f3032}
.mdepth4 ul li{border-top:1px solid #4d4d50;font-size:14px;letter-spacing:0;font-weight:normal !important}
.mdepth4 ul li a{line-height:40px !important;padding-left:62px;color:#fff !important}
.mdepth4 ul li a>span{left:33px;top:15px;width:7px;height:7px;background:url(/resource/images/common/icon.png) no-repeat -138px 0 !important;background-size:200px 100px !important}
.mdepth4 ul li a:hover, .mdepth4 ul li a:focus{color:#fff !important;background-color:#232324 !important}


/*메인배너*/
#mainBanner{position:relative; width:100%; margin-top:50px; background:#fff; border:1px solid #d1d1d1;}
.mainBanner{ position:relative; overflow:hidden; width:1150px; height:75px; margin:0 auto; }
.mainBanner ul{padding-left:40px; padding-right:40px; width:1150px; }
.mainBanner ul li { float:left;  height:75px; vertical-align:middle; padding-top:18px;  margin-left:8px; margin-right:8px; }

/*메인배너 화살표*/
.mainBanner span.bx-prev {position:absolute; left:0; display:inline-block;width:30px; height:75px; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; text-align:center; background:url('../image/main/main_prev.gif') no-repeat center 25px;}
.mainBanner span.bx-prev a{ display:inline-block;width:30px; height:75px;}
.mainBanner span.bx-next {position:absolute; right:0; display:inline-block;width:30px; height:75px; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; text-align:center; background:url('../image/main/main_next.gif') no-repeat center 25px;}
.mainBanner span.bx-next a{ display:inline-block;width:30px; height:75px;}

/* return top link
  #return_top a {  position: absolute;position: fixed;right:15px;bottom:15px;width: 37px;height: 38px;
      display: block;background:url('../image/sub/icon_top.png') no-repeat left top;z-index: 9888;}
  */
  
.m_l100{margin-left:120px !important;}
.m_l500{margin-left:490px !important;}
.m_l250{margin-left:250px !important;}
.m_l375{margin-left:375px !important;}

.f_c_p{color:#471198 !important;}