First Commit
This commit is contained in:
2739
web/html/theme/AT_WEB01/css/common/animate.css
vendored
Normal file
2739
web/html/theme/AT_WEB01/css/common/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
179
web/html/theme/AT_WEB01/css/common/common.css
Normal file
179
web/html/theme/AT_WEB01/css/common/common.css
Normal file
@ -0,0 +1,179 @@
|
||||
/*common.css*/
|
||||
@font-face {
|
||||
font-family: 'GongGothicLight';
|
||||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.inner{width: 1200px; margin: 0 auto; padding: 0 20px;font-family: 'GongGothicLight';}
|
||||
.clearfix{*zoom: 1}
|
||||
.clearfix:before, .clearfix:after{display:table; content:""; line-height:0;}
|
||||
.clearfix:after{clear:both;}
|
||||
.ell{overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical;}
|
||||
.customer_banner{background: url(../../img/customer/banner.png); background-position: center; background-size: cover;}
|
||||
.product_banner{background: url(../../img/ingprojectimg.png); background-size: cover; background-position: center;}
|
||||
.ing_bnr_Wrap{width: 100%; position: relative; overflow: hidden;}
|
||||
.ing_bnr_Wrap>.bnrimg{height: 350px; width: 100%;}
|
||||
.ing_bnr_Wrap>.bnrimg>img{position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
|
||||
.ing_bnr_Wrap>.bnrtxtwrap{width: 400px; position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 15px;}
|
||||
.ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 33px; color: #fff; text-align: center; line-height: 40px; font-weight: 700;}
|
||||
.ing_bnr_Wrap>.bnrtxtwrap>.bnrline{width: 40px; height: 3px; background: #fff; margin: 20px auto 20px;}
|
||||
.ing_bnr_Wrap>.bnrtxtwrap>p{margin: 0 auto; width: 90%; font-size: 18px; color: #fff; text-align: center; line-height: 25px;}
|
||||
.mdlTxt{text-align: center; line-height: 40px; padding-top: 50px; padding-bottom:40px;}
|
||||
.mdlTxt>h2{font-size: 30px; font-weight: bold;}
|
||||
.mdlTxt > p{margin-top: 35px; font-size: 16px; color: #666;}
|
||||
/* sub navigation */
|
||||
.groupmenu{border: 1px solid #cfcfcf; border-bottom: none;}
|
||||
#mysubmenu .leftmenu_b{display: none;}
|
||||
#mysubmenu{margin-top: -23px;}
|
||||
.tab_submenu{height: 60px;}
|
||||
.tab_submenu .tab_sub2ul{width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
|
||||
.tab_submenu .tab_sub2ul li{float: left; width: 50%; height: 100%; border-bottom: 3px solid #ccc; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
|
||||
.tab_submenu .tab_sub2ul li:nth-child(1){border-right: 1px solid #ccc;}
|
||||
.tab_submenu .tab_sub2ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; font-size: 18px;}
|
||||
.tab_submenu .tab_sub2ul li:hover a{color: #c80e21;}
|
||||
.tab_submenu .tab_sub2ul li:hover{border-bottom-color: #c80e21;}
|
||||
.leftmenu_b{display: none;}
|
||||
.tab_submenu .tab_sub2ul li.on{border-bottom-color: #c80e21;}
|
||||
.tab_submenu .tab_sub2ul li.on a{color: #c80e21;}
|
||||
/*페이지*/
|
||||
.pg_wrap{margin: 30px 0;}
|
||||
.pg_current{background: #000;}
|
||||
.pg_page{background: #fff;}
|
||||
.pg_start{display: none;}
|
||||
.pg_end{display: none;}
|
||||
/*검색*/
|
||||
#bo_sch{position:relative; width: 500px; border: none; margin-bottom: 60px; padding: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
|
||||
#bo_sch>form{width: 100%; }
|
||||
#bo_sch #sfl{width: 129px; height: 40px;margin: 0; border: 1px solid #ddd;}
|
||||
#bo_sch .sch_input{width: 249px; height: 40px; background-color: #fff; border: 1px solid #ddd; }
|
||||
#bo_sch .sch_btn{width: 102px; height: 40px; text-align: center;height: 40px; background-color: #000; border: 1px solid #ddd; color: #fff; font-size: 14px; font-weight: 700;}
|
||||
#bo_sch #sfl{padding: 0 6px; box-shadow: none; -webkit-box-shadow: none; border: none; outline: none;}
|
||||
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 129px; height: 40px; border: 1px solid #ddd; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/down.png) 95% 50% no-repeat;}
|
||||
#bo_sch #sfl::-ms-expand {display:none;}
|
||||
#bo_sch .sch_input{padding: 0 10px; box-shadow: none; -webkit-box-shadow: none; outline: none;}
|
||||
/*버튼*/
|
||||
a.btn_b01.notice_btn01{display: none;}
|
||||
a.btn_b02:hover, .btn_b02:hover {background:#000}
|
||||
/*카테고리*/
|
||||
/*#bo_cate>ul>li:nth-child(1){display: none;}*/
|
||||
.bo_cate_link{display: none;}
|
||||
#bo_cate{border: none; width: 100%; background: transparent; padding: 0; margin: 0; text-align: center; margin-top: 20px; margin-bottom:;}
|
||||
#bo_cate li{/*width: 50%; */border: 1px solid #cccccc; -webkit-transition: .2s; transition: .2s; padding: 0; border-left:none;}
|
||||
/*#bo_cate li:nth-child(3){border-left: none;}*/
|
||||
#bo_cate li:nth-child(1){border-left: 1px solid #cccccc;}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background: none;}
|
||||
#bo_cate a:hover{ border-bottom: 2px solid #c71526;}
|
||||
#bo_cate a{padding: 8px 20px;}
|
||||
#bo_cate #bo_cate_on{border-bottom: 2px solid #c71526;-webkit-box-shadow:none;box-shadow:none; background: none; color: #000;}
|
||||
/* 게시판 공통 */
|
||||
#bo_w{padding-bottom: 80px;}
|
||||
/* 버튼 제어 */
|
||||
a.btn, .btn{padding: 0 30px; height: 40px; line-height: 40px; text-align: center; font-weight: 300; font-size: 17px;}
|
||||
a.btn_admin, .btn_admin{height: 40px; line-height: 40px; text-align: center; background: #c80e21;} /*관리자, 복사, 이동*/
|
||||
a.btn_admin:hover, .btn_admin:hover{background: #444;}
|
||||
a.btn_b02, .btn_b02{height: 40px; line-height: 40px; text-align: center; background: #444; font-weight: 300;} /*글쓰기*/
|
||||
a.btn_b02:hover, .btn_b02:hover {background:#c80e21;}
|
||||
a.btn_b01, .btn_b01{height: 40px; line-height: 40px; background: #c80e21;} /*수정, 삭제, 목록, 답변*/
|
||||
a.btn_b01:hover, .btn_b01:hover{background: #c80e21;}
|
||||
.btn_submit{background: #c80e21; height: 40px; line-height: 40px; text-align: center;} /*댓글등록*/
|
||||
.btn_submit:hover{background: #444;}
|
||||
.bo_vc_w .btn_submit{border-radius: 0; font-weight: 300; font-size: 17px;}
|
||||
a.btn_cancel{background: #999; height: 40px; line-height: 40px; text-align: center;}
|
||||
/*.btn .fa{display: none;} /*버튼 픽토그램*/
|
||||
.cmt_btn{background-position: 67px 10px; font-size: 16px;}
|
||||
.cmt_btn_op{background-position: 67px -20px;}
|
||||
/*.cmt_btn .fa{display: none;}*/
|
||||
.bo_w .btn_submit, .bo_vc_w .btn_submit{border-radius: 0; font-size: 1.0em;}
|
||||
.btn_cancel{height: 40px; line-height: 40px;}
|
||||
.btn_bo_user{margin: 20px 0;}
|
||||
.bo_fx{margin: 20px 0; width: 100%;}
|
||||
#bo_v_share .btn{padding: 0 20px; width:130px; }
|
||||
.file_del input{float: left; margin: 7px 10px 0 0;}
|
||||
.file_del label{float: left;}
|
||||
#ctt{margin: 0; padding: 0;}
|
||||
#ctt_con{padding: 0;}
|
||||
#ctt_con .reg_bn + .inner{padding: 90px 20px; min-height: 700px;}
|
||||
#ctt_con *{color: #333;}
|
||||
.reg_bn{width: 100%; height: 90px; background: #333;}
|
||||
.ctt_admin{position: absolute; width: 1200px; left: 50%; top: 90px; height: 60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
|
||||
.ctt_admin a{line-height: 60px; height: 100%;}
|
||||
|
||||
@media screen and (max-width:1199px){
|
||||
.inner{width: 100%;}
|
||||
a.btn, .btn{font-size: 14px;}
|
||||
a.btn_b01, .btn_b01{font-size: 14px;}
|
||||
a.btn_b02, .btn_b02{font-size: 14px;}
|
||||
a.btn_admin, .btn_admin{font-size: 14px;}
|
||||
.btn_submit{font-size: 14px;}
|
||||
.tab_submenu{height: 55px;}
|
||||
.tab_submenu .tab_sub2ul li a{font-size: 16px; line-height: 55px;}
|
||||
.ctt_admin{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
|
||||
.ctt_admin a{line-height: 60px; height: 100%;}
|
||||
#ctt_con *{font-size: 14px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1024px){
|
||||
.reg_bn{height: 60px;}
|
||||
.ctt_admin{width: 100%; left: 0; top: 60px; -webkit-transform: none; -ms-transform: none; transform: none;}
|
||||
.ctt_admin a{line-height: 60px; height: 100%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px){
|
||||
.bo_v_left{width: 100%;}
|
||||
.bo_v_left li{width: 20%;}
|
||||
.bo_v_left li a{width: 100%;}
|
||||
.bo_v_com{float: left; margin: 0 0 20px; width: 100%;}
|
||||
.bo_v_com li{margin: 0;/*margin-left: 0; margin-right: 5px; */width: 30%;}
|
||||
.bo_v_com li a{width: 100%; font-size: 14px;}
|
||||
}
|
||||
@media screen and (max-width:630px){
|
||||
#bo_w .bo_w_flie .file_wr{height: 80px;}
|
||||
#bo_w .bo_w_flie .lb_icon{height: 100%;}
|
||||
#bo_w .bo_w_flie .file_del{top:50%; margin-top: 5px; left: 55px;}
|
||||
#bo_w .bo_w_flie .file_del label{font-size: 14px;}
|
||||
a.btn, .btn{padding: 0 10px;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width:570px){
|
||||
.ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 28px; line-height: 32px;}
|
||||
.ing_bnr_Wrap>.bnrtxtwrap>p{font-size: 14px; line-height: 18px;}
|
||||
#bo_sch{width: 376px;}
|
||||
#bo_sch .sch_input{width:213px;}
|
||||
#bo_sch .sch_btn{width: 60px; font-size: 12px;}
|
||||
#bo_sch #sfl{width:95px; font-size: 12px;}
|
||||
#bo_sch #sfl option{font-size: 12px;}
|
||||
#bo_sch .sch_input{font-size: 12px;}
|
||||
}
|
||||
@media screen and (max-width: 480px){
|
||||
a.btn, .btn{font-size: 12px;}
|
||||
a.btn_b01, .btn_b01{font-size: 12px;}
|
||||
a.btn_b02, .btn_b02{font-size: 12px;}
|
||||
a.btn_admin, .btn_admin{font-size: 12px;}
|
||||
.btn_submit{font-size: 12px;}
|
||||
.tab_submenu{height: 40px;}
|
||||
.tab_submenu .tab_sub2ul li a{font-size: 14px; line-height: 40px;}
|
||||
.bo_v_com li a{width: 100%; font-size: 12px;}
|
||||
#bo_w .bo_w_flie .file_del label{font-size: 13px;}
|
||||
#ctt_con *{font-size: 13px;}
|
||||
}
|
||||
@media screen and (max-width:400px){
|
||||
.mdlTxt>h2{font-size: 26px;}
|
||||
.ing_bnr_Wrap>.bnrtxtwrap{width: 100%;}
|
||||
.ing_bnr_Wrap>.bnrtxtwrap>p{word-break: keep-all;}
|
||||
#bo_sch{width: 280px;}
|
||||
#bo_sch .sch_input{width: 128px;}
|
||||
#bo_sch .sch_btn{width: 50px;}
|
||||
#bo_w .bo_w_flie .file_wr{height: 120px;}
|
||||
#bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
|
||||
#bo_w .bo_w_flie .file_del label{font-size: 12px;}
|
||||
|
||||
.bo_fx{float: none;}
|
||||
.bo_fx ul{width: 100%;}
|
||||
.bo_fx .btn_bo_user li{width: 25%; margin-left: 0;}
|
||||
.bo_fx .btn_bo_user li a{width: 100%;}
|
||||
.bo_fx .btn_bo_user .bo_fx_write{width: 100%;}
|
||||
.bo_fx .btn_bo_user .bo_fx_write a{margin-right: 5px; margin-top: 10px; width: 100%;}
|
||||
}
|
||||
|
||||
96
web/html/theme/AT_WEB01/css/common/footerStyle.css
Normal file
96
web/html/theme/AT_WEB01/css/common/footerStyle.css
Normal file
@ -0,0 +1,96 @@
|
||||
/* footerStyle.css */
|
||||
|
||||
#ft{background: #333; color: #888;}
|
||||
#ft a, #ft p, #ft_copy{color: #888;}
|
||||
#ft_wr{width: 1200px; padding: 50px 20px; overflow: hidden;}
|
||||
#ft_sns{width: 65%;}
|
||||
#ft_sns ul{float: right; overflow: hidden;}
|
||||
#ft_sns ul li{float: left; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; margin-left: 15px;}
|
||||
#ft_sns ul li a{width: 100%; height: 100%; background: url(../../img/common/ft_sns1.png); background-size: 100% auto; }
|
||||
#ft_sns ul li.ft_sns2 a{background-image: url(../../img/common/ft_sns2.png);}
|
||||
#ft_sns ul li.ft_sns3 a{background-image: url(../../img/common/ft_sns3.png);}
|
||||
#ft_sns ul li.ft_sns4 a{background-image: url(../../img/common/ft_sns4.png);}
|
||||
/* 쇼핑몰 링크용 */
|
||||
#ft_shop{width: 65%; }
|
||||
#ft_shop ul{float: right; overflow: hidden;}
|
||||
#ft_shop ul li{float: right; /*width: 300px;/* height: 40px; */overflow: hidden; font-size: 34px; line-height:2;}
|
||||
#ft_shop ul li a{color: #ccc; }
|
||||
/* 쇼핑몰 링크용 끝 */
|
||||
#ft_contact{width: 40%; text-align: right; margin-top: 10px;}
|
||||
#ft_contact strong{font-size: 36px; font-weight: 600; line-height: 50px;}
|
||||
#ft_link{width: 30%; height: 20px; margin-top: -40px; margin-bottom: 30px;}
|
||||
#ft_link > a{float: left; height: 100%; line-height: 20px; font-size: 14px;}
|
||||
#ft_link > a::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 10px; float: right; margin-right: 10px; margin-top: 3px;}
|
||||
#ft_link > a.ft_link3::after{display: none;}
|
||||
#ft_company{width: 60%; margin-bottom: 30px;}
|
||||
#ft_company ul{overflow: hidden;}
|
||||
#ft_company li{float: left; line-height: 20px; font-size: 14px;}
|
||||
#ft_company li::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 10px; float: right; margin-right: 10px; margin-top: 3px;}
|
||||
#ft_company li.ft_company3{display:block;}
|
||||
#ft_company li.ft_company3::after, #ft_company li.ft_company5::after, #ft_company li.ft_company6::after{display: none;}
|
||||
#ft_company li.ft_company6 a{display: inline-block;}
|
||||
#ft_copy{width: 70%; font-size: 14px; margin-top: -25px;}
|
||||
@media screen and (min-width:1200px){
|
||||
#ft_sns{float: right;}
|
||||
#ft_sns ul{float: right;}
|
||||
#ft_sns ul li{float: left;}
|
||||
#ft_shop{float: right;}
|
||||
#ft_shop ul{float: right;}
|
||||
#ft_shop ul li{float: left;}
|
||||
#ft_contact{float: right;}
|
||||
#ft_link{float: left;}
|
||||
#ft_company{float: left;}
|
||||
#ft_copy{float: left;}
|
||||
}
|
||||
@media screen and (max-width:1199px){
|
||||
#ft{width: 100%;}
|
||||
#ft_wr{width: 100%; padding: 40px 0;}
|
||||
#ft_sns,
|
||||
#ft_shop,
|
||||
#ft_contact,
|
||||
#ft_link,
|
||||
#ft_company,
|
||||
#ft_copy{overflow: hidden; width: 100%;}
|
||||
#ft_sns ul{float: none; width: 264px; margin: 0 auto;}
|
||||
#ft_sns ul li{margin: 0; width: 25%;}
|
||||
#ft_sns ul li a{background-size: 40px auto; background-position: center; background-repeat: no-repeat;}
|
||||
#ft_shop ul{float: none; width: 100%;}
|
||||
#ft_shop ul li{margin: 0; width: 100%; text-align:center}
|
||||
#ft_contact{margin-top: 20px; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #888;}
|
||||
#ft_link{text-align: center; width: 313px; margin: 20px auto 0;}
|
||||
#ft_company{ text-align: center; margin: 30px auto;}
|
||||
#ft_copy{margin-top: 0; text-align: center;}
|
||||
#ft_company{width: 100%;}
|
||||
#ft_company li{float: none; display: inline-block;}
|
||||
#ft_company li.ft_company2::after, #ft_company li.ft_company3::after{display: none;}
|
||||
#ft_copy span{display: block;}
|
||||
#ft_company li.ft_company3{display: block;}
|
||||
#ft_contact strong{font-size: 36px; line-height: 50px;}
|
||||
#ft_contact p{font-size:14px;}
|
||||
}
|
||||
@media screen and (max-width:480px){
|
||||
#ft_company{padding: 0 20px;}
|
||||
#ft_company li::after{display: none;}
|
||||
#ft_company li.ft_company6{display: block;}
|
||||
#ft_company li.ft_company1::after, #ft_company li.ft_company4::after{display: block;}
|
||||
#ft_link{width: 274px; width:294px !ie; }
|
||||
#ft_link > a{font-size: 12px;}
|
||||
#ft_company li{font-size: 12px;}
|
||||
#ft_copy{font-size:12px;}
|
||||
#ft_contact{margin-bottom: 30px; padding: 0 20px 30px;}
|
||||
#ft_contact strong{font-size: 30px; line-height: 40px;}
|
||||
#ft_contact p{font-size:12px; line-height: 1.5;}
|
||||
}
|
||||
@media screen and (max-width: 430px){
|
||||
#ft_company li.ft_company4{display: block;}
|
||||
#ft_company li.ft_company4::after{display: none;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
127
web/html/theme/AT_WEB01/css/common/headStyle - 복사본.css
Normal file
127
web/html/theme/AT_WEB01/css/common/headStyle - 복사본.css
Normal file
@ -0,0 +1,127 @@
|
||||
/*headStyle.css*/
|
||||
.dark-mode { background:#333; }
|
||||
.dark-mode h1, h2 , h3, p { color:#fff; }
|
||||
.dark-mode p,
|
||||
.dark-mode h1,
|
||||
body.dark-mode h2,
|
||||
body.dark-mode h3,
|
||||
body.dark-mode a { color:#fff; }
|
||||
body.dark-mode button {
|
||||
background-color:#c71526;
|
||||
color:#fff;
|
||||
}
|
||||
body.light-mode h1, h2, h3, p, a { color:#333; }
|
||||
body.light-mode button {
|
||||
background-color:#c71526;
|
||||
color:#ee1e
|
||||
}
|
||||
button { background:#c71526; }
|
||||
#darkLight {
|
||||
width:70px; height:90px;
|
||||
font-size:3em;
|
||||
padding-left:0.5%;
|
||||
position:fixed;
|
||||
right:0; bottom:3%;
|
||||
border-radius:100px 0 0 100px;
|
||||
transition:all .3s;
|
||||
z-index:99999;
|
||||
}
|
||||
#darkLight:hover {
|
||||
width:130px;
|
||||
padding-left:1%;
|
||||
background-color:#111;
|
||||
}
|
||||
#hd{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2);}
|
||||
#hd_wrapper{height: 100%; }
|
||||
#logo{position: absolute; width: 82px; height: 55px; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
|
||||
#logo img{width: 100%;}
|
||||
#gnb{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50%;}
|
||||
#gnb .gnb_1dli{line-height: 90px; width: 20%; text-align: center;}
|
||||
.hd_login { width:20%; overflow: hidden; position:fixed; right:5%; top:35%; z-index:999999;}
|
||||
.hd_login a {float:left; margin:0 5%; color:#fff; }
|
||||
.gnb_1da{width: 100%; color: #fff; font-weight: 400;}
|
||||
.gnb_1dli .bg{display: none;}
|
||||
.gnb_2dul{top: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; background: rgba(0,0,0,0.7);}
|
||||
.gnb_1dli_over .gnb_2dul{left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0,0,0,0.7);}
|
||||
#nav_bar{height: 3px; background: #fff; position: absolute; bottom: 0;}
|
||||
.gnb_2dli{border: none;}
|
||||
.gnb_2da{color: #fff; text-align: center; font-weight: 300;}
|
||||
a.gnb_2da:hover{background-color: #c80e21;}
|
||||
#tnb{ border-bottom: none; background: none; width: 1200px; height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
|
||||
#tnb ul{min-width: inherit; width: 100%;}
|
||||
#tnb li{position: absolute; width: 40px; height: 40px; font-size: 1.0em; border-left: none; z-index: 10;}
|
||||
#tnb li a{width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}
|
||||
#tnb li .fa{display: none;}
|
||||
#tnb .tnb_admin a{color: #d40424;}
|
||||
#tnb a:hover{background: none; color: #333;}
|
||||
#tnb .tnb_admin a:hover{color: #d40424;}
|
||||
#tnb li.register{background: url(../../img/common/register_icon1.png) center no-repeat; position: absolute; top: 50%; right: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
|
||||
#tnb li.join{display: none;}
|
||||
#tnb li.tnb_admin{display: none;}
|
||||
#tnb li.login{background: url(../../img/common/login_icon2.png) center no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
|
||||
#tnb li.logout{background: url(../../img/common/logout_icon2.png) center no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
|
||||
#aside{position: fixed;right: -100%; top: 0px; bottom: 0; margin: 0px;width: 80%; border-top: 0;z-index: 1005;overflow-y: auto;background:#223040;border: 0;}
|
||||
.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
|
||||
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
|
||||
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
|
||||
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
|
||||
.mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}
|
||||
.mb-sub-ul {display: none; background: #333;}
|
||||
.mb-sub-ul li a {display: block; font-size: 16px; font-weight: 100; padding: 15px 0;}
|
||||
.mobile_menu{position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
|
||||
.mobile_menu ul{width: 100%; overflow: hidden;}
|
||||
.mobile-list {width: 100%;}
|
||||
.mobile-list a {padding: 20px 0; width: 100%; color: #fff; text-transform: uppercase;font-size: 13px; text-align: center; font-size: 18px; font-weight: normal;}
|
||||
|
||||
#mb-open-menu{position: absolute;right: 20px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);width: 26px;height: 16px;cursor: pointer;z-index: 10;}
|
||||
#mb-open-menu span {position: absolute;left: 0;display: block;width: 100%;height: 1px;background: #fff;-webkit-transition: all .4s ease;transition: all .4s ease;}
|
||||
#mb-open-menu .line1 {top: 0px;}
|
||||
#mb-open-menu .line2 {top: 7px;}
|
||||
#mb-open-menu .line3 {bottom: 0;}
|
||||
@media screen and (max-width:1200px){
|
||||
#hd_wrapper{width: 100%;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:1199px){
|
||||
#tnb{width: 100%;}
|
||||
}
|
||||
@media screen and (min-width:1025px){
|
||||
#hd{height: 90px; z-index: 10; position: fixed; top: 0; min-width: none; width: 100%; }
|
||||
#hd_wrapper{background: rgba(255,255,255,0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
|
||||
#hd.scrollBg #hd_wrapper{background: rgba(255,255,255,1); -webkit-box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26); box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26);}
|
||||
#hd_wrapper{position: absolute; width: 100%; height: 90px;}
|
||||
#hd_wrapper .inner{height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
|
||||
#hd.scrollBg .gnb_1da{color: #000;}
|
||||
#hd.scrollBg #tnb li.login{background-image: url(../../img/common/login_icon1.png);}
|
||||
#hd.scrollBg #tnb li.logout{background-image: url(../../img/common/logout_icon1.png);}
|
||||
#hd.scrollBg #tnb li.register{background-image: url(../../img/common/register_icon2.png);}
|
||||
#gnb{width: 700px;}
|
||||
.logo_pc{display: block;}
|
||||
.logo_mobile{display: none;}
|
||||
#aside{display: none;}
|
||||
#gnb{display: block;}
|
||||
.close_menu{display: none;}
|
||||
#mb-open-menu{display: none;}
|
||||
#hd.scrollBg #nav_bar{background: #c80e21; bottom: -1px;}
|
||||
}
|
||||
@media screen and (max-width:1024px){
|
||||
.hd_login{display: none;}
|
||||
#hd{width: 100%; display: block; height: 60px;}
|
||||
#hd_wrapper{width: 100%;}
|
||||
#tnb{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; height: 60px;}
|
||||
#tnb li{width: 35px; height: auto;}
|
||||
#tnb li.login, #tnb li.register{right: inherit; left: 20px;}
|
||||
#tnb li.logout{right: inherit; left: 70px;}
|
||||
#tnb li{height: 40px; line-height: 40px;}
|
||||
#gnb{display: none;}
|
||||
#logo{width: 40px; height: 26px; left: 50%; margin-left: -20px;}
|
||||
.logo_mobile{display: block;}
|
||||
.logo_pc{display: none;}
|
||||
#aside{display: block; z-index: 2000;}
|
||||
}
|
||||
@media screen and (max-width:600px){
|
||||
#aside{width: 100%;}
|
||||
#tnb li{width: 28px; height: auto;}
|
||||
#tnb a{padding: 0;}
|
||||
#tnb li.logout{right: inherit; left: 56px;}
|
||||
}
|
||||
157
web/html/theme/AT_WEB01/css/common/headStyle.css
Normal file
157
web/html/theme/AT_WEB01/css/common/headStyle.css
Normal file
@ -0,0 +1,157 @@
|
||||
/*headStyle.css*/
|
||||
.dark-mode { background:#333; }
|
||||
.dark-mode h1, h2 , h3, p { color:#fff; }
|
||||
.dark-mode p,
|
||||
.dark-mode h1,
|
||||
body.dark-mode h2,
|
||||
body.dark-mode h3,
|
||||
body.dark-mode a { color:#fff; }
|
||||
body.dark-mode button {
|
||||
background-color:#c71526;
|
||||
color:#fff;
|
||||
}
|
||||
body.light-mode h1, h2, h3, p, a { color:#333; }
|
||||
body.light-mode button {
|
||||
background-color:#c71526;
|
||||
color:#ee1e
|
||||
}
|
||||
button { background:#c71526; }
|
||||
#darkLight {
|
||||
width:70px; height:90px;
|
||||
font-size:3em;
|
||||
padding-left:0.5%;
|
||||
position:fixed;
|
||||
right:0; bottom:3%;
|
||||
border-radius:100px 0 0 100px;
|
||||
transition:all .3s;
|
||||
z-index:99999;
|
||||
}
|
||||
#darkLight:hover {
|
||||
width:130px;
|
||||
padding-left:1%;
|
||||
background-color:#111;
|
||||
}
|
||||
#hd{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2);}
|
||||
#hd_wrapper{height: 100%; }
|
||||
#logo{position: absolute; width: 82px; height: 55px; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
|
||||
#logo img{width: 100%;}
|
||||
#gnb{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50%;}
|
||||
#gnb .gnb_1dli{line-height: 90px; width: 20%; text-align: center;}
|
||||
.hd_login { width:20%; overflow: hidden; position:fixed; right:5%; top:35%; z-index:999999;}
|
||||
.hd_login a {float:left; margin:0 5%; color:#fff; }
|
||||
.gnb_1da{width: 100%; color: #fff; font-weight: 500;}
|
||||
.gnb_1dli .bg{display: none;}
|
||||
.gnb_2dul{top: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; background: rgba(0,0,0,0.7);}
|
||||
.gnb_1dli_over .gnb_2dul{left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0,0,0,0.7);}
|
||||
#nav_bar{height: 3px; background: #fff; position: absolute; bottom: 0;}
|
||||
.gnb_2dli{border: none;}
|
||||
.gnb_2da{color: #fff; text-align: center; font-weight: 400;}
|
||||
a.gnb_2da:hover{background-color: #c80e21;}
|
||||
|
||||
/* 3차메뉴 */
|
||||
.gnb_3dul{top: 90px; left: 50%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); width: 100%; background: rgba(255,255,255,0.1);}
|
||||
/*.gnb_2dli_over .gnb_3dul{left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0,0,0,0.7);}*/
|
||||
.gnb_3dli{border: none;}
|
||||
.gnb_3da{color: #fff; /*text-align: center; */font-weight: 300;}
|
||||
a.gnb_3da:hover{background-color: #c80e21;}
|
||||
|
||||
#tnb{ border-bottom: none; background: none; width: 1200px; height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
|
||||
#tnb ul{min-width: inherit; width: 100%;}
|
||||
#tnb li{position: absolute; width: 40px; height: 40px; font-size: 1.0em; border-left: none; z-index: 10;}
|
||||
#tnb li a{width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}
|
||||
#tnb li .fa{display: none;}
|
||||
#tnb .tnb_admin a{color: #d40424;}
|
||||
#tnb a:hover{background: none; color: #333;}
|
||||
#tnb .tnb_admin a:hover{color: #d40424;}
|
||||
#tnb li.join{display: none;}
|
||||
/*#tnb li.tnb_admin{display: none;}*/
|
||||
#tnb li.shop{background: url(../../img/common/shop_icon2.png) center no-repeat; position: absolute; top: 50%; right: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
|
||||
#tnb li.tnb_admin{background: url(../../img/common/admin_icon2.png) center no-repeat; position: absolute; top: 50%; right: 170px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
|
||||
#tnb li.register{background: url(../../img/common/login_icon2.png) center no-repeat; position: absolute; top: 50%; right: 120px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
|
||||
#tnb li.login{background: url(../../img/common/login_icon2.png) center no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
|
||||
#tnb li.logout{background: url(../../img/common/logout_icon2.png) center no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
|
||||
#aside{position: fixed;right: -100%; top: 0px; bottom: 0; margin: 0px;width: 80%; border-top: 0;z-index: 1005;overflow-y: auto;background:#223040;border: 0;}
|
||||
.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
|
||||
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
|
||||
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
|
||||
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
|
||||
.mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}
|
||||
.mb-sub-ul {display: none; background: #333;padding-left:45%}
|
||||
.mb-sub-ul li a {display: block; font-size: 16px; font-weight: 100; padding: 15px 0;text-align:left; font-weight:500}
|
||||
.mb-sub2-ul {display: none; background: #333;padding-left:3%;}
|
||||
.mb-sub2-ul li a {display: block; font-size: 13px; font-weight: 100; padding: 10px 0 ;text-align:left}
|
||||
.mb-sub2-ul li a:first-child {padding-top: 0}
|
||||
.mobile_menu{position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
|
||||
.mobile_menu ul{width: 100%; overflow: hidden;}
|
||||
.mobile-list {width: 100%;}
|
||||
.mobile-list a {padding: 20px 0; width: 100%; color: #fff; text-transform: uppercase;font-size: 13px; text-align: center; font-size: 18px; font-weight: 600;}
|
||||
|
||||
#mb-open-menu{position: absolute;right: 20px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);width: 26px;height: 16px;cursor: pointer;z-index: 10;}
|
||||
#mb-open-menu span {position: absolute;left: 0;display: block;width: 100%;height: 1px;background: #fff;-webkit-transition: all .4s ease;transition: all .4s ease;}
|
||||
#mb-open-menu .line1 {top: 0px;}
|
||||
#mb-open-menu .line2 {top: 7px;}
|
||||
#mb-open-menu .line3 {bottom: 0;}
|
||||
@media all and (max-width:1200px){
|
||||
#hd_wrapper{width: 100%;}
|
||||
}
|
||||
|
||||
@media all and (max-width:1199px){
|
||||
#tnb{width: 100%;}
|
||||
}
|
||||
@media all and (min-width:1025px){
|
||||
#hd{height: 90px; z-index: 10; position: fixed; top: 0; min-width: none; width: 100%; }
|
||||
#hd_wrapper{background: rgba(255,255,255,0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
|
||||
#hd.scrollBg #hd_wrapper{background: rgba(255,255,255,1); -webkit-box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26); box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26);}
|
||||
#hd_wrapper{position: absolute; width: 100%; height: 90px;}
|
||||
#hd_wrapper .inner{height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
|
||||
#hd.scrollBg .gnb_1da{color: #000;}
|
||||
#hd.scrollBg #tnb li.login{background-image: url(../../img/common/login_icon1.png);}
|
||||
#hd.scrollBg #tnb li.logout{background-image: url(../../img/common/logout_icon1.png);}
|
||||
#hd.scrollBg #tnb li.register{background-image: url(../../img/common/login_icon1.png);}
|
||||
#hd.scrollBg #tnb li.tnb_admin{background-image: url(../../img/common/admin_icon1.png);}
|
||||
#hd.scrollBg #tnb li.shop{background-image: url(../../img/common/shop_icon1.png);}
|
||||
|
||||
#gnb{width: 700px;}
|
||||
.logo_pc{display: block;}
|
||||
.logo_mobile{display: none;}
|
||||
#aside{display: none;}
|
||||
#gnb{display: block;}
|
||||
.close_menu{display: none;}
|
||||
#mb-open-menu{display: none;}
|
||||
#hd.scrollBg #nav_bar{background: #c80e21; bottom: -1px;}
|
||||
}
|
||||
@media all and (max-width:1024px){
|
||||
#hd{width: 100%; display: block; height: 60px;}
|
||||
#hd_wrapper{width: 100%;}
|
||||
#tnb{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; height: 60px;}
|
||||
#tnb li{width: 35px; height: auto;}
|
||||
#tnb li.login, #tnb li.register{right: inherit; left: 20px;}
|
||||
#tnb li.logout{right: inherit; left: 120px;}
|
||||
#tnb li.tnb_admin{right: inherit; left: 170px;}
|
||||
#tnb li.shop{right: inherit; left: 70px;}
|
||||
#tnb li{height: 40px; line-height: 40px;}
|
||||
#gnb{display: none;}
|
||||
#logo{width: 40px; height: 26px; left: 50%; margin-left: -20px;}
|
||||
.logo_mobile{display: block;}
|
||||
.logo_pc{display: none;}
|
||||
#aside{display: block; z-index: 2000;}
|
||||
}
|
||||
@media all and (max-width:980px){
|
||||
.hd_login {
|
||||
width: 20%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 35%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width:600px){
|
||||
.hd_login { display: none; }
|
||||
#aside{width: 100%;}
|
||||
#tnb li{width: 28px; height: auto;}
|
||||
#tnb a{padding: 0;}
|
||||
#tnb li.logout{right: inherit; left: 92px;}
|
||||
#tnb li.shop{right: inherit; left: 56px;}
|
||||
#tnb li.tnb_admin{right: inherit; left: 128px;}
|
||||
}
|
||||
132
web/html/theme/AT_WEB01/css/common/reset.css
Normal file
132
web/html/theme/AT_WEB01/css/common/reset.css
Normal file
@ -0,0 +1,132 @@
|
||||
/*reset.css*/
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,700,900');
|
||||
body.dark-mode .aboutWrap { background:#333; }
|
||||
body.dark-mode .aboutWrap h1, h2 , h3, p { color:#fff; }
|
||||
body.dark-mode p,
|
||||
body.dark-mode h1,
|
||||
body.dark-mode h2,
|
||||
body.dark-mode h3,
|
||||
body.dark-mode a { color:#fff; }
|
||||
body.dark-mode button {
|
||||
background-color:#c71526;
|
||||
color:#fff;
|
||||
}
|
||||
body.light-mode h1, h2, h3, p, a { color:#333; }
|
||||
body.light-mode button {
|
||||
background-color:#c71526;
|
||||
color:#eee
|
||||
}
|
||||
button { background:#c71526; }
|
||||
#darkLight {
|
||||
width:70px; height:90px;
|
||||
font-size:3em;
|
||||
padding-left:0.5%;
|
||||
position:fixed;
|
||||
right:0; bottom:3%;
|
||||
border-radius:100px 0 0 100px;
|
||||
transition:all .3s;
|
||||
z-index:99999;
|
||||
}
|
||||
#darkLight:hover {
|
||||
width:130px;
|
||||
padding-left:1%;
|
||||
background-color:#111;
|
||||
}
|
||||
html, body{width: 100%; -ms-overflow-x: hidden; overflow-x: hidden;}
|
||||
#aside{display: none;}
|
||||
#top_btn{display: none;}
|
||||
.gnb_menu_btn{display: none;}
|
||||
body{background: none;}
|
||||
#hd{border-top: none; width: 100%; height: 90px; position: absolute;}
|
||||
#hd_wrapper{padding: 0;}
|
||||
#container_wr{width: 100%;}
|
||||
#container{margin: 0; width: 100%;}
|
||||
#logo{padding: 0; float: none;}
|
||||
#gnb{height: 100%;}
|
||||
#gnb .gnb_wrap{width: 100%;}
|
||||
#gnb .gnb_mnal{display: none;}
|
||||
#gnb #gnb_1dul{background: none; -webkit-box-shadow: none; box-shadow: none; width: 100%;}
|
||||
#gnb .gnb_1dli{padding: 0;}
|
||||
#gnb .gnb_1dli:hover{background: none; -webkit-transition: none; transition: none;}
|
||||
.gnb_1da{color: #000;}
|
||||
#ft{border-top: none; background: none; padding-bottom: 0; text-align: left;}
|
||||
#ft_wr{width: 100%;}
|
||||
#ft_link{border-bottom: none; padding: 0;}
|
||||
#ft_link a{padding: 0; line-height: 1em; font-weight: normal;}
|
||||
#ft_copy{color: #000; font-size: 1em;}
|
||||
button[type="submit"]{outline: 0;}
|
||||
input[type="submit"]{-webkit-appearance: none;-webkit-border-radius: 0;}
|
||||
img, iframe, fieldset, frameset, input, select, option, textarea, button{border: 0 none; border-radius: 0;}
|
||||
ul, ol, li{list-style: none;}
|
||||
b, strong{font-weight: normal;}
|
||||
address, i, em{font-style: normal;}
|
||||
a{text-decoration:none; color: #000;}
|
||||
a, img, label{display: block;}
|
||||
html, body, table, tr, th, td, input, select, option, textarea, button{font: 15px / 150% 'Noto Sans KR', sans-serif; color: #000; font-weight: normal;}
|
||||
h1, h2, h3, h4, h5, h6{font-size: 1.0em; font-weight: normal; color: #000;}
|
||||
/* noto-sans-kr-100 - latin */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: url('../../fonts/noto-sans-kr-v11-latin-100.eot'); /* IE9 Compat Modes */
|
||||
src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
|
||||
url('../../fonts/noto-sans-kr-v11-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-100.woff') format('woff'), /* Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* noto-sans-kr-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('../../fonts/noto-sans-kr-v11-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
|
||||
url('../../fonts/noto-sans-kr-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* noto-sans-kr-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../../fonts/noto-sans-kr-v11-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
|
||||
url('../../fonts/noto-sans-kr-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* noto-sans-kr-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('../../fonts/noto-sans-kr-v11-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
|
||||
url('../../fonts/noto-sans-kr-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* noto-sans-kr-900 - latin */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url('../../fonts/noto-sans-kr-v11-latin-900.eot'); /* IE9 Compat Modes */
|
||||
src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
|
||||
url('../../fonts/noto-sans-kr-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-900.woff') format('woff'), /* Modern Browsers */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('../../fonts/noto-sans-kr-v11-latin-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
Reference in New Issue
Block a user