@charset "utf-8";
@font-face {font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSansKR-Light');
    src: url(noto/NotoSansKR-Light.eot),
         url(noto/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Light.woff) format('woff');}
@font-face {font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSansKR-DemiLight');
    src: url(noto/NotoSansKR-DemiLight.eot),
         url(noto/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-DemiLight.woff) format('woff');}
@font-face {font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSansKR-Regular');
    src: url(noto/NotoSansKR-Regular.eot),
         url(noto/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Regular.woff) format('woff');}
@font-face {font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSansKR-Medium');
    src: url(noto/NotoSansKR-Medium.eot),
         url(noto/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Medium.woff) format('woff');}
@font-face {font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSansKR-Bold');
    src: url(noto/NotoSansKR-Bold.eot),
         url(noto/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Bold.woff) format('woff');}
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 900; src: local('Noto Sans Black'), 
	local('NotoSansKR-Black');
    src: url(noto/NotoSansKR-Black.eot),
         url(noto/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Black.woff) format('woff');}

*{margin:0; padding:0;}
body,html{width:100%; word-break:break-all; letter-spacing:-0.03rem; font-size: 1em; line-height: 1.5;
	font-family: 'Noto Sans Korean', sans-serif; color:#333;
	font-smoothing: antialiased; font-smoothing:always; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a{text-decoration: none; color:inherit; }
img{border:0;}
div{height:auto;}
h1,h2,h3,h4,h5,h6{margin:0;}
input{outline-style:none; border-radius:0px 0px; -webkit-appearance:none;}
ul, menu, dir{ display: block; list-style-type: none;}
.clear{clear:both;}
.clear_25px{clear:both; height: 25px;}
.on{color:#1358a5 !important; font-weight: bold;}


@media only screen and (max-width: 1199px) {
img{max-width:100%;}
#wrap01{clear: both; width: 100%; display: block; margin:0 auto;width: 100%;}
#wrap02{display:none;width: 100%;}
#header_m{position:relative; clear:both; width:100%; margin:0 auto; height:50px;}
.logo_m{text-align:center; padding:5px 0 0;}
.logo_m img{width:70px;}
.callcenter_m{position:absolute; left:10px; top:5px;}
.more_list{position:absolute; right:10px; top:12px; z-index:999; width:30px;}
.menu_list_m{clear:both; position:relative; z-index:999; margin:0 auto; width:100%; margin-top: 10px; text-indent:10px;background:#eee; border-top:1px solid #ccc;}
.menu_list_m li{ font-size:14px; font-weight: bold; border-bottom:1px solid #ddd;}
.menu_list_m li a{display:block; padding:10px 0;}
.menu_list_m li a img{padding-right:5px;}

.list_btn_m:link{color:#494949; text-decoration:none; font-size:13px; 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; }
.system_m{margin:20px auto; font-weight:bold; font-size:20px; text-align: center;}
.system_m p{font-size:12px; color:#7b7b7b}
.icon_list_m{text-align: center;}
.img_size{width:70%}

.portfolio_m{margin:50px auto;}
.por_box_m{text-align:center; padding:10px;}
.view_btn_m{background:#1358a5; font-size: 14px; padding:5px; color:#fff; position: relative; left:10px;}
.por_box_m h3{margin:10px 0;}
.portfolio_m ul{margin:10px 0;}
.portfolio_m li{text-align: center;}
.portfolio_m li p{margin:10px 0 30px;}
[class^="port_list"]{display:inline-block; width:290px; height:190px;}
[class^="port_list"]:hover{background-position:0 -200px;}
.port_list01_m{background:url(../images/port_01.jpg) no-repeat;}
.port_list02_m{background:url(../images/port_02.jpg) no-repeat;}
.port_list03_m{background:url(../images/port_03.jpg) no-repeat;}
.port_list04_m{background:url(../images/port_04.jpg) no-repeat;}
.port_list05_m{background:url(../images/port_05.jpg) no-repeat;}
.port_list06_m{background:url(../images/port_06.jpg) no-repeat;}
.port_list07_m{background:url(../images/port_07.jpg) no-repeat;}
.port_list08_m{background:url(../images/port_08.jpg) no-repeat;}
.port_list13_m{background:url(../images/port_13.jpg) no-repeat;}
.width_mar{ text-align:center;}

.callcenter_box_m{clear:both; margin:50px auto; background:url(../images/line.png) no-repeat; background-size:100%; padding-top:30px; text-align: center;}
.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;}


#footer_m{display:block; background:#303030; text-align:center; font-size:12px; padding:15px 0; margin-top: 30px; color:#fff;}
.footer_a{padding:0 10px;}


/*sub*/
.sub_con{padding:5px; box-sizing: border-box;}
.sub_con img{display:block; margin:0 auto; }
.title{padding:10px 0; margin:0 auto; border-bottom:1px solid #d2d2d2; clear:both; }
.title span{font-size:14px;}
.inner_title{margin:20px 0 10px; font-weight:bold; padding:0 0 0 20px; background:url(../images/1000/dot.gif)no-repeat 0 15px;}
.center_title{margin:30px 0;text-align: center;}
.sub_text{margin:10px 0 30px;}
.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}

.icon_0401{margin:0 auto; text-align:center; height:auto;}
.icon_0401 li{display: inline-block; width:200px;}
.icon_0401 li p{margin-top:10px; font-size: 14px;}
.map_btn{display:block;background:#fff; color:#1358a5; border:1px solid #1358a5; width:300px; padding:10px 0; margin:0 auto; text-align:center; margin-top:20px}
.map_btn:hover{ background:#1358a5; color:#fff;}

/*02*/
.sub_list{clear:both;}
.sub_list li{float:left; font-weight:500;  width:33.3%; font-size:13px;text-align:center; box-sizing: border-box; }
.sub_list li a{display:block; background:#285790; color:#fff; padding:10px 0;border:1px solid #285790; border-top:1px solid #fff;border-right:1px solid #fff;}
.list_on{background:#fff!important;color:#285790!important; border:1px solid #258790;}
.top_up{clear:both; display: block; text-align: center; width:100px; padding:10px; margin:0 auto;}
.sub021_list{text-align: center;}
.sub021_list li{margin:0 10px 20px;}

.page_bar{clear:both; width:100%; text-align: center; margin:20px 0 50px;}
.page_bar li{display:inline-block; margin:0 5px;}
.page_bar li:after{display:inline-block;color:#ccc; content:"|"; margin-left:15px; font-size:14px;}
.page_bar li:last-child:after{content:"";}



/* nfcqr0301 */
#content_m_0301{margin:0 1%;}
.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 20px 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}


}






@media only screen and (min-width: 1200px) {
#wrap01{display:none;}
#wrap02{clear: both; margin-left: 0; width: 100%; display: block; margin:0 auto;}
#header{ width:100%;  height:120px; box-shadow:0 0 5px #bbb;}
.hd_wrap{width:100%; max-width:1200px;margin:0 auto;}
.lang{clear:both; float:right;}
.lang li{float:left; font-size:10px; margin-right:10px; line-height:20px;}
.lang li::after{content:"|"; margin-left:10px;}
.lang li:last-child::after{content:""; margin-left:0;}
.lang li img{ width:15px; margin:5px 5px 0 0;}
.logo{float:left; margin-top:15px;}
.callcenter{float:left; padding:35px 0 0 20px;}
.menu_list{float:right; line-height:100px;}
.menu_list li{float:left; padding:0 0 0 50px;}
.menu_list li a{font-weight:500; font-size:18px}
.menu_list li a:hover{border-bottom: 3px solid #1358a5;}

#contents{margin:0 auto; max-width:1200px; width:100%; padding-top:30px;}
.visual{position:relative; margin:0 auto; clear:both;}
.visual img {width:100%;}
.btn_visual{position:absolute; padding:357px 0 0 303px;}
.btn_visual li{float:left; margin-right:1px}

.icon_con{width:1200px; height:210px; margin:0 auto; background:url(../images/line.png) no-repeat 0 209px;}
.icon_5{width:100%; margin:70px auto; clear:both; overflow:hidden; height:auto; text-align: center;}
.icon_5 li{display: inline-block; width:160px; font-size: 14px;}
.icon_5 li img{padding-bottom:20px;}
.icon_5 li a{display: block;}
.icon_5 li a:hover{color:#1358a5; font-weight:600;}

.portfolio{clear:both; max-width:1200px; margin:50px auto 0; text-align: center;}
.por_box h3{margin:20px 0 10px; font-size:30px;}
.view_btn{font-size:14px;background:#1358a5; color:#fff; padding:5px; position: relative; left:20px;}
.view_btn:hover{background:#555;}
.portfolio ul{width:100%;}
.portfolio li{display: inline-block; margin:20px 0 0 0; text-align: center;}
.portfolio li:nth-child(3n-2){clear:both;}
.portfolio li:nth-child(3n-1){margin:20px 30px 0;}
.portfolio li p{margin-top: 10px;}
[class^="port_list"]{display:inline-block; width:290px; height:190px;}
[class^="port_list"]:hover{background-position:0 -200px;}
.port_list01{background:url(../images/port_01.jpg) no-repeat;}
.port_list02{background:url(../images/port_02.jpg) no-repeat;}
.port_list03{background:url(../images/port_03.jpg) no-repeat;}
.port_list04{background:url(../images/port_04.jpg) no-repeat;}
.port_list05{background:url(../images/port_05.jpg) no-repeat;}
.port_list06{background:url(../images/port_06.jpg) no-repeat;}
.port_list07{background:url(../images/port_07.jpg) no-repeat;}
.port_list08{background:url(../images/port_08.jpg) no-repeat;}
.port_list09{background:url(../images/port_09.jpg) no-repeat;}
.port_list10{background:url(../images/port_10.jpg) no-repeat;}
.port_list11{background:url(../images/port_11.jpg) no-repeat;}
.port_list12{background:url(../images/port_12.jpg) no-repeat;}
.port_list13{background:url(../images/port_13.jpg) no-repeat;}
.port_list14{background:url(../images/port_14.jpg) no-repeat;}
.port_list15{background:url(../images/port_15.jpg) no-repeat;}

.callcenter_box{clear:both; width:1200px; margin:50px auto; background:url(../images/line.png) no-repeat; padding-top:50px; text-align: center;}
.callcenter_box ul{width:100%; overflow:hidden; height: auto; margin-top:30px; text-align: center;}
.callcenter_box ul li{display: inline-block;}
.phone{background:url(../images/foo_phone.jpg) no-repeat; padding:4px 0 0 35px; height:30px; margin-right:20px}
.mail{background:url(../images/foo_mail.jpg) no-repeat; padding:4px 0 0 35px; height:30px; margin-right:20px}
.homepage{background:url(../images/foo_home.jpg) no-repeat; padding:4px 0 0 35px; height:30px}

#footer{clear:both;background:#e9e9e9; height:165px; margin-top:50px;}
.ft_wrap{width:1200px; margin:0 auto;}
.site{clear:both; padding:30px 0 0;}
.site li{float: left; font-size:13px; font-weight:bold; color:#888;}
.site li:after{content:"|"; margin:0 5px;}
.site li:last-child:after{content:"";}
.copy{clear:both; padding:20px 0 0;}
.copy li{float: left; font-size:14px; color:#555;}
.copy li:after{content:"|"; margin:0 5px;}
.copy li:last-child:after{content:"";}


/*sub*/
.sub_con img{display:block; margin:0 auto;}
.title{padding:10px 0; margin:0 auto; border-bottom:1px solid #d2d2d2; font-size:30px; clear: both;}
.title span{font-size:16px;}
.inner_title{clear: both; margin:20px 0 10px; font-size:18pt; font-weight:bold; padding:0 0 0 20px; background:url(../images/1000/dot.gif)no-repeat 0 15px;}
.center_title{margin:30px 0;text-align: center;}
.sub_text{margin:10px 0 30px;}
.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}
.icon_0401{margin:0 auto; text-align:center; height:auto;}
.icon_0401 li{display: inline-block; width:200px;}
.icon_0401 li p{margin-top:10px; font-size: 14px;}
.map_btn{display:block;background:#fff; color:#1358a5; border:1px solid #1358a5; width:300px; padding:10px 0; margin:0 auto; text-align:center; margin-top:20px}
.map_btn:hover{ background:#1358a5; color:#fff;}

/*02*/
.sub_list li{float:left;font-weight:bold;   width:25%; font-size:18px; margin-top:20px; text-align:center;}
.sub_list li:last-child{*width:16%;}
.list_on{ border-bottom:5px solid #285790; color:#285790;}
.top_up{clear:both; display: block; text-align: center; width:100px; padding:10px; margin:0 auto;}
.sub021_list{text-align: center; margin: 0 auto; width: 880px;}
.sub021_list li{margin: 10px 10px 50px;float: left;}
.page_bar{clear:both;width:100%; text-align: center; margin:30px 0;}
.page_bar li{display:inline-block; margin-right:5px;}
.page_bar li:after{display:inline-block;color:#ccc; content:"|"; margin-left:10px; font-size:14px;}
.page_bar li:last-child:after{content:"";}





/**nfc0301*/
#contents_0301_1000{height:1130px}
.f_0301{color:#eb7879;}
.video_0301{width:760px;; margin:0 auto;}
.video_0301_f_01{text-align:center; font-size:18pt; margin-top:40px;}
.video_0301_f_02{text-align:center; font-size:10pt; margin:10px 0 20px 0;}
.icon4_0301{margin:0 auto;}
.icon4_0301_left{float:left;}
.icon4_0301_cen{float:left; padding-left:89px}
.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*/



}

article.sub_text{padding:10px;color:#6a6a6a}
article.sub_text h4{color:#202020}
article.sub_text dd{ padding-left:10px;  margin-bottom:5px;  }
article.sub_text dd label{position:relative; display:inline-block; padding:3px 10px; background:#1358a5; color:#fff; font-weight:500; font-size:0.9em; margin-right:15px}
article.sub_text dd label::before{content:""; position:absolute; display:inline-block; right:-13px; top:1px; border-top:13px solid transparent; border-bottom:13px solid transparent; border-left:13px solid #1358a5;}

.num_list{margin:10px 0 20px;}
.num_list li{text-indent:-10px; padding-left:10px;  margin-bottom:5px;  color:#6a6a6a}
.num_list li::before{padding-right:10px}
.num_list li:nth-child(1)::before{content:"1."}
.num_list li:nth-child(2)::before{content:"2."}
.num_list li:nth-child(3)::before{content:"3."}
.num_list li:nth-child(4)::before{content:"4."}
.num_list li:nth-child(5)::before{content:"5."}
.num_list li:nth-child(6)::before{content:"6."}
.text_list{margin:10px 0 20px;}
.text_list li{text-indent:-10px; padding-left:10px;  margin-bottom:5px;  color:#6a6a6a}
.text_list li::before{padding-right:10px}
.text_list li::before{padding-right:10px; content:"\2022"; color:#aaa}