/** * Created by PhpStorm. * Date : 2021-11-09 * Developer : SeHwan Hwang * Description : wp_reset.css * ⓒ 2021. WebPlanet Co. All Rights Reserved. */ @charset "utf-8"; @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} /**********************************************************************************************************************/ /* Device Error */ /**********************************************************************************************************************/ /*아이폰 CSS 애니메이션으로 인해 깜박임 발생*/ .wp_solution .iosb_blink{ -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; } /*아이폰 iOS 사파리에서 스크롤 시 발생하는 출렁이는 효과 (bounce effect) 없애기*/ .wp_solution .iosb_bef{ -webkit-overflow-scrolling:auto; } /*아이폰 폰트사이즈 초기화(폰트사이즈가 안먹히는 경우)*/ .wp_solution .iosb_fint{ -webkit-text-size-adjust:none; } /**********************************************************************************************************************/ /* HTML 초기화 CSS */ /**********************************************************************************************************************/ html {font-size: 10px;} /* 여백 및 라인 초기화 */ body, .wp_solution, .wp_solution div, .wp_solution ul, .wp_solution li, .wp_solution dl, .wp_solution dd, .wp_solution dt, .wp_solution ol, .wp_solution h1, .wp_solution h2, .wp_solution h3, .wp_solution h4, .wp_solution h5, .wp_solution h6, .wp_solution input, .wp_solution fieldset, .wp_solution legend, .wp_solution p, .wp_solution select, .wp_solution table, .wp_solution th, .wp_solution td, .wp_solution tr, .wp_solution textarea, .wp_solution button, .wp_solution form, .wp_solution figure, .wp_solution figcaption, .wp_solution pre, .wp_solution header, .wp_solution nav, .wp_solution footer, .wp_solution main, .wp_solution section, .wp_solution aside, .wp_solution article {margin:0; padding:0; box-sizing: border-box;} /* a 링크 초기화 */ .wp_solution a {color: #222; text-decoration: none;} .wp_solution a:hover {color: #2698cb;} /* 폰트 초기화 */ /*body,*/ .wp_solution input, .wp_solution textarea, .wp_solution select, .wp_solution button, .wp_solution table, .wp_solution pre {font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color: #222; font-size: 1.5rem; line-height: 1.5;} /* 폰트 스타일 초기화 */ .wp_solution em, .wp_solution address {font-style: normal;} /* 블릿기호 초기화 */ .wp_solution ul, .wp_solution li, .wp_solution ol {list-style:none;} /* 제목 태그 초기화 */ .wp_solution h1, .wp_solution h2, .wp_solution h3, .wp_solution h4, .wp_solution h5, .wp_solution h6 {font-size: 1.5rem; font-weight: 300;} /* 테두리 초기화 */ .wp_solution img, .wp_solution fieldset {border:0 none;} /* 버튼 초기화 */ .wp_solution button {border: 0;} /* 반응형 */ .wp_solution video, .wp_solution img {max-width: 100%;} /*이미지여백 제거*/ .wp_solution img {display: block;} /* 클릭 가능한 요소에 포인트 커서 */ .wp_solution a[href], .wp_solution input[type='checkbox'], .wp_solution input[type='radio'], .wp_solution input[type='submit'], .wp_solution input[type='image'], .wp_solution label[for], .wp_solution select, .wp_solution button, .wp_solution .pointer{ cursor: pointer;} /**********************************************************************************************************************/ /**********************************************************************************************************************/ /* 기본 style */ /**********************************************************************************************************************/ /* clearfix : 자식태그가 float:left를 사용할경우 부모태그에 overflow:hidden 대신 사용하면 됩니다. */ .wp_solution .clearfix {*zoom:1;} .wp_solution .clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;} .wp_solution .clearfix:after {clear: both;} /* IR 효과 */ .wp_solution .ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */ .wp_solution .ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;} /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */ .wp_solution .ir_so {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */ /* 말줄임 효과 */ .wp_solution .ellipsis1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* 한줄 효과 */ .wp_solution .ellipsis2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 두줄 효과 */ .wp_solution .ellipsis3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} /* 세줄 효과 */ /* 모달창 오버레이 */ .wp_solution .wp_overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0 0 0 / 25%);} .wp_solution .wp_overlay.on {display: block;} /* 스크롤바 스타일링 */ .wp_solution .wp_scroll_bar::-webkit-scrollbar { width: 5px; } .wp_solution .wp_scroll_bar::-webkit-scrollbar-thumb { border-radius:10px; background-color: #E8E8E8;} .wp_solution .wp_scroll_bar::-webkit-scrollbar-track { background-color: #fff; } /* 버튼 */ /* 배경색 */ .wp_solution .bgc1 {background-color: #ffebee;} .wp_solution .bgc2 {background-color: #ffcdd2;} .wp_solution .bgc3 {background-color: #ef9a9a;} .wp_solution .bgc4 {background-color: #e57373;} .wp_solution .bgc5 {background-color: #ef5350;} .wp_solution .bgc6 {background-color: #f44336;} .wp_solution .bgc7 {background-color: #e53935;} .wp_solution .bgc8 {background-color: #d32f2f;} .wp_solution .bgc9 {background-color: #c62828;} .wp_solution .bgc10 {background-color: #b71c1c;} .wp_solution .bgc11 {background-color: #ff8a80;} .wp_solution .bgc12 {background-color: #ff5252;} .wp_solution .bgc13 {background-color: #ff1744;} .wp_solution .bgc14 {background-color: #d50000;} /* margin */ .wp_solution .mg5 {margin: 5px;} .wp_solution .mg10 {margin: 10px;} .wp_solution .mg15 {margin: 15px;} .wp_solution .mg20 {margin: 20px;} .wp_solution .mg25 {margin: 25px;} .wp_solution .mg30 {margin: 30px;} .wp_solution .mg35 {margin: 35px;} .wp_solution .mg40 {margin: 40px;} .wp_solution .mg45 {margin: 45px;} .wp_solution .mg50 {margin: 50px;} .wp_solution .mg55 {margin: 55px;} .wp_solution .mg60 {margin: 60px;} .wp_solution .mg65 {margin: 65px;} .wp_solution .mg70 {margin: 70px;} .wp_solution .mg75 {margin: 75px;} .wp_solution .mg80 {margin: 80px;} .wp_solution .mg85 {margin: 85px;} .wp_solution .mg90 {margin: 90px;} .wp_solution .mg95 {margin: 95px;} .wp_solution .mg100 {margin: 100px;} .wp_solution .mgt5 {margin-top: 5px;} .wp_solution .mgt10 {margin-top: 10px;} .wp_solution .mgt15 {margin-top: 15px;} .wp_solution .mgt20 {margin-top: 20px;} .wp_solution .mgt25 {margin-top: 25px;} .wp_solution .mgt30 {margin-top: 30px;} .wp_solution .mgt35 {margin-top: 35px;} .wp_solution .mgt40 {margin-top: 40px;} .wp_solution .mgt45 {margin-top: 45px;} .wp_solution .mgt50 {margin-top: 50px;} .wp_solution .mgt55 {margin-top: 55px;} .wp_solution .mgt60 {margin-top: 60px;} .wp_solution .mgt65 {margin-top: 65px;} .wp_solution .mgt70 {margin-top: 70px;} .wp_solution .mgt75 {margin-top: 75px;} .wp_solution .mgt80 {margin-top: 80px;} .wp_solution .mgt85 {margin-top: 85px;} .wp_solution .mgt90 {margin-top: 90px;} .wp_solution .mgt95 {margin-top: 95px;} .wp_solution .mgt100 {margin-top: 100px;} .wp_solution .mgb5 {margin-bottom: 5px;} .wp_solution .mgb10 {margin-bottom: 10px;} .wp_solution .mgb15 {margin-bottom: 15px;} .wp_solution .mgb20 {margin-bottom: 20px;} .wp_solution .mgb25 {margin-bottom: 25px;} .wp_solution .mgb30 {margin-bottom: 30px;} .wp_solution .mgb35 {margin-bottom: 35px;} .wp_solution .mgb40 {margin-bottom: 40px;} .wp_solution .mgb45 {margin-bottom: 45px;} .wp_solution .mgb50 {margin-bottom: 50px;} .wp_solution .mgb55 {margin-bottom: 55px;} .wp_solution .mgb60 {margin-bottom: 60px;} .wp_solution .mgb65 {margin-bottom: 65px;} .wp_solution .mgb70 {margin-bottom: 70px;} .wp_solution .mgb75 {margin-bottom: 75px;} .wp_solution .mgb80 {margin-bottom: 80px;} .wp_solution .mgb85 {margin-bottom: 85px;} .wp_solution .mgb90 {margin-bottom: 90px;} .wp_solution .mgb95 {margin-bottom: 95px;} .wp_solution .mgb100 {margin-bottom: 100px;} .wp_solution .mgl5 {margin-left: 5px;} .wp_solution .mgl10 {margin-left: 10px;} .wp_solution .mgl15 {margin-left: 15px;} .wp_solution .mgl20 {margin-left: 20px;} .wp_solution .mgl25 {margin-left: 25px;} .wp_solution .mgl30 {margin-left: 30px;} .wp_solution .mgl35 {margin-left: 35px;} .wp_solution .mgl40 {margin-left: 40px;} .wp_solution .mgl45 {margin-left: 45px;} .wp_solution .mgl50 {margin-left: 50px;} .wp_solution .mgl55 {margin-left: 55px;} .wp_solution .mgl60 {margin-left: 60px;} .wp_solution .mgl65 {margin-left: 65px;} .wp_solution .mgl70 {margin-left: 70px;} .wp_solution .mgl75 {margin-left: 75px;} .wp_solution .mgl80 {margin-left: 80px;} .wp_solution .mgl85 {margin-left: 85px;} .wp_solution .mgl90 {margin-left: 90px;} .wp_solution .mgl95 {margin-left: 95px;} .wp_solution .mgl100 {margin-left: 100px;} .wp_solution .mgr5 {margin-right: 5px;} .wp_solution .mgr10 {margin-right: 10px;} .wp_solution .mgr15 {margin-right: 15px;} .wp_solution .mgr20 {margin-right: 20px;} .wp_solution .mgr25 {margin-right: 25px;} .wp_solution .mgr30 {margin-right: 30px;} .wp_solution .mgr35 {margin-right: 35px;} .wp_solution .mgr40 {margin-right: 40px;} .wp_solution .mgr45 {margin-right: 45px;} .wp_solution .mgr50 {margin-right: 50px;} .wp_solution .mgr55 {margin-right: 55px;} .wp_solution .mgr60 {margin-right: 60px;} .wp_solution .mgr65 {margin-right: 65px;} .wp_solution .mgr70 {margin-right: 70px;} .wp_solution .mgr75 {margin-right: 75px;} .wp_solution .mgr80 {margin-right: 80px;} .wp_solution .mgr85 {margin-right: 85px;} .wp_solution .mgr90 {margin-right: 90px;} .wp_solution .mgr95 {margin-right: 95px;} .wp_solution .mgr100 {margin-right: 100px;} /* padding */ .wp_solution .pd5 {padding: 5px;} .wp_solution .pd10 {padding: 10px;} .wp_solution .pd15 {padding: 15px;} .wp_solution .pd20 {padding: 20px;} .wp_solution .pd25 {padding: 25px;} .wp_solution .pd30 {padding: 30px;} .wp_solution .pd35 {padding: 35px;} .wp_solution .pd40 {padding: 40px;} .wp_solution .pd45 {padding: 45px;} .wp_solution .pd50 {padding: 50px;} .wp_solution .pd55 {padding: 55px;} .wp_solution .pd60 {padding: 60px;} .wp_solution .pd65 {padding: 65px;} .wp_solution .pd70 {padding: 70px;} .wp_solution .pd75 {padding: 75px;} .wp_solution .pd80 {padding: 80px;} .wp_solution .pd85 {padding: 85px;} .wp_solution .pd90 {padding: 90px;} .wp_solution .pd95 {padding: 95px;} .wp_solution .pd100 {padding: 100px;} .wp_solution .pdt5 {padding-top: 5px;} .wp_solution .pdt10 {padding-top: 10px;} .wp_solution .pdt15 {padding-top: 15px;} .wp_solution .pdt20 {padding-top: 20px;} .wp_solution .pdt25 {padding-top: 25px;} .wp_solution .pdt30 {padding-top: 30px;} .wp_solution .pdt35 {padding-top: 35px;} .wp_solution .pdt40 {padding-top: 40px;} .wp_solution .pdt45 {padding-top: 45px;} .wp_solution .pdt50 {padding-top: 50px;} .wp_solution .pdt55 {padding-top: 55px;} .wp_solution .pdt60 {padding-top: 60px;} .wp_solution .pdt65 {padding-top: 65px;} .wp_solution .pdt70 {padding-top: 70px;} .wp_solution .pdt75 {padding-top: 75px;} .wp_solution .pdt80 {padding-top: 80px;} .wp_solution .pdt85 {padding-top: 85px;} .wp_solution .pdt90 {padding-top: 90px;} .wp_solution .pdt95 {padding-top: 95px;} .wp_solution .pdt100 {padding-top: 100px;} .wp_solution .pdb5 {padding-bottom: 5px;} .wp_solution .pdb10 {padding-bottom: 10px;} .wp_solution .pdb15 {padding-bottom: 15px;} .wp_solution .pdb20 {padding-bottom: 20px;} .wp_solution .pdb25 {padding-bottom: 25px;} .wp_solution .pdb30 {padding-bottom: 30px;} .wp_solution .pdb35 {padding-bottom: 35px;} .wp_solution .pdb40 {padding-bottom: 40px;} .wp_solution .pdb45 {padding-bottom: 45px;} .wp_solution .pdb50 {padding-bottom: 50px;} .wp_solution .pdb55 {padding-bottom: 55px;} .wp_solution .pdb60 {padding-bottom: 60px;} .wp_solution .pdb65 {padding-bottom: 65px;} .wp_solution .pdb70 {padding-bottom: 70px;} .wp_solution .pdb75 {padding-bottom: 75px;} .wp_solution .pdb80 {padding-bottom: 80px;} .wp_solution .pdb85 {padding-bottom: 85px;} .wp_solution .pdb90 {padding-bottom: 90px;} .wp_solution .pdb95 {padding-bottom: 95px;} .wp_solution .pdb100 {padding-bottom: 100px;} .wp_solution .pdl5 {padding-left: 5px;} .wp_solution .pdl10 {padding-left: 10px;} .wp_solution .pdl15 {padding-left: 15px;} .wp_solution .pdl20 {padding-left: 20px;} .wp_solution .pdl25 {padding-left: 25px;} .wp_solution .pdl30 {padding-left: 30px;} .wp_solution .pdl35 {padding-left: 35px;} .wp_solution .pdl40 {padding-left: 40px;} .wp_solution .pdl45 {padding-left: 45px;} .wp_solution .pdl50 {padding-left: 50px;} .wp_solution .pdl55 {padding-left: 55px;} .wp_solution .pdl60 {padding-left: 60px;} .wp_solution .pdl65 {padding-left: 65px;} .wp_solution .pdl70 {padding-left: 70px;} .wp_solution .pdl75 {padding-left: 75px;} .wp_solution .pdl80 {padding-left: 80px;} .wp_solution .pdl85 {padding-left: 85px;} .wp_solution .pdl90 {padding-left: 90px;} .wp_solution .pdl95 {padding-left: 95px;} .wp_solution .pdl100 {padding-left: 100px;} .wp_solution .pdr5 {padding-right: 5px;} .wp_solution .pdr10 {padding-right: 10px;} .wp_solution .pdr15 {padding-right: 15px;} .wp_solution .pdr20 {padding-right: 20px;} .wp_solution .pdr25 {padding-right: 25px;} .wp_solution .pdr30 {padding-right: 30px;} .wp_solution .pdr35 {padding-right: 35px;} .wp_solution .pdr40 {padding-right: 40px;} .wp_solution .pdr45 {padding-right: 45px;} .wp_solution .pdr50 {padding-right: 50px;} .wp_solution .pdr55 {padding-right: 55px;} .wp_solution .pdr60 {padding-right: 60px;} .wp_solution .pdr65 {padding-right: 65px;} .wp_solution .pdr70 {padding-right: 70px;} .wp_solution .pdr75 {padding-right: 75px;} .wp_solution .pdr80 {padding-right: 80px;} .wp_solution .pdr85 {padding-right: 85px;} .wp_solution .pdr90 {padding-right: 90px;} .wp_solution .pdr95 {padding-right: 95px;} .wp_solution .pdr100 {padding-right: 100px;} /**********************************************************************************************************************/