@charset "utf-8";
/* common */
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
html,body{font-family:'S-CoreDream-3Light','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif}
body{} /* _color */
#pc{width:100%;min-width:1190px;}
#ie6{display:none}

.blind {position:absolute; left:0; top:-9999px; width:0; height:0; margin:0; padding:0; font-size:0; text-indent:-9999px; overflow:hidden;}
.clear {*zoom:1;}
.clear:after {display:block; clear:both; content:"";}
.lft {float:left;}
.rgt {float:right;}
.pc_width{width:1190px;min-width:1190px;margin:0 auto}
::-moz-selection{background-color:#1ea0da;color:#fff}
::selection{background-color:#1ea0da;color:#fff}
.xe_content {font-family: inherit !important;font-size:14px;line-height:2em;}

.shop_view_content h2{border:none;}

/* 스킵네비게이션, 반복영역건너뛰기 */
.skip_navigation,.skip_navigation ul{height:0}
.skip_navigation a{position:absolute;top:-9999px;background:#000;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;font-weight:bold;z-index:100;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0}

/* header */
#header{position:absolute;width:100%;height:100px;margin:0 auto;background:#040707;transition:all 0.3s ease;}
body.fixed #header{position:fixed;left:0;top:0;z-index:2000;width:100%;height:70px;margin:0 auto;background:#040707;transition:all 0.3s ease;}
body.fixed #header .gnb {margin-top:0px;transition:all 0.3s ease;}
body.fixed #header .gnb a {line-height:70px;}
body.fixed #header .gnb ul li a {line-height:20px;}
body.fixed #header .gnb ul {top:70px;}
body.fixed #header h1{top:0px;width:264px;height:60px;transition:all 0.3s ease;}
body.fixed #header h1 img{margin-top:-100px;}
body.fixed #header .hamburger{top:10px;transition:all 0.3s ease;}
body.fixed #nav_box{position:fixed;top:70px;transition:all 0.3s ease;}

#header .header_in{position:relative;}
#header h1{position:absolute;left:0;top:0;width:264px;height:100px;overflow:hidden;transition:all 0.3s ease;}

/* nav (세부사항은 _color 에서 수정) */
.gnb {float:right;*zoom:1;transition:all 0.3s ease;}
.gnb:after{content:"";display:block;clear:both}
.gnb a{display:block; text-decoration:none; font-size:16px; *zoom:1;padding:0 0 0 40px;color:#fff;font-size:18px;line-height:100px;font-weight:600;}
.gnb a:after{content:"";display:block;clear:both}
.gnb a img{float:left;}
.gnb li{position:relative;z-index:20;float:left}
.gnb > li > a{}
.gnb li a:hover,.gnb > li:hover > a{}
.gnb ul{position:absolute;top:100px;left:25px;z-index:10;width:170px;display:none;opacity:0;list-style:none;background:url(../_images/pc/bg_lnb.png) repeat-y bottom right}
.gnb ul li{position:relative}
.gnb ul li a{display:block;width:130px;padding:10px 20px;font-size:15px;line-height:20px;}
.gnb ul li a:hover{}
.gnb ul ul{left:200px;top:-1px}
.gnb ul img{margin:0 0 0 40px;float:left}

/* 로그인 버튼등 */
#topArea{width:100%;height:40px;overflow:hidden;font-size:14px;color:#fff;background:#18212c;}
#topArea .header_lft{position:relative;float:left}
#topArea .header_lft li{position:relative;float:left;padding:0;line-height:40px;padding:0;}
#topArea .header_lft li.headOffice a{padding-left:25px;background:url(../_images/pc/header_ico3.png) no-repeat center left;}
#topArea .header_lft li:after{position:absolute;left:0;top:14px;width:1px;height:13px;background:#39485a;display:block;content:"";clear:both}
#topArea .header_lft li.first:after{display:none;}
#topArea .header_lft a{display:block;color:#fff}
#topArea .header_lft li a{}

#topArea .header_right{float:right;}
#topArea .header_right li{float:left;padding:0;line-height:40px;}
#topArea .header_right a{display:block;color:#aab6c4}
#topArea .header_right a.naver_talk{padding-left:20px;background:url(../_images/pc/header_ico2.png) no-repeat center left;}
#topArea .header_right li{padding:0 15px 0 15px;color:#aab6c4;}
#topArea .header_right li strong{color:#f6f05d;}

/* 메인이미지 */
.mainVisual {position:relative;width:100%;height:500px;overflow:hidden;z-index:1;}
.mainVisual li {position:relative;float:left;}
.mainVisual li.group{position:relative;height:500px;}
.mainVisual li.group .img {position:absolute;left:50%;top:0;margin-left:-1000px;z-index:1;}
.bx-controls {}
.bx-controls .bx-pager {position:absolute;bottom:25px;left:0;width:100%;text-align:center;}
.bx-controls .bx-pager .bx-pager-item {position:relative;display:inline-block;margin:0 5px;z-index:100;}
.bx-controls .bx-pager .bx-pager-item a {display:inline-block;width:11px;height:11px;background:none;border:2px solid #fff;font-size:0;color:transparent;border-radius:10px;}
.bx-controls .bx-pager .bx-pager-item a.active {background:rgba(255,255,255,1);border:2px solid #fff;}
.bx-controls .bx-controls-direction {position:absolute;top:50%;left:0;width:100%;height:0;z-index:100;}
.bx-controls .bx-controls-direction a {width:41px;height:41px;position:absolute;top:0;font-size:0;color:transparent;margin-top:-30px;}
.bx-controls .bx-controls-direction a.bx-prev {left:30px;background:url(../_images/pc/btn_iprev.png) no-repeat;}
.bx-controls .bx-controls-direction a.bx-next {right:30px;background:url(../_images/pc/btn_inext.png) no-repeat;}
/* IE8 only */  
@media \0screen {
.bx-controls .bx-pager .bx-pager-item a {background:#e2d2b3;border:1px solid #d0bd97;}
}  
/* 이미지1장일 경우 추가 */
.mainVisual img{position:absolute;left:50%;top:0;margin-left:-1000px;z-index:1;}


/* 메뉴전체보기 */
#nav_box{display:none;width:100%;padding:0;position:absolute;left:0;top:140px;z-index:100;background:#fff;border-top:3px solid #161616;border-bottom:1px solid #E8E8E8;transition:all 0.3s ease;}
#nav_box li{width:245px;height:250px;padding-left:50px;float:left;border-right:1px dashed #E8E8E8;}
#nav_box li:first-child{border-left:1px dashed #E8E8E8;}
#nav_box li li{border:none !important;}
#nav_box li li{height:auto;border:none;padding:0;}
#nav_box li a{font-size:20px;line-height:80px;color:#222}
#nav_box li li a{font-size:14px;line-height:35px;color:#222}
#nav_box li a:hover{color:#e83f52;}
div#glayLayer{display:none;position:fixed;left:0;top:0;z-index:90;width:100%;height:100%;background:#222222;filter:alpha(opacity=50);opacity:0.5}
* html div#glayLayer{position:absolute}

/* IE8 only   */ 
@media \0screen {
.hamburger{width:50px;height:50px;padding:0 !important;background:url(../_images/pc/hamburger_bg_ie8.gif) no-repeat left top}
#gnb.fixed .hamburger{background-position:left -50px}
}

/* 메인영역 첫번째 */
.ban_area{margin:60px auto;text-align:center;}
.ban_area li{width:290px;padding:0;float:left;margin:0 0 0 10px;}
.ban_area li.first{margin-left:0;}
.ban_area li img{float:left;}
.ban_area li li.first{margin-bottom:22px;}
.ban_area li li{margin:0;}

/* subVisual */
.subVisual{position:relative;width:1190px;height:160px;margin:0 auto;border-bottom:1px solid #c9d5dd;text-align:center;}
.subVisual h2{font-size:50px;color:#09548a;margin-top:50px;}
.subVisual h3{font-size:14px;color:#189cd8;letter-spacing:10px;padding:10px 50px;text-align:center;display:inline-block;margin-top:20px;}
.subVisual h3 span{font-size:20px;font-family:'S-CoreDream-3Light';display:block;color:#189cd8;letter-spacing:0px;}

/* IE8 only */  
@media \0screen {
.subVisual .tit { background:url(../_images/pc/subvisual_ie8.png) repeat;color:#fff; }  
}  

/* aside */
#aside{width:200px;position:absolute;top:0;}
#aside .snb_title{width:200px;height:100px;font-size:14px;font-weight:bold;padding:0}
.snb{width:200px;*zoom:1}
.snb:after{display:block;content:"";clear:both}
.snb > li{width:200px;height:60px;line-height:60px;float:left; background:url(../_images/pc/bg_snb.jpg) no-repeat;border-top:1px solid #e4e4e4;}
.snb > li.on{background:url(../_images/pc/bg_snb_ov.jpg) no-repeat;}
.snb > li.on a{;color:#fff !important;}
.snb > li.on a:hover{;color:#fff !important;}
.snb li a{font-size:14px;position:relative;display:block;padding-left:20px;line-height:60px;color:#90848c !important} /* _color */
.snb li a:hover{color:#0c81b1 !important}
.left_banner{margin-top:10px;}
.left_banner li{float:left}
.left_banner li img{float:left}

#sub_img{height:30px;margin:0 auto;background:#f6f6f6;}

#pc_main .mainBoard{margin:1px auto 0;padding:40px;background:#303032;}
#pc_main .mainBoard .tit{text-align:center;margin-bottom:40px;}

/* content */
.breadclumb{height:30px;font-weight:normal;display:none;}
.breadclumb *{font-style:normal;font-size:11px;font-family:'돋움',Dotum;line-height:30px;color:#8f9699 !important}
.breadclumb a{display:block;float:left;text-decoration:none;padding:0 3px}
.breadclumb a:first-child{background:url(../_images/pc/ico_home.png) no-repeat left center;padding-left:20px}
.breadclumb span{font-size:8px}
#content_out{position:relative;width:1190px;margin:100px auto 0;}
#content{width:900px;min-height:700px;margin-left:230px;padding:0 30px 30px;background:#fff;}
#content .conTit{width:100%;height:94px;border-bottom:1px solid #e4e4e4;margin-bottom:30px;}
#content .conTit span{display:inline-block;font-size:20px;line-height:94px;border-bottom:1px solid #383838;color:#383838;}

/* footer */
#footer_out{width:100%;min-width:1160px;margin-top:30px;background:#18212c;color:#d5e2f2;border-top:1px solid #30435c;}
#footer_out .inner{border-bottom:1px solid #30435c;}
#footer_out .inner .pc_width{position:relative;}
#btmLink{}
#btmLink li{float:left;}
#btmLink a{color:#a5bedc;line-height:50px;margin-right:40px;}
.footer{position:relative;line-height:20px;padding:45px 0;}
.footer ul li{float:left;margin-right:90px;padding-left:35px;}
.footer ul li span.tit{display:block;color:#6f849d;line-height:30px;}
.footer ul li.info{background:url(../_images/pc/btmArea_ico1.jpg) no-repeat left 7px;}
.footer ul li.add{background:url(../_images/pc/btmArea_ico2.jpg) no-repeat left 7px;}
.footer ul li.tel{background:url(../_images/pc/btmArea_ico3.jpg) no-repeat left 7px;}
.footer ul li.mail{background:url(../_images/pc/btmArea_ico4.jpg) no-repeat left 7px;}

/* copyright */
.copyright{text-align:center;padding:30px 0;background:#18212c;color:#6b8099;font-size:12px;border-top:1px solid #30435c;}

/* top버튼 */
.btn_top{display:none;position:fixed;left:50%;bottom:30px;margin-left:620px;z-index:10000;}

/* 모바일버전 보기버튼 */
#fakeM1{position:relative;z-index:100;width:90%;margin:25px auto;min-width:1160px;padding-left:0 !important;padding-right:0 !important;display:block;padding:1em;background:#fff;border:1px solid #222;font-size:40px;font-weight:bold;text-align:center;color:#222 !important;border-radius:10px}