@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(/usr/css/font.css?ver=181211);

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight:300;
	src: url(/usr/css/font/NotoSansKR-Light-Hestia.eot);
	src: url(/usr/css/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
	     url(/usr/css/font/NotoSansKR-Light-Hestia.woff) format('woff'),
         url(/usr/css/font/NotoSansKR-Light-Hestia.woff2) format('woff2'),
         url(/usr/css/font/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight:400;
   src: url(/usr/css/font/NotoSansKR-Regular-Hestia.eot);
   src:url(/usr/css/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
		url(/usr/css/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
        url(/usr/css/font/NotoSansKR-Regular-Hestia.woff2) format('woff2'),
		url(/usr/css/font/NotoSansKR-Regular-Hestia.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight:500;
   src: url(/usr/css/font/NotoSansKR-Medium-Hestia.eot);
   src: url(/usr/css/font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
        url(/usr/css/font/NotoSansKR-Medium-Hestia.woff) format('woff'),
        url(/usr/css/font/NotoSansKR-Medium-Hestia.woff2) format('woff2'),
        url(/usr/css/font/NotoSansKR-Medium-Hestia.otf) format('opentype');
 }
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 350;
	src: url(/usr/css/font/NotoSansKR-DemiLight-Hestia.eot);
	src: url(/usr/css/font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
		 url(/usr/css/font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
		 url(/usr/css/font/NotoSansKR-DemiLight-Hestia.woff2) format('woff2'),
		 url(/usr/css/font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}




/* Reset */
* {padding:0;margin:0;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,span,blockquote,th,td,label{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;border:0;*margin:0;*padding:0;*font-size:0;}/* html5 */
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img,iframe{border:0;}
img{vertical-align:middle;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
address,em,i{font-style:normal }
caption,legend,hr{position:absolute;visibility:hidden;font-size:0;}
select,input,button,textarea{outline:0;}
textarea{resize:none}
button{cursor:pointer;border:none}
body{font-family:'Gulim','Malgun gothic','Noto Sans KR';font-size:12px;color:#666;-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;font-weight:500}
a{font-family:'Gulim','Malgun gothic','Noto Sans KR';font-size:12px;text-decoration:none;font-weight:500;color:#666}
.hide{display:block;position:absolute;left:-9999px;text-indent:9999px;width:0;height:0;border:0;overflow:hidden;font-size:0;line-height:0;white-space:nowrap}



::-webkit-input-placeholder{/* WebKit browsers */color:#aaa;font-size:12px;vertical-align:middle;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#aaa; font-size:12px;vertical-align:middle;opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */color:#aaa; font-size:12px;vertical-align:middle;opacity:1;}
:-ms-input-placeholder{/* Internet Explorer 10+ */color:#aaa;font-size:12px;vertical-align:middle;}




/* 메시지창 스크롤바
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------*/
.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollBox{ position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}
.mCSB_container{ overflow: hidden;width: auto; margin-left:px; /*20150226 */height: auto;}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------*/
.mCSB_inside > .mCSB_container{ margin-right:px; }
.mCSB_scrollTools{	position: absolute;width: 5px;height: auto;left: auto;top: 0;right: 0;bottom: 0;}
.mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;}
.mCSB_scrollTools .mCSB_draggerRail{width: 2px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.mCSB_scrollTools .mCSB_dragger{cursor: pointer;width: 100%; z-index: 1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;width: 4px;height: 50%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;text-align: center;}
	/* 
------------------------------------------------------------------------------------------------------------------------
3. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------*/
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_draggerRail{background-color: #ebebeb; background-color: rgba(235,235,235,0.9);filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #666; background-color: rgba(102,102,102,0.3);filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #666; background-color: rgba(102,102,102,0.3);filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#666; background-color: rgba(102,102,102,0.3);filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }







/*------------------------------------------------------------------------
body
------------------------------------------------------------------------*/
body {height: 100%; font-family:"Noto Sans KR";font-weight:500;font-size:14px; background:url("http://img.netian.com/usr/imgN/main/head_bg1.png") repeat-x; }
body.main{overflow:au to;font-family:'Noto Sans KR';font-size:14px;}
body.main a{font-family:'Noto Sans KR';font-size:14px;}
#wrap{width:100%;min-width:1600px;margin:0 auto;}



/*------------------------------------------------------------------------
 header
------------------------------------------------------------------------*/
#header {position:relative;width:100%;height:90px;background:url("http://img.netian.com/usr/imgN/main/head_bg1.png") repeat-x;z-index:999;}
#header a{font-family:'Noto Sans KR';font-size:14px;}
#header #head_in {position:relative;width:1425px;margin:0 auto; }
#header #head_in:after {content:"";display: block;clear: both; }
#header #head_in #head_top{overflow:hidden;height:40px;box-sizing:border-box}
#header #head_in #head_top h1{width:126px;margin:7px auto 0;}
#header #head_in #head_top #csInfo{float:left;}
#header #head_in #head_top #csInfo ul{overflow:hidden}
#header #head_in #head_top #csInfo ul li{float:left;margin:10px 30px 0 0;}
#header #head_in #head_top #csInfo ul li a{padding-left:22px;font-size:12px;color:#393939}
#header #head_in #head_top #csInfo ul li:nth-child(1) a{background:url("http://img.netian.com/usr/imgN/main/head_cs1.png") no-repeat}
#header #head_in #head_top #csInfo ul li:nth-child(2) a{background:url("http://img.netian.com/usr/imgN/main/head_cs2.png") no-repeat}
#header #head_in #head_top #util{float:right;margin:-20px 0 0}
#header #head_in #head_top #util ul{overflow:hidden;float:left}
#header #head_in #head_top #util ul li{float:left;margin:0 5px;}
#header #head_in #head_top #util ul li a{display:inline-block;box-sizing:border-box}
#header #head_in #head_top #util .usr_login li:nth-child(1) a{height: 24px;line-height:20px;padding:0 15px;border-radius: 10px;border: 2px solid #1B1551;font-size:12px;font-weight:bold;color: #1B1551;}
#header #head_in #head_top #util .usr_login li:nth-child(2) a{height: 24px;line-height:22px;padding:0 15px;border-radius: 10px;background: #EC0A36;box-shadow: 0px 1px 2px #00000052;font-size:12px;font-weight:bold;color:#fff}
#header #head_in #head_top #util .usr_logout li:nth-child(1) a {padding:3px 0 0;font-size:12px;color:#393939}
#header #head_in #head_top #util .usr_logout li:nth-child(2) a{padding:2px 10px 0 15px;position:relative} 
#header #head_in #head_top #util .usr_logout li:nth-child(2) a:after{content:"";display:block;width:1px;height:16px;background:#CFD1D3;position:absolute;left:0;top:4px}

#header #head_in #head_top #util .mem_cp{margin-top:3px}
#header #head_in #head_top #util .mem_cp li {font-size:12px;color:#666}
#header #head_in #head_top #util .mem_cp li a{font-size:12px;color:#121212}


#header #head_in #gnb{clear:both;width:792px;height:50px;margin:0 auto}
#header #head_in #gnb ul:after{content:"";display: block;clear: both; }
#header #head_in #gnb ul li{float:left;}
#header #head_in #gnb ul li a{display:inline-block;width:198px;margin-top:7px;line-height:43px;text-align:center;font-weight:bold;font-size:15px;color:#121212}
#header #head_in #gnb ul li a:focus{width:198px;background:url("http://img.netian.com/usr/imgN/main/gnb_bg.png") no-repeat;color:#EC0A36}
#header #head_in #gnb ul li.on a{width:198px;background:url("http://img.netian.com/usr/imgN/main/gnb_bg.png") no-repeat;color:#EC0A36}

/*------------------------------------------------------------------------
footer
------------------------------------------------------------------------*/
#footer {padding:22px 40px;height:12px;border-top:1px solid #cfd1d3;background:#fafafc;font-weight:300;font-size:11px;color:#888;position:relative;z-index:888}
#footer #foot_in{width:100%;width:1600px;margin:0 auto; }
#footer #foot_in:after{content:"";display: block;clear: both;}
#footer #foot_in ul{float:left;overflow:hidden;margin:0 40px;}
#footer #foot_in ul li{float:left;padding:0 10px;color:#888}
#footer #foot_in ul li a{font-family:"Noto Sans KR";font-size:11px;color:#888;}
#footer #foot_in ul li a:hover{color:#ec0a36}
#footer #foot_in ul li em a{color:#222}
#footer #foot_in ul:nth-of-type(1){margin-left:30px;}
#footer #foot_in > div{float:right;overflow:hidden}
#footer #foot_in p{float:left;margin-right:40px;}
#footer #foot_in .sns_go{float:right;margin-top:-3px;}
#footer #foot_in .sns_go a{display:inline-block;padding:0 10px;}




/*------------------------------------------------------------------------
container
------------------------------------------------------------------------*/
#container{position:relative}
#container:after{content:"";display:block;clear:both}


/*------------------------------------------------------------------------
GNB
------------------------------------------------------------------------*/
#menu_area{position:absolute;right:0;top:0;bottom:0;width:110px;padding:16px 0;background:#f3f4f6;border-left:1px solid #ccc;text-align:center;z-index:666;z-index:334}
#menu_area.on{right:430px}
#menu_area.menu_area_left{left:299px;}

#menu_area span{animation-name: tip;animation-duration: 5s;animation-iteration-count: infinite;animation-direction: alternate;}
.g_sec{position:relative;}
.g_sec >  span{position:absolute;display:block;top:9px;left:-48px;height:18px;padding:3px 7px 3px 9px;border-radius:8px 0 0 8px;background:#333;font-size:12px;font-weight:normal;color:#fff; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.15);
display:none;}
.g_sec > span:after{content: " ";display:block;position:absolute;right:-6px;top:0;width:7px;height:24px;background:url("http://img.netian.com/usr/imgN/main/gnb_arrow.png")  no-repeat}
.g_sec:hover > span{display:block}
.g_sec:active > span{display:none}


.gnb{width:77px;margin:220px auto 0}
.g_address{position:relative;width:77px;margin:0 auto;padding-bottom:14px;background:url("http://img.netian.com/usr/imgN/main/gnb_line1.png") center bottom no-repeat}
.g_address a{display:block;}
.g_address a img{width:73px;}
.g_address > span{position:absolute;display:block;top:25px;left:-55px;height:18px;padding:3px 7px 3px 9px;border-radius:8px 0 0 8px;background:#333;font-size:12px;font-weight:normal;color:#fff; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.15);
display:none;}
.g_address > span:after{content: " ";display:block;position:absolute;right:-6px;top:0;width:7px;height:24px;background:url("http://img.netian.com/usr/imgN/main/gnb_arrow.png")  no-repeat}
.g_address a:focus {text-indent:-999999em;width:73px;height:73px;background:url("http://img.netian.com/usr/imgN/main/gnb_addr_pre.png") no-repeat;background-size:100%;}
.g_address:hover > span{display:block}
.g_address:active > span{display:none}

.gnb ul{padding-top:24px;height:333px;}
.gnb ul li{position:relative;margin:-5px 0;}
.gnb ul li > a{display:block;} 
.gnb ul li > span{position:absolute;display:block;top:29px;height:18px;padding:3px 7px 3px 9px;border-radius:8px 0 0 8px;background:#4c4c4c;font-size:12px;font-weight:normal;color:#fff; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.15);display:none;
animation-name: tip;animation-duration: 5s;animation-iteration-count: infinite;animation-direction: alternate;}
.gnb ul li > span:after{content: " ";display:block;position:absolute;right:-7px;top:0;width:8px;height:24px;background:url("http://img.netian.com/usr/imgN/main/gnb_arrow.png")  no-repeat}


@keyframes tip {
0% {
opacity:0;
}
 100% {
opacity:1;
}
}


.gnb ul li:hover > span{display:block}
.gnb ul li:active > span{display:none}
.gnb ul li.g_msg:hover > span{left:-45px;}
.gnb ul li.g_voc:hover > span{left:-80px;}
.gnb ul li.g_phn:hover > span{left:-45px;}
.gnb ul li.g_fax:hover > span{left:-45px;}
.gnb ul li.g_mail:hover> span{left:-55px;}
.gnb ul li a img{width:73px;transition: all .3s;}
.gnb ul li:hover a img{width:82px;margin:0px -3px}


.gnb ul li a:focus {margin:-9px 0 -9px -6px; text-indent:-999999em} 
.gnb ul .g_msg a:focus{width:88px;height:88px;background:url("http://img.netian.com/usr/imgN/main/gnb1_pre.png") no-repeat;background-size:88px 88px;}
.gnb ul .g_voc a:focus{width:88px;height:88px;background:url("http://img.netian.com/usr/imgN/main/gnb2_pre.png") no-repeat;background-size:cover;}
.gnb ul .g_phn a:focus{width:88px;height:88px;background:url("http://img.netian.com/usr/imgN/main/gnb3_pre.png") no-repeat;background-size:cover;}
.gnb ul .g_fax a:focus{width:88px;height:88px;background:url("http://img.netian.com/usr/imgN/main/gnb4_pre.png") no-repeat;background-size:cover;}
.gnb ul .g_mail a:focus{width:88px;height:88px;background:url("http://img.netian.com/usr/imgN/main/gnb5_pre.png") no-repeat;background-size:cover;}

.gnb ul li > em{position:absolute;right:3px;top:3px;display:block;padding:0 5px;height: 18px;line-height:18px;border-radius: 12px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);background-color: #ec0a36;text-align:center;color:#fff;
font-weight:normal;font-size:11px;cursor:pointer}


.gnb ul li a{position:relative;}
.gnb ul li a:active:after{content:"";display:block;width:22px;height:51px;background:url("http://img.netian.com/usr/imgN/sub/send_box_arrow.png") no-repeat;position:absolute;right:-21px;top:10px;z-index:999}
.gnb ul li a:focus:after{content:"";display:block;width:22px;height:51px;background:url("http://img.netian.com/usr/imgN/sub/send_box_arrow.png") no-repeat;position:absolute;right:-21px;top:10px;z-index:999}

#menu_area.on .gnb ul li a{position:relative}
#menu_area.on .gnb ul li a:focus:after{content:"";display:block;width:22px;height:51px;background:url("http://img.netian.com/usr/imgN/sub/send_box_arrow.png") no-repeat;position:absolute;right:-21px;top:10px;}


.cs_dw{position:absolute;bottom:15px;left:34px;}
.cs_dw p{padding:5px 0;}





/*------------------------------------------------------------------------
   MAIN
------------------------------------------------------------------------*/
/*#content_main{float:left;width:calc(100% - (111px));}*/
.main_area {width:1425px;margin:0 auto;overflow:auto}
.main_area:after {content:"";display: block;clear: both; }
.main_area h3{font-size:18px;color:#111;padding:8px 0 8px 10px;}
.main_area h3:before{content:"";display:block;clear:both;width:18px;height:4px;border-radius:16px;background:#1b1551}


.slide_area{position:relative;width:1423px;height:420px;margin:32px 0;}
.slide_area .bxSlider .bx-wrapper .bx-viewport{}
.slide_area .bx-wrapper {width:100%;height:100%;}
.slide_area .slider  li {height:360px}
.slide_area .slider  li img{width:100%;height:100%;}
.slide_area .slider .bnn_first{}
.slide_area .slider .bnn_first img{}
.slide_area .slider .bnn_first .go_fax{position:absolute;left:259px;top:249px;}




.slide_area .bx-pager {margin:0px 0 0 390px;} 
.slide_area .bx-pager .bx-pager-item{display:inline-block;padding:0 7px;position:relative;}
.slide_area .bx-pager .bx-pager-item:after{content:"";display:block;width:1px;height:16px;background:#cfd1d3;position:absolute;left:0;top:28px}
.slide_area .bx-pager .bx-pager-item:first-child:after{background:none}
.slide_area .bx-pager a {position:relative;display:block;padding:25px 15px 10px 15px;color:#393939;font-weight:500}
.slide_area .bx-pager a:hover,
.bx-wrapper .bx-pager a.active {color:#ec0a36;background:url("http://img.netian.com/usr/imgN/main/arrow_line1.png") center bottom no-repeat;}

.bx-pager-item a.active:after {content:"";display:block;position:absolute;top:0;width:56px;height:13px; transition:all .5s;}

.bx-pager-item:nth-of-type(1)  a.active:after{left:26px;background:url("http://img.netian.com/usr/imgN/main/banner_arrow_011.png") no-repeat;}
.bx-pager-item:nth-of-type(2)  a.active:after{left:44px;background:url("http://img.netian.com/usr/imgN/main/banner_arrow_001.png") no-repeat;}
.bx-pager-item:nth-of-type(3)  a.active:after{left:22px;background:url("http://img.netian.com/usr/imgN/main/banner_arrow_002.png") no-repeat;}
.bx-pager-item:nth-of-type(4)  a.active:after{left:22px;background:url("http://img.netian.com/usr/imgN/main/banner_arrow_003.png") no-repeat;}
.bx-pager-item:nth-of-type(5)  a.active:after{left:28px;background:url("http://img.netian.com/usr/imgN/main/banner_arrow_004.png") no-repeat;}

.slide_area .bx-prev{position:absolute;top:160px;left:30px;width:48px;height:38px;display:block;background:url("http://img.netian.com/usr/imgN/main/slide_prev.png") no-repeat;text-indent:-99999em}	
.slide_area .bx-next{position:absolute;top:160px;right:30px;width:48px;height:38px;display:block;background:url("http://img.netian.com/usr/imgN/main/slide_next.png") no-repeat;text-indent:-99999em}		
.slide_area .bx-start{position:absolute;top:360px;left:510px;display:none}	
.slide_area .bx-stop{position:absolute;top:360px;left:560px;display:none}	

.netian_sec{position:absolute;right:0;top:25px; width:268px;height:300px;border-left:1px solid #5096b5;text-align:center}
.netian_sec dl{padding:140px 0 25px 0px;text-align:center ;background:url("http://img.netian.com/usr/imgN/main/ico_netian_sec.png") 60px 15px no-repeat}
.netian_sec dl dt{font-size:18px; color:#121212}
.netian_sec dl dd{padding:7px 0 0;color:#393939;}

	

	
.slider_wrap{width: 1423px;height:420px}
.slider_list{overflow:hidden}
.slider_list li{float: left; width: 1423px;height:420px}
.slider_list li img{width:100%;height:100%}
.slider_bullet_item{position:relative;display:inline-block;padding:0 15px 10px;color:#393939;font-weight:500}
.slider_bullet_item:hover{color:#ec0a36;background:url("http://img.netian.com/usr/imgN/main/arrow_line1.png") center bottom no-repeat;font-weight:bold}
.slider_bullet_item.on{color:#ec0a36;background:url("http://img.netian.com/usr/imgN/main/arrow_line1.png") center bottom no-repeat;font-weight:bold}
	
	
	
	
	
	
	
	
	
	
	
	
.main_center{position:relative;}
.main_center:after{content:"";display:block;clear:both}
.m_more{position:absolute;right:20px;top:8px;padding-right:30px;height:33px;line-height:33px;font-size:11px;color:#888;background:url("http://img.netian.com/usr/imgN/main/btn_more1.png") right 5px no-repeat}
.m_more:hover{background:url("http://img.netian.com/usr/imgN/main/btn_more2.png") right 5px no-repeat}


.noti_text{position:absolute;right:30px;top:-70px;width:600px;font-weight:bold;color:#121212;padding-right:40px;background:url("http://img.netian.com/usr/imgN/main/ico_notice.png") right top no-repeat}
.noti_text #rolling{width:600px !important;font-weight:400;}
.noti_text #rolling li span{font-weight:bold}
.noti_text #rolling > div{left:0 !important; text-align:right}
.noti_text #rolling > div .item{width:600px !important;}




/*금주의베스트*/
.cont_mbest{position:relative;float:left;width:580px;margin-right:70px;}
.tab_mbest{position:absolute;right:10px;top:15px;;}
.tab_mbest ul{overflow:hidden;h}
.tab_mbest ul li{float:left;}
.tab_mbest ul li a{position:relative;display:block;padding:0 15px 10px;font-weight:500;color:#393939;}
.tab_mbest ul li a:after{content:"";display:block;clear:both;width:1px;height:8px;background:#cfd1d3;position:absolute;left:0;top:6px;}
.tab_mbest ul li:first-child a:after{background:none}
.tab_mbest ul li a:hover{color:#ec0a36;background:url("http://img.netian.com/usr/imgN/main/arrow_line1.png") center bottom no-repeat;}
.tab_mbest ul li.on a{color:#ec0a36;background:url("http://img.netian.com/usr/imgN/main/arrow_line1.png") center bottom no-repeat;font-weight:bold}
.tab_cont1.mbest{position:absolute;left:0;top:60px;}
.tab_cont1.mbest ul{overflow:hidden}
.tab_cont1.mbest ul li{position:relative;float:left;margin:12px;}
.tab_cont1.mbest ul li img{width:120px;height:180px;border-radius:16px;background-color:rgba(255,255,255,0.98);}
.tab_cont1.mbest ul li:hover img{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);}
.tab_cont1.mbest ul li .txtArea{width:105px;height:165px;padding:9px 1px 1px 9px;border:1px solid #ccc;border-radius:16px;background:#f3f4f6;}
.tab_cont1.mbest ul li .txtArea textarea{width:94%;height:94%;margin-top:10px;background:none;border:none;font-size:12px;line-height:22px;color:#121212;overflow:hidden;cursor:pointer;text-align:left}
.tab_cont1.mbest ul li:hover .txtArea{background:#fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24); }
.tab_cont1.mbest ul li > span{position:absolute;left:-15px;top:-11px;width:33px;height:33px;line-height:24px;text-align:center;font-size:10px;;color:#fff;background:url("http://img.netian.com/usr/imgN/main/ico_bg1_off.png") no-repeat;}
.tab_cont1.mbest ul li:hover > span{background:url("http://img.netian.com/usr/imgN/main/ico_bg1_on.png") no-repeat;}

/*모바일상품권베스트*/
.cont_gift{position:relative;float:left;width:435px;}
.cont_gift .m_gift{overflow:hidden;margin-top:12px}
.cont_gift .m_gift dl{float:left;margin:12px;}
.cont_gift .m_gift dl dt{position:relative}
.cont_gift .m_gift dl dt img{width:118px;height:118px;border-radius:16px;background-color:rgba(255,255,255,0.98);border:1px solid #d9dcde}
.cont_gift .m_gift dl:hover dt img{width:120px;height:120px;border:none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);}
.cont_gift .m_gift dl dt span{position:absolute;left:-15px;top:-11px;width:33px;height:33px;line-height:24px;text-align:center;font-size:10px;;color:#fff;background:url("http://img.netian.com/usr/imgN/main/ico_bg1_off.png") no-repeat;}
.cont_gift .m_gift dl:hover dt > span{background:url("http://img.netian.com/usr/imgN/main/ico_bg1_on.png") no-repeat;}
.cont_gift .m_gift dl dd{margin:20px 0;text-align:center}
.cont_gift .m_gift dl dd a{color:#121212}
.cont_gift .m_gift dl dd span{display:block; color:#ec0a36}

/*고객센터*/
.cont_csc{position:relative;float:right;width:280px;height:255px;}
.tab_csc{position:absolute;bottom:0;left:0;}
.tab_csc ul{overflow:hidden;}
.tab_csc ul li{float:left;}
.tab_csc ul li a{position:relative;display:block;padding:0 16px 10px 16px;font-weight:500;color:#393939;}
.tab_csc ul li a:after{content:"";display:block;clear:both;width:1px;height:8px;background:#cfd1d3;position:absolute;left:0;top:6px;}
.tab_csc ul li:first-child a:after{background:none}
.tab_csc ul li a:hover{color:#ec0a36;background:url("http://img.netian.com/usr/imgN/main/arrow_line1.png") center bottom no-repeat;}
.tab_csc ul li.on a{color:#ec0a36;background:url("http://img.netian.com/usr/imgN/main/arrow_line1.png") center bottom no-repeat;font-weight:bold}
.cont_csc .tab_cont2.csc{position:relative;margin-top:18px}
.cont_csc .tab_cont2.csc span{position:absolute;left:229px;top:106px;display:block;width:24px;height:24px;line-height:20px;border-radius:8px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.32); background-color: #ec0a36; text-align:center}
.cont_csc .tab_cont2.csc span img{width:12px;height:10px;}	
.cont_csc .tab_cont2.csc:hover span{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.32);}

/*공지사항*/
.main_bottom{clear:both;overflow:hidden;margin:20px 0 50px;}
.notice_area{position:relative;float:left;width:580px;margin-right:70px;}
.notice_area ul{margin-top:10px;}
.notice_area ul li{position:relative;display:block;padding-left:10px;margin:10px 0;}
.notice_area ul li:after{content:"";display:block;width:2px;height:2px;background:#393939;position:absolute;left:0; top:8px;}
.notice_area ul li a{color:#393939}
.notice_area ul li a:hover{color:#ec0a36;text-decoration:underline}
.notice_area ul li span{position:absolute;right:20px;top:0;color:#888;font-weight:500}

/*다운로드*/
.download_area{position:relative;float:right;width:775px;}
.download_area > div{overflow:hidden;margin:7px 0 0 -45px;}
.download_area > div dl{float:left;padding:10px 0 0 70px;height:60px;margin-left:45px;}
.download_area > div dl dt{color:#393939;font-weight:bold}
.download_area > div dl dd{color:#888;font-size:12px;;font-weight:500;}
.download_area > div dl:nth-of-type(1){background:url("http://img.netian.com/usr/imgN/main/dw_fax_off.png") no-repeat}
.download_area > div dl:nth-of-type(2){background:url("http://img.netian.com/usr/imgN/main/dw_exl_off.png") no-repeat}
.download_area > div dl:nth-of-type(3){background:url("http://img.netian.com/usr/imgN/main/dw_015_off.png") no-repeat}
.download_area > div dl:nth-of-type(1):hover{background:url("http://img.netian.com/usr/imgN/main/dw_fax_on.png") no-repeat}
.download_area > div dl:nth-of-type(2):hover{background:url("http://img.netian.com/usr/imgN/main/dw_exl_on.png") left top no-repeat}
.download_area > div dl:nth-of-type(3):hover{background:url("http://img.netian.com/usr/imgN/main/dw_015_on.png") no-repeat}
.download_area > div dl:hover dt{color:#ec0a36;font-weight:bold}

/*네티안퀵메뉴*/
.quick_menu{overflow:hidden;margin:30px 0;padding:14px 0 14px 35px;border-radius:16px;background:#f3f4f6;}
.quick_menu h4{float:left;margin-top:4px;color:#121212;font-weight:bold}
.quick_menu ul{float:left;overflow:hidden;padding:0 30px;}
.quick_menu ul li{float:left;margin:0 2px;}
.quick_menu ul li a{display:inline-block;padding:6px 15px 6px 35px;font-size:12px;color:#393939;}
.quick_menu ul li:hover a{border-radius: 12px;background-color: #e4e6e8;}
.quick_menu ul:last-child{padding-left:40px;position:relative}
.quick_menu ul:last-child:after{content:"";display:block;width:1px;height:16px;background: #cfd1d3;position:absolute;left:0;top:8px}

.quick_menu ul.qm_menu li:nth-child(1) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm1_off.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(2) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm2_off.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(3) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm3_off.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(4) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm4_off.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(5) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm5_off.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(6) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm6_off.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(7) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm7_off.png") 12px center no-repeat}

.quick_menu ul.qm_menu li:nth-child(1) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm1_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(2) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm2_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(3) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm3_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(4) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm4_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(5) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm5_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(6) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm6_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(7) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm7_on.png") 12px center no-repeat}

.quick_menu ul.qm_menu li:nth-child(1) a:active{background:#d9dcde url("http://img.netian.com/usr/imgN/main/ico_qm1_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(2) a:active{background:#d9dcde url("http://img.netian.com/usr/imgN/main/ico_qm2_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(3) a:active{background:#d9dcde url("http://img.netian.com/usr/imgN/main/ico_qm3_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(4) a:active{background:#d9dcde url("http://img.netian.com/usr/imgN/main/ico_qm4_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(5) a:active{background:#d9dcde url("http://img.netian.com/usr/imgN/main/ico_qm5_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(6) a:active{background:#d9dcde url("http://img.netian.com/usr/imgN/main/ico_qm6_on.png") 12px center no-repeat}
.quick_menu ul.qm_menu li:nth-child(7) a:active{background:#d9dcde url("http://img.netian.com/usr/imgN/main/ico_qm7_on.png") 12px center no-repeat}


.quick_menu ul.qm_svc li:nth-child(1) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm8_off.png") 12px center no-repeat}
.quick_menu ul.qm_svc li:nth-child(2) a{background:url("http://img.netian.com/usr/imgN/main/ico_qm9_off.png") 12px center no-repeat}
.quick_menu ul.qm_svc li:nth-child(1) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm8_on.png") 12px center no-repeat}
.quick_menu ul.qm_svc li:nth-child(2) a:hover{background:#e4e6e8 url("http://img.netian.com/usr/imgN/main/ico_qm9_on.png") 12px center no-repeat}
.quick_menu ul.qm_svc li:nth-child(1) a:active{background:#d9dcde  url("http://img.netian.com/usr/imgN/main/ico_qm8_on.png") 12px center no-repeat}
.quick_menu ul.qm_svc li:nth-child(2) a:active{background:#d9dcde  url("http://img.netian.com/usr/imgN/main/ico_qm9_on.png") 12px center no-repeat}




.tooltip {position: relative;display:block;}
.tooltip:before, .tooltip:after {position: absolute;left:15%;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;top: 115%;display: block;color: #fff;opacity: 0;visibility:hidden;}
.tooltip:before {content: attr(title);padding:3px 9px;opacity: 0.75;border-radius: 8px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #121212;text-align: center;font-size: 12px;line-height: 18px;z-index: 2;}
.tooltip:after {content: '\25c6';margin:-9px 0 0 25%;width: 15px;height: 15px;z-index: 1;line-height: 28px;color: #121212;font-size: 18px;}
.tooltip:hover:before, .tooltip:hover:after {top: 105%;opacity: 1;visibility:visible;}




























/*+++++++++++++++++++++++++++++++++++++++++++++++
회원로그인
++++++++++++++++++++++++++++++++++++++++++++++++*/
.member_login{overflow:hidden;width: 760px;margin:120px auto 160px}
.member_login a{font-family:"Noto Sans KR"}
.member_login .mbr_left{position:relative;float:left;width:402px}
.member_login .mbr_left h2{font-size:26px; font-weight:bold; color:#121212}
.member_login .mbr_left .login_idpw{margin:80px 0 40px}
.member_login .mbr_left .login_idpw li{height:40px;;margin:30px 0}
.member_login .mbr_left  .login_btn a{display:block;width: 400px; height: 56px; line-height:56px;border-radius: 16px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24); background-color: #ec0a36;font-size: 18px;font-weight: bold; text-align: center;color: #ffffff;}
.member_login .mbr_left  #loginChk{position:absolute;left:0 ;top:215px;width: 400px;  padding:10px 0;border-radius:10px;background-color: #121212; opacity:0.5;text-align:center;color:#fff;display:none}
.member_login .mbr_left .idpw_save_find{overflow:hidden;padding:22px 0 40px;border-bottom:1px solid #d9dcde }
.member_login .mbr_left .idpw_save_find li:first-child{float:left}
.member_login .mbr_left .idpw_save_find li:first-child span{font-size:12px;font-weight:bold;color: #666}
.member_login .mbr_left .idpw_save_find li:last-child{float:right}
.member_login .mbr_left .idpw_save_find li:last-child a{font-size:12px;font-weight:bold;color: #ec0a36;}
.member_login .mbr_left .join_btn{margin-top:40px;}
.member_login .mbr_left .join_btn a{display:block;width: 400px; height:56px;line-height:56px;border-radius: 16px; -webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);border: solid 1.5px #1b1551;text-align:center;font-size:18px;font-weight:bold;color:#1b1551} 

.member_login .mbr_right{float:right;padding-top:100px;}
.member_login .mbr_right dl dt{font-size: 18px;font-weight: bold; color: #121212;}
.member_login .mbr_right dl dd{padding:25px 0 200px;font-size: 22px;font-weight:normal;color: #393939; background:url("http://img.netian.com/usr/imgN/sub/ico_secretary1.png") center bottom no-repeat}











#pop1{}




















@media screen and (max-width: 1280px) {

}