@charset "utf-8";



.on{color:#1358a5 !important; text-decoration:underline !important;}
/*0이상*/
@media only screen and (min-width: 0px) {
#wrap01{width: 100%; height:100%; display: block; margin:0 auto;}
#wrap02{display:none;}
#wrap03{display:none;}
#header_m{position:relative; padding-top:11px; width:100%; margin:0 auto;}
.logo_m{text-align:center; padding-bottom:11px;}
.callcenter_m{position:absolute; right:4.3%; padding-top:0.8%;}
.menu_list_m{margin:0 auto; width:100%; text-align:center; padding:2.5% 0;}
.padd_m{float:left; width:25%; margin-bottom:2.5%;}
.on{color:#1358a5 !important; text-decoration:underline !important;}
.list_btn_m:link{color:#494949; text-decoration:none; font-size:11pt; font-weight:bold}
.list_btn_m:hover{color:#1358a5; text-decoration:underline}
.visual_m{position:relative; margin:0 auto; }
.btn_visual{position:absolute; padding:357px 0 0 303px;}
.btn_visual li{float:left; margin-right:1px}
#content_m{margin:0 auto; text-align:center;width: 100%;}
.system_F{font-weight:bold; font-size:20px;}
.system_F01{font-size:12px; color:#7b7b7b}
#content_m ul{margin:0 auto; text-align:center ;width: 100%;}
.img_size{width:70%}
.portfolio_m{margin:0 auto;}
.por_box_m{text-align:center;}
.port_font_m{font-size:15pt; font-weight:bold; margin-top:20px;}
.view_btn_m{background:#aaaaaa; padding:4px 5px; color:#fff !important; margin:20px 0 0 5px;}

.port_list01_m{background:url(../images/port_01.jpg) no-repeat; padding:0 290px 175px 0;}
.port_list01_m:hover{background:url(../images/port_01.jpg) no-repeat 0 -200px; padding:0 290px 172px 0;}
.port_list02_m{background:url(../images/port_02.jpg) no-repeat; padding:0 290px 175px 0;}
.port_list02_m:hover{background:url(../images/port_02.jpg) no-repeat 0 -200px; padding:0 290px 172px 0;}
.port_list03_m{background:url(../images/port_03.jpg) no-repeat; padding:0 290px 175px 0;}
.port_list03_m:hover{background:url(../images/port_03.jpg) no-repeat 0 -200px; padding:0 290px 172px 0;}
.width_mar{margin-top:183px; text-align:center;}
.li_mar_m{text-align:center}
.callcenter_box_m{margin:0 5%;}
.callcenter_F_m{margin:0 auto;}
.callcenter_F_m ul{margin:0 33%;}
.call_font_01_m{font-size:15pt; font-weight:bold;}
.line_m{ line-height:23px}
.phone_m{clear:both;}
.mail_m{clear:both;}
.homepage_m{clear:both;}
.btn_color{color:#909090 !important; text-decoration:underline;}
.btn_color:hover{color:#535353 !important; font-weight:bold; text-decoration:underline;}
.btn_color01{color:#aaaaaa !important; text-decoration:underline;}
.F_M{padding-top:3px; font-weight:bold; color:#494949; font-weight:;}
#footer_m{clear:both; display:block; background:#303030; margin:0 0 0 0; text-align:center; font-size:12px; padding:3% 0; width: 100%;}
.footer_a{padding:0 10px;}
.stick_m{display:inline-block; background:url(../../images/new/stick_m.gif) no-repeat 0 3px; }

.m_percent{width:100%}
.m_percent01{width:85%}
.m_percent02{width:94%}

/*nfcqr0101*/
#content_m_0101{margin:0 3%;width: 100%;}
.title_1000_m{}
.indu_line_m{border-bottom:1px solid #d2d2d2; padding:35px 0 15px 0}
.title_F_1000_m{font-size:15pt; font-weight:bold;}
.con_sub_F_1000_m{font-size:14pt; font-weight:bold; padding:20px 0 0 10px; background:url(../images/1000/dot.gif)no-repeat 0 31px;}
.con_sub_F__1000_01_m{font-size:10pt; padding: 8px 0 0 10px}
.con_sub_F__1000_02_m{font-size:13pt; padding: 25px 0 0 0; font-weight:bold;}
.stick_F_m{background:url(../images/stick.gif)no-repeat 0 1px; padding:0 1px 0 0; margin:0 5px;}
.pat_box_m{border:1px solid #d2d2d2; padding:10px; font-size:10pt}
.patent{padding:0 0 10% 0;}


/* nfcqr02 */
#content_m_02{margin:0 3%;}
.menu_list_02_m{}
.list_01_m{width:20%; float:left ;margin:0 -1%;}
.list_02_m{width:15%; float:left}
.list_03_m{width:20%; float:left}
.list_04_m{width:23.5%; float:left}
.list_05_m{width:23.5%; float:left}
.m_02_img01{width:100%}
.m_02_img02{width:100%}
.m_02_img03{width:100%}
.m_02_img04{width:100%}
.m_02_img05{width:100%}

.list_li_01_m{text-align:center}
.list_02_m_m{}
.list_02_ul_m{margin:0 12.5%;}
.next_1000_m{margin:0 auto; clear:both; text-align:center; font-size:12pt; padding-top:10px; width:100%;  display: table; margin-left: auto; margin-right: auto; display: inline-block;}
.left_1_m{}
.next_on_m{color:#000 !important; text-decoration:underline !important; font-weight:bold}
.stick_next_m{ padding-left:32px;padding-top:3px;}
.right_2_m{padding-left:35px}
.top_up_1000_m{clear:both; padding-top:20px;}
.top_up_F{ color:#949494!important;}

/* nfcqr0301 */
#content_m_0301{margin:0 3%;}
.f_0301_m{color:#eb7879;}
.video_0301_m{margin:0 auto;}
.video_0301_f_01_m{text-align:center; font-size:18pt; margin-top:35px;}
.video_0301_f_02_m{text-align:center; font-size:10pt; margin:10px 0 5px 0;}
.icon4_0301_m{width:100%; margin:0 auto;}
.icon4_0301_left_m{float:left; width:24%;}
.icon4_0301_cen_m{float:left; padding:0 0 10% 1%;  width:24%;}
.box_small_0301_m{background:url(../images/1000/box_small.gif)no-repeat 0 7px; padding-left:5px; font-size:80%}
.title_0301_m{text-align:center; font-size:12pt; font-weight:bold; padding-top:10px; margin-bottom:10px;}
.icon4_0301_cen_m dt{text-align:center}
.icon4_0301_left_m dt{text-align:center}

/* nfcqr0401 */
#content_m_0401{margin:0 3%;}
.all_mail_home_0401_m{}
.call_mail_home_0401_f_01_m{text-align:center; font-size:16pt; margin-top:30px;}
.call_mail_home_0401_f_02_m{text-align:center; font-size:10pt; margin:10px 0 5px 0;}
.icon3_0401_m{ margin:0 auto; text-align:center;}
.icon3_0401_left_m{}
.icon3_0401_left_m dt{text-align:center}
.icon3_0401_cen_m{}
.title_0401_m{text-align:center; font-size:11pt; padding-top:10px; margin-bottom:10px;}
.map_1000_0401_m{margin:0 auto;}
.map_btn_m{border:1px solid #c6c6c6; width:150px; text-align:center; margin-top:10px; margin-bottom:10%}
.m_center_sub{text-align:center; margin-bottom:5px}
.con_sub_F__1000_01_m_cen{font-size:10pt; padding: 8px 0 0 30px; text-align:center;}
}

/*1000px~1699px  메인 뷰*/
@media only screen and (min-width: 1000px) {
#wrap01{display:none;}
#wrap02{clear: both; width: 100%; display: block; margin:0 auto;}
#header_1000{margin:0 auto; height:80px; width:1000px}
.logo_1000{float:left; margin-top:14px;}
.callcenter_1000{float:left; padding:26px 0 0 17px;}
.menu_list_1000{padding-left:251px;}
.menu_list_1000 li{float:left; padding:31px 0 0 102px;}
.list_btn:link{color:#494949; text-decoration:none; font-size:13pt; font-weight:bold}
.list_btn:hover{color:#1358a5; text-decoration:underline}

.visual_1000{position:relative; margin:0 auto; width:1000px}
.btn_visual_1000{position:absolute; padding:277px 0 0 45px;}
.btn_visual_1000 li{float:left; margin-right:1px}
#contents_1000{margin:0 auto; width:1000px;}
.icon_con_1000{width:1000px; height:210px; margin:0 auto; background:url(../images/1000/line.gif) no-repeat 10px 209px;}
.icon_5_1000{width:870px; margin:0 auto;}
.icon_list_01_1000{float:left; margin-top:30px}
.icon_list_01_1000 dd{text-align:center; padding-top:13px;}
.icon_list_02_1000{float:left; padding-left:70px; margin-top:35px}
.icon_list_02_1000 dd{text-align:center; padding-top:13px;}
.portfolio_1000{width:1000px; margin:0 auto; height:461px;}
.portfolio_1000 ul{margin:0 auto; width:870px}
.li_mar_1000{float:left; margin-right:66px}
.li_mar_0_1000{height:190px;}
.por_box_1000{text-align:center;}
.port_font_1000{font-size:15pt; font-weight:bold; margin-top:20px; }
.port_font_1000_1{text-align:center;}
.view_btn_1000{background:#aaaaaa; padding:4px 5px; color:#fff !important; margin:20px 0 0 5px;}

.width_mar_1000{margin-top:153px; text-align:center; margin-bottom:10px}
.port_list01_1000{background:url(../images/1000/p01.jpg) no-repeat; padding:0 243px 144px 0;}
.port_list01_1000:hover{background:url(../images/1000/p01.jpg) no-repeat 0 -166px; padding:0  243px 144px 0;}
.port_list02_1000{background:url(../images/1000/p02.jpg) no-repeat; padding:0 243px 144px 0;}
.port_list02_1000:hover{background:url(../images/1000/p02.jpg) no-repeat 0 -166px; padding:0  243px 144px 0;}
.port_list03_1000{background:url(../images/1000/p03.jpg) no-repeat; padding:0 243px 144px 0;}
.port_list03_1000:hover{background:url(../images/1000/p03.jpg) no-repeat 0 -166px; padding:0  243px 144px 0;}
.port_list04_1000{background:url(../images/1000/p04.jpg) no-repeat; padding:0 243px 144px 0;}
.port_list04_1000:hover{background:url(../images/1000/p04.jpg) no-repeat 0 -166px; padding:0  243px 144px 0;}
.port_list05_1000{background:url(../images/1000/p05.jpg) no-repeat; padding:0 243px 144px 0;}
.port_list05_1000:hover{background:url(../images/1000/p05.jpg) no-repeat 0 -166px; padding:0  243px 144px 0;}
.port_list06_1000{background:url(../images/1000/p06.jpg) no-repeat; padding:0 243px 144px 0;}
.port_list06_1000:hover{background:url(../images/1000/p06.jpg) no-repeat 0 -166px; padding:0  243px 144px 0;}

.callcenter_box_1000{width:1000px; height:115px; background:url(../images/1000/line.gif) no-repeat; padding-top:30px}
.callcenter_602_1000{width:602px; margin:0 auto;}
.callcenter_602_1000 ul{margin:0 auto; width:479px;}
.call_font_01_1000{font-size:15pt; font-weight:bold;}
.phone_1000{float:left;background:url(../images/foo_phone.jpg) no-repeat; padding:4px 0 0 30px; height:30px; margin-right:20px}
.mail_1000{float:left;background:url(../images/foo_mail.jpg) no-repeat; padding:4px 0 0 30px; height:30px; margin-right:20px}
.homepage_1000{float:left;background:url(../images/foo_home.jpg) no-repeat; padding:4px 0 0 30px; height:30px}



#footer_1000{background:#e9e9e9; height:164px; margin:0 auto; padding-bottom:20px}
.foo_box_1000{margin:0 auto; width:1000px;}
.foo_list_01_1000 li{float:left; padding-top:30px; font-weight:bold;}
.foo_list_02_1000 {clear:both; padding-top:20px;}
.foo_list_02_1000 li{color:#909090;}
.btn_color{color:#909090 !important; text-decoration:underline;}
.btn_color:hover{color:#535353 !important; font-weight:bold; text-decoration:underline;}
.stick_1000{background:url(../images/stick.gif) no-repeat 82px 2px; padding-right:10px}

.f01_1000{float:left; background:url(../images/stick.gif) no-repeat 79px 2px; padding-right:20px}
.f02_1000{float:left; background:url(../images/stick.gif) no-repeat 457px 2px; padding-right:20px}
.f03_1000{float:left; background:url(../images/stick.gif) no-repeat 152px 2px; padding-right:20px}
.f04_1000{float:left; background:url(../images/stick.gif) no-repeat 251px 2px; padding-right:20px}
.f05_1000{float:left; background:url(../images/stick.gif) no-repeat 370px 2px; padding-right:20px}







#footer_1000_center{background:#e9e9e9; height:164px; margin:0 auto;clear:both; padding-bottom:20px}
.foo_box_1000{margin:0 auto; width:1000px; clear:both;}
.foo_list_01_1000 li{float:left; padding-top:30px; font-weight:bold;}
.foo_list_02_1000 {clear:both; padding-top:20px;}
.foo_list_02_1000 li{color:#909090;}
.btn_color{color:#909090 !important; text-decoration:underline;}
.btn_color:hover{color:#535353 !important; font-weight:bold; text-decoration:underline;}
.stick_1000{background:url(../../images/new/stick.gif) no-repeat 82px 2px; padding-right:10px}

.f01_1000{float:left; background:url(../../images/new/stick.gif) no-repeat 79px 2px; padding-right:20px}
.f02_1000{float:left; background:url(../../images/new/stick.gif) no-repeat 457px 2px; padding-right:20px}
.f03_1000{float:left; background:url(../../images/new/stick.gif) no-repeat 152px 2px; padding-right:20px}
.f04_1000{float:left; background:url(../../images/new/stick.gif) no-repeat 251px 2px; padding-right:20px}
.f05_1000{float:left; background:url(../../images/new/stick.gif) no-repeat 370px 2px; padding-right:20px}




/*nfcrq0101*/
#contents_0101_1000{height:980px}
.title_1000{height:62px; margin:0 auto; border-bottom:1px solid #d2d2d2; width:921px;}
.title_1000_center{margin:0 auto; width:921px;}
.title_F_1000{font-size:18pt; font-weight:bold; padding:30px 0 12px 0;}
.title_F_1000_center{font-size:18pt; font-weight:bold; padding:30px 0 12px 0; border-bottom:1px solid #d2d2d2;}
.con_sub_F_1000{font-size:19pt; font-weight:bold; padding:26px 0 0 10px; background:url(../images/1000/dot.gif)no-repeat 0 31px;}
.con_sub_F__1000_01{font-size:10pt; padding: 8px 0 0 10px}
.con_sub_F__1000_02{font-size:13pt; padding: 25px 0 0 0; font-weight:bold;}
.stick_F{background:url(../images/stick.gif)no-repeat 0 1px; padding:0 1px 0 0; margin:0 5px;}
.pat_box{border:1px solid #d2d2d2; padding:10px; font-size:10pt}

/**nfc0301*/
#contents_0301_1000{height:1070px}
.f_0301{color:#eb7879;}
.video_0301{width:760px;; margin:0 auto;}
.video_0301_f_01{text-align:center; font-size:18pt; margin-top:35px;}
.video_0301_f_02{text-align:center; font-size:10pt; margin:10px 0 5px 0;}
.icon4_0301{width:775px; margin:0 auto;}
.icon4_0301_left{float:left;}
.icon4_0301_cen{float:left; padding-left:40px}
.box_small_0301{background:url(../images/1000/box_small.gif)no-repeat 0 7px; margin-left:15px; padding-left:8px;}
.title_0301{text-align:center; font-size:15pt; font-weight:bold; padding-top:10px; margin-bottom:10px;}

/**nfc0401*/
#contents_0401_1000{width:1070px;}
#contents_0401_1000_center{padding-bottom:100px}
.all_mail_home_0401{margin:0 auto;}
.call_mail_home_0401_f_01{text-align:center; font-size:16pt; margin-top:30px;}
.call_mail_home_0401_f_02{text-align:center; font-size:10pt; margin:10px 0 5px 0;}
.icon3_0401{width:854px; margin:0 auto; text-align:center;  height:200px;}
.icon3_0401_left{float:left; padding-left:35px;}
.icon3_0401_left dt{text-align:center}
.icon3_0401_cen{float:left; padding-left:72px}
.title_0401{text-align:center; font-size:11pt; padding-top:10px; margin-bottom:10px;}
.map_1000_0401{width:760px; margin:0 auto;}
.map_btn{border:1px solid #c6c6c6; width:150px; text-align:center; margin-top:10px}

/*nfc02*/
#contents_02_1000{height:2100px}
#contents_0202_1000{height:1100px}
#contents_0203_1000{height:3000px}
#contents_020501_1000{height:3090px}
#contents_020502_1000{height:2150px}
.menu_list_02{font-size:13pt; margin-top:20px}
.menu_list_02_left{float:left;}
.menu_list_02_cen{float:left;}
.menu_list_02_right{float:left;}
.menu_02_1000_01{padding:30px  40px 50px 45px; margin:20px 0 0 4px;}
.menu_02_1000_01:hover{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat -9px 20px; text-decoration:none!important; padding:30px  40px 50px 45px; }
.menu_02_1000_02{padding:30px  41px 50px 44px; margin-top:20px}
.menu_02_1000_02:hover{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat -15px 20px; text-decoration:none!important; padding:30px  41px 50px 44px; }
.menu_02_1000_03{padding:30px  30px 50px 51px; margin-top:20px}
.menu_02_1000_03:hover{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat 4px 20px; text-decoration:none!important; padding:30px  30px 50px 51px;}
.menu_02_1000_04{padding:30px  45px 50px 50px; margin-top:20px}
.menu_02_1000_04:hover{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat 11px 20px; text-decoration:none!important;padding:30px  45px 50px 50px;}
.menu_02_1000_05{padding:30px  45px 50px 45px; margin-top:20px}
.menu_02_1000_05:hover{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat 10px 20px; text-decoration:none!important; padding:30px  45px 50px 45px; }

.list_on{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat -5px -11px; text-decoration:none!important; padding:0 0 50px 0; font-weight:bold;}
.list_on01{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat -15px -11px; text-decoration:none!important; padding:0 0 50px 0;  font-weight:bold;}
.list_on02{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat 4px -11px; text-decoration:none!important; padding:0 0 50px 0;  font-weight:bold;}
.list_on03{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat 11px -11px; text-decoration:none!important; padding:0 0 50px 0;  font-weight:bold;}
.list_on04{background:url(../images/1000/menu_02_bg_01.jpg)no-repeat 10px -11px; text-decoration:none!important; padding:0 0 50px 0;  font-weight:bold;}

.list_02{margin:0 auto;}
.list_02_ul{margin:0 auto; width:890px; margin-top:100px;}
.list_li_01{position:relative; width:416px; float:left;}
.next_1000{margin:0 auto; width:890px; clear:both; text-align:center; font-size:12pt; padding-top:50px;}
.left_1{float:left; padding-left:400px}
.next_on{color:#000 !important; text-decoration:underline !important; font-weight:bold}
.stick_next{float:left; padding-left:32px;padding-top:3px;}
.right_2{float:left;  padding-left:35px}
.top_up_1000{clear:both; padding-top:30px}



/*
.font_list01{position:absolute; width:416px; padding-top:800px} 
.list_li_01_dt{text-align:center; font-size:16px; font-weight:bold}
.list_li_01_dd{text-align:center; font-size:11.5px; }
*/
}