@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&family=Nanum+Myeongjo:wght@400;700;800&family=Play:wght@400;700&display=swap'); @import url('/fonts/remixicon/remixicon.css'); @import url('/fonts/Wemakeprice/style.css'); /*------------------------------------ Reset Styles ------------------------------------*/ *{margin:0;padding:0;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);letter-spacing:-0.05rem} *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} html{display:block;font-family:'Roboto','Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;font-weight:normal;-webkit-text-size-adjust:none} body{display:block;margin:0;padding:0;font-family:'Roboto','Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;font-size:1rem;font-weight:300;color:#555;line-height:100%;word-wrap:break-word;word-break:break-all;white-space:normal} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,select,button,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%} img,fieldset,iframe,form{border:0 none} img{max-width:100%;vertical-align:middle} li img,dd img{vertical-align:top} address,caption,em,cite{font-style:normal} ins{text-decoration:none} del{text-decoration:line-through} img,input,button,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle} abbr,acronym{border-bottom:1px dotted #000;cursor:help} article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block} mark,rp,rt,ruby,summary,time{display:inline} p,div,span,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol,input,textarea{font-family:'Roboto','Noto Sans KR','Apple SD Gothic','맑은고딕','Nanum Gothic',sans-serif;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:-.03em} header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block} legend{position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} button{cursor:pointer} input, select, textarea{vertical-align:middle} input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],textarea{-webkit-appearance:none} textarea{resize:none;line-height:150%} select{margin:0} p{word-break:break-all} /*pre{overflow-x:scroll;font-size:1.125em}*/ /* 목록 */ ol,ul,li{list-style-type:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box} ul:after{display:block;clear:both;content:''} dl:after{display:block;clear:both;content:''} dl:after{display:block;clear:both;content:''} /* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */ table{border-collapse:collapse;border:0 none;border-spacing:0} th,td{text-align:left} caption,legend{width:0;height:0;visibility:hidden;line-height:0;font-size:0;overflow:hidden} /* 텍스트 관련 요소 초기화 */ address,caption,em,cite{font-style:normal} ins{text-decoration:none} del{text-decoration:line-through} b{font-weight:500} strong{font-weight:700} ::-moz-selection{background-color:#008bf6;color:#fff;text-shadow:none} ::selection{background-color:#008bf6;color:#fff;text-shadow:none} :focus{outline:none} /* 인용문 */ blockquote:before,blockquote:after,q:before,q:after{content:''} blockquote,q{quotes:' '} /* 수평선 */ hr{display:none} /* 링크 */ a{color:#555;text-decoration:none;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} a::-moz-focus-inner{border:none}/*파이어폭스에서 패딩 발생을 방지*/ a:hover,a:active,a:focus{color:#008bf6;text-decoration:none} a[class~="btn"]{vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none} /* 버튼의 경우에 언더라인 삭제 */ :hover,:active,:focus{-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out} /* 숨김 */ .blind{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0} .display_none{display:none} .show{display:block !important} .txtblind{overflow:hidden;display:block;width:0;text-indent:-9000px} .ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 한줄 텍스트 줄임표 설정 */ /* 제목요소 */ h1,h2,h3,h4,h5,h6{font-size:100%} /*h1,h2{display:none}*/ /* 이미지 */ .png24{tmp:expression(setPng24(this))} .clfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden} .clfix{display:inline-block} .clfix{display:block} * html .clfix{height:1%} /* Hides from IE-mac */ .clfix{clear:both;zoom:1} /*for IE 5.5-7*/ input[type='checkbox'], input[type='radio']{margin-top:0 !important;border-radius:5px} input{margin:0;padding:0 0 0 1%;height:32px;border-radius:2px;color:#555;vertical-align:middle} input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus,select:focus{border-color:#888;color:#222} input:disabled,input:read-only,input:disabled:hover{color:#555;background-color:#f9f9f9;-webkit-text-fill-color:inherit} input:disabled:-ms-input-placeholder{color:#aaa;background-color:#f9f9f9} input:disabled::-webkit-input-placeholder{color:#aaa;background-color:#f9f9f9} input:disabled::-moz-placeholder{color:#aaa;background-color:#f9f9f9} input[type="text"], input[type="password"], input[type='number']{vertical-align:middle;border:1px solid #ddd} input[type="radio"]{vertical-align:middle;border:none;margin:0;padding:0;width:17px;height:17px} input[type="checkbox"]{vertical-align:middle;border:none;margin:0;padding:0;width:17px;height:17px} input[type="file"]{vertical-align:middle;margin:0 !important;padding:0;height:32px;border:none;background-color:transparent !important;font-size:0.85rem} input[type="reset"]{display:inline-block;cursor:pointer;margin:0;padding:0;border:0;background:none;outline:0;text-decoration:none;white-space:nowrap;vertical-align:middle;font-family:inherit;overflow:visible;font-size:1em} select{margin:0;padding:5px 1%;border:1px solid #ddd;border-radius:2px;height:32px;border-radius:0px;vertical-align:middle} textarea{border:1px solid #ddd;width:100%;height:150px;resize:none;padding:1%} textarea{color:#aaa} select{color:#222} input[type="text"], input[type="password"], input[type="number"], input[type="tel"],textarea{transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none} input:-ms-input-placeholder{color:#aaa} input::-moz-input-placeholder{color:#aaa} input::-webkit-input-placeholder{color:#aaa} textarea:-ms-input-placeholder{color:#aaa} textarea::-moz-input-placeholder{color:#aaa} textarea::-webkit-input-placeholder{color:#aaa} .wrap{position:relative;width:90%;max-width:1600px;margin-right:auto;margin-left:auto} .wrap:after{content:"";display:block;height:0px;clear:both;visibility:hidden} .w-inner{clear:both;position:relative;width:90%;max-width:1600px;margin-right:auto;margin-left:auto} .m-inner{clear:both;position:relative;width:90%;max-width:1400px;margin-right:auto;margin-left:auto} .inner{clear:both;position:relative;width:100%;max-width:1280px;margin-right:auto;margin-left:auto} @media screen and (min-width:767px){ .wrap{width:94%} .w-inner{width:94%} .m-inner{width:94%} } .placeholdersjs{color:#aaa !important} .light{font-weight:300} .normal{font-weight:400} .bold{font-weight:700} .bolder{font-weight:800} .align-center{text-align:center !important} .align-left{text-align:left !important} .hidden{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;} #wrap{overflow:hidden;position:relative;width:100%} /* 팝업레이어 */ #hd_pop{z-index:100;position:relative;margin:0 auto;height:0} #hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops{position:absolute;background-color:#fff} .hd_pops img{max-width:100%} .hd_pops_con{} .hd_pops_footer{padding:0;background-color:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button{padding:10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject{background-color:#000;text-align:left} .hd_pops_footer .hd_pops_close{background-color:#393939;position:absolute;top:0;right:0} /* 상단 레이아웃 */ #header{position:fixed;z-index:10;top:0;left:0;width:100%;box-shadow:0 1px 0px rgba(255,255,255,.2);transition:background-color 0.5s ease-in-out} .is-scroll #header{background-color:rgba(0,0,0,.85);transition:background-color 1s ease-in-out} #header:hover,#header:focus{background-color:rgba(0,0,0,.85);transition:background-color 0.5s ease-in-out} #hd_h1{position:absolute;font-size:0;line-height:0;overflow:hidden} #logo{overflow:hidden;float:left;width:calc(100% - 120px);height:50px;line-height:50px} #logo a{display:inline-block;vertical-align:middle} #logo img{display:inline-block;width:auto;height:30px;vertical-align:middle} /* 메인메뉴 */ .gnbWrap{position:relative} #gnb{display:none} .gnb_1dli .bg{display:none} .allmnuWrap{display:block;position:absolute;top:0px;right:0;width:60px;height:60px} #allmnu,#allmnu2{position:absolute;top:16px;right:0;z-index:10000;padding:8px 10px 10px 10px;text-align:center;cursor:pointer} #allmnu{z-index:1} #allmnu span,#allmnu2 span{cursor:pointer;width:20px;height:2px;background-color:#fff;position:absolute;right:0;display:block;content:'';transition:all 500ms ease-in-out} #allmnu span{width:15px} #allmnu:hover span{width:20px} #allmnu span:before,#allmnu2 span:before{cursor:pointer;right:0;height:2px;width:20px;background-color:#fff;position:absolute;display:block;content:'';top:-7px;transition:all 500ms ease-in-out} #allmnu span:after,#allmnu2 span:after{cursor:pointer;right:0;height:2px;width:20px;background-color:#fff;position:absolute;display:block;content:'';bottom:-7px;transition:all 500ms ease-in-out} #allmnu.acik,#allmnu2.acik{position:fixed;top:0;right:0;z-index:10000;width:30px;height:30px;margin:30px 0} #allmnu.acik span,#allmnu2.acik span{background-color:transparent} #allmnu.acik span:before,#allmnu2.acik span:before{top:15px;right:30px;width:30px;height:3px;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);bottom:0;background-color:#000} #allmnu.acik span:after,#allmnu2.acik span:after{top:15px;right:30px;width:30px;height:3px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);background-color:#000} .allmnuView{overflow-x:hidden;overflow-y:auto;display:none;position:fixed;top:0;right:-100vw;z-index:10001;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;display:block;width:98vw;height:100%;padding:80px 0;background-color:#000} .allmnuView.allmnuView-acik{display:block;right:0} .allmnuView .wrap{width:100%} .allmnuView h2{display:none} .allmnuView a{font-size:1.5rem;text-decoration:none} .allmnuView ul{border-left:none} .allmnuView ul li{display:block;float:none;width:100%;min-height:auto;margin:0;padding:0} .allmnuView ul li:after{display:none} .allmnuView .gnb{position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;padding:100px 0;background-color:#fff} .allmnuView .gnb_1da{display:block;width:100%;padding:0 30px;background-color:#fff;font-weight:700;letter-spacing:-0.05em;line-height:250%;color:#000;text-align:left} .allmnuView .gnb_1da:hover{background-color:#fff;color:#000} .allmnuView .gnb_1dli_air .gnb_1da,.allmnuView .gnb_1dli_on .gnb_1da{color:#000} .allmnuView .gnb_2dul{position:relative;top:100%;width:100%;height:100%;background-color:#fff;border-bottom:none} .allmnuView .gnb_2dul_box{display:none;padding:20px 0;background-color:#f8f8f8} .allmnuView .gnb_2dli{display:block;width:100%;margin-right:0} .allmnuView .gnb_2da{display:block;padding:0 30px;font-size:1.25rem;font-weight:500;line-height:200%;color:#444} .allmnuView .gnb_2da:hover{background-color:#111;color:#fff} .allmnuView .gnb_3dul{display:block;border-top:none} .allmnuView .gnb_3da{display:block;padding:0 30px 0 45px;background-color:#f7f7f7;font-size:1.125rem;line-height:200%;color:#777} .allmnuView .gnb_3da:hover{background-color:#111;color:#fff} .allmnuView .gnb_sitemap{display:none;text-indent:0} .allmnuView .gnb_3dul{display:block} .allmnuView .wrap{padding:0} .allmnuView .gnb_1dli .bg{display:block;position:absolute;top:0;right:30px;font-size:0} .allmnuView .gnb_al_li_plus{position:relative} .allmnuView .gnb_al_li_plus>.bg:before{content:"\ea4e";font-family:"remixicon";font-size:2rem;color:#888;line-height:150%} .allmnuView .gnb_al_li_plus.active>.bg:before{content:"\ea78"} .allmnuView .allmnbg{display:none;position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)} .allmnuView-acik .allmnbg{display:block} #header #language{position:absolute;top:18px;right:80px;z-index:10000} #header #language>a{font-weight:500;color:#fff;letter-spacing:0.15rem} #header #search{position:absolute;top:18px;right:40px;z-index:10000} #header #search i{font-size:1.263em;color:#fff} #header #search:hover i,#header #search:focus i{color:#00aff2} @media screen and (min-width:550px){ #header{height:70px} #logo{overflow:hidden;height:70px;line-height:70px} .allmnuWrap{width:70px;height:70px} #allmnu,#allmnu2{top:21px;padding:12px 28px 19px 8px} #header #language{top:28px;right:100px} #header #search{top:28px;right:50px} #header #search i{font-size:1.579em} } @media screen and (min-width:767px){ #header{height:100px} #logo{position:absolute;top:0;left:0;z-index:9999;width:160px;height:100px;line-height:100px} #logo img{height:40px} .allmnuWrap{display:none} .allmnuView{display:none} .gnbWrap{position:relative;text-align:center} #gnb{position:relative;display:block} #gnb > h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb #gnb_1dul{width:60%;margin:0 auto} #gnb .gnb_1dli{display:inline-block;width:20%;line-height:100px;text-align:center} #gnb .gnb_mypage{display:none} #gnb .gnb_sitemap{display:block;position:absolute;top:0;bottom:0;right:0;width:20px;height:24px;margin:auto 0;line-height:0;text-indent:-9999ex} #gnb .gnb_sitemap a{display:block;width:100%;height:100%;padding:0} #gnb .gnb_sitemap span{display:block;float:right;width:70%;margin:3px 0;height:2px;background-color:#fff} #gnb .gnb_sitemap span:first-child{width:100%} #gnb .gnb_sitemap span:last-child{width:100%} #gnb .gnb_sitemap:hover span{width:100% !important;background-color:#00aff2} #gnb .gnb_sitemap, #gnb .gnb_sitemap span{transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease} #gnb .gnb_1dli:hover .gnb_1da{color:#fff} .gnb_1da{display:block;position:relative;padding:0;font-size:1rem;font-weight:500;color:#fff;text-align:center;text-decoration:none;letter-spacing:-0.05rem} .gnb_1da::after{content:'';opacity:0;position:absolute;bottom:-2px;left:50%;z-index:100;width:0px;height:3px;margin:0 auto;background-color:#9cc92d;transform:translateX(-50%);transition:width 0.5s ease-in-out} .gnb_1dli:hover .gnb_1da::after{opacity:1;width:80%;transition:width 0.5s ease-in-out} .gnb_1dli_member,.gnb_1dli_sitemap{display:none} .gnb_2dul{display:none;position:absolute;z-index:9999;top:100px;height:0;transition:all 0.5s ease-in-out} .gnb_1dli:hover .gnb_2dul,.gnb_1dli:focus .gnb_2dul,.gnb_1dli_over .gnb_2dul,.gnb_1dli_on .gnb_2dul,.gnb_2dul:hover{display:block;height:50px;transition:all 0.5s ease-in-out} .gnb_2dli{float:left} .gnb_2da{display:block;padding:0 10px;font-size:0.85rem;font-weight:300;line-height:70px;color:rgba(255,255,255,.6);text-align:left;transition:all 0.5s ease-in-out} .gnb_2da:hover{font-weight:500;color:#fff;transition:all 0.5s ease-in-out} .gnb_3dul{display:none} .gnb_1dli0 .gnb_2dul{left:20%} .gnb_1dli1 .gnb_2dul{left:22%} .gnb_1dli2 .gnb_2dul{left:18%} .gnb_1dli3 .gnb_2dul{right:20%} .gnb_1dli4{display:none !important} #gnb_snb{display:none;position:absolute;z-index:99;top:100px;left:0;width:100%;height:0;border-top:1px solid rgba(255,255,255,.2);background-color:rgba(0,0,0,.85);transition:all 0.5s ease-in-out} #gnb_snb.active{display:block;height:70px;transition:all 0.5s ease-in-out} #header:hover #gnb_snb,#header:focus #gnb_snb{display:block} #header #language{top:43px;right:100px} #header #search{top:43px;right:60px} } @media screen and (min-width:1000px){ #logo img{height:50px} .gnb_1dli:hover .gnb_1da::after{width:60%} #header #language{right:160px} #header #search{right:100px} } @media screen and (min-width:1400px){ .gnb_1dli:hover .gnb_1da::after{width:50%} } /* 중간 레이아웃 */ #container{overflow:hidden;position:relative;z-index:4;zoom:1;width:100%;min-height:100%} #container:after{display:block;visibility:hidden;clear:both;content:""} #container.sub_ #content{clear:both;position:relative;width:90%;max-width:1400px;margin-right:auto;margin-left:auto} #container_title{margin:0 auto;font-weight:500} #container_title span{margin:0 auto 10px;display:block;line-height:30px} #svisual{position:relative;height:170px;padding-top:100px;background-image:url(../img/sub/svisual1.jpg);background-color:#000;background-repeat:no-repeat;background-position:center center;background-size:cover;text-align:center;animation:svisualbg 500ms linear} #svisual h1{font-size:1.5em;font-weight:700;color:#fff;letter-spacing:0} #svisual .txt{display:none;padding-top:1.5rem;font-size:0.85rem;font-weight:300;color:rgba(255,255,255,.8);letter-spacing:-.02em} #svisual.svisual10{background-image:url(../img/sub/svisual1.jpg)} #svisual.svisual20{background-image:url(../img/sub/svisual2.jpg)} #svisual.svisual30{background-image:url(../img/sub/svisual3.jpg)} #svisual.svisual40{background-image:url(../img/sub/svisual4.jpg)} #svisual.svisual50{background-image:url(../img/sub/svisual5.jpg)} @keyframes svisualbg{ 0%{transform:scale(1.1);opacity:0} 100%{transform:scale(1);opacity:1} } #location{position:relative;z-index:10;width:100%;height:40px;margin:0 auto} #location .wrap{width:100%;background-color:#064594} #location li{float:left;height:40px;font-size:13px} #location li a{display:block;font-weight:300;line-height:40px} #location #nav_path1{/*display:none*/} #location .path>li{width:calc(100% / 2)} #location .path.path3>li{width:calc(100% / 3)} #location .path>li>a{overflow:hidden;display:block;position:relative;width:calc(100% - 20px);padding:0 0 0 10px;;color:#fff;text-overflow:ellipsis;white-space:nowrap} #location .path>li:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;right:10px;width:7px;height:7px;margin:auto 0;border-top:2px solid rgba(255,255,255,.5);border-left:2px solid rgba(255,255,255,.5);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)} #location .path>li.home{display:none;width:40px;background-color:#00aff2} #location .path>li.home>a{width:40px;height:40px;padding:0;background:none;text-align:center;line-height:40px} #location .path>li.home:after{display:none} #location .path li.home a img{vertical-align:middle} #location .path .path_dp1{position:relative;border-right:1px solid rgba(255,255,255,.05)} #location .path .path_dp1:first-child{left:0} #location .path .path_dp2_list{display:none;position:absolute;top:100%;left:0;z-index:10;margin-top:-1px;background-color:#063c80} #location .path .path_dp2_list li{width:100%;height:auto;border:1px solid rgba(255,255,255,.1);border-width:0 1px 1px} #location .path .path_dp2_list li:first-child{border-top:1px solid rgba(255,255,255,.1)} #location .path .path_dp2_list li a{display:block;height:auto;padding:10px 10px;font-size:13px;color:rgba(255,255,255,.7);line-height:1;transform:skew(-0.001deg)} #location .path .path_dp2_list li.active,#location .path .path_dp2_list li:hover{background-color:#307ed3} #location .path .path_dp2_list li.active a,#location .path .path_dp2_list li:hover a{color:#fff} #location .path .path_dp2_list.active{box-shadow:0 2px 10px 0 rgba(0,0,0,.2) inset} #location .path .path_dp2_list.active li:first-child.active{box-shadow:0 2px 10px 0 rgba(0,0,0,.2) inset} #ssnb{display:none;max-width:1400px;margin:0 auto;width:90%;padding-bottom:0} #ssnb ul{border-right:1px solid #f0f0f0} #ssnb li{position:relative;background-color:#f9f9f9;border-left:1px solid #f0f0f0;border-bottom:1px solid #e0e0e0;text-align:center} #ssnb li:before{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:1px;background-color:#f0f0f0} #ssnb li a{display:block;padding:1.05rem 0.5rem;font-size:0.9rem;font-weight:300;color:#555} #ssnb li.on a{position:relative;font-size:1rem;font-weight:500;color:#00a098} #ssnb li.on{background-color:#fff;border-bottom-color:#fff} #ssnb li.on:before{height:3px;background-color:#00a098} #ssnb.ssnb2 li{float:left;width:50%} #ssnb.ssnb3 li{float:left;width:33.333%} #ssnb.ssnb4 li{float:left;width:25%} #ssnb.ssnb5 li{float:left;width:20%} #ssnb.ssnb6 li{float:left;width:16.666%} #content{position:relative;padding-top:40px;padding-bottom:40px;line-height:150%} #content h1{display:none !important;font-size:1.75em} #content h2{margin:2rem auto 4rem;font-family:'Wemakeprice',sans-serif;font-size:1.5rem;font-weight:700;color:#000;text-align:center} #content h2.h2_1{display:none} #content h2.h2_2{display:none;margin:margin:3rem auto 4rem;color:#00a098} #content h3{margin:3rem auto 2rem;font-family:'Wemakeprice',sans-serif;font-size:2rem;font-weight:700;color:#000;letter-spacing:-.05em;line-height:130%;text-align:center} #content h3:first-child{margin-top:2rem} #content h4{font-family:'Wemakeprice',sans-serif;margin:3rem auto 2rem;font-size:1.25rem;font-weight:500;color:#000;letter-spacing:-.08em} #content h4:before{content:"";display:block;width:20px;height:3px;margin:0 0 10px;background-color:#1155a8;vertical-align:middle} #content h4.h4_2{text-align:center} #content h4.h4_2:before{margin:10px auto 0} #content h5{margin:2rem auto 0.5rem;font-size:1.125rem;font-weight:700;color:#1155a8;letter-spacing:-.03em} #content h5 span{color:#1155a8} #content h3+h4{margin:3rem auto 1.5rem} #content h4+h5{margin:1.5rem auto 0.5rem} #content #ssnb+h2.h2_2{margin:3rem auto 4rem;font-size:1.75em} @media screen and (min-width:360px){ #location .path>li{width:calc((100% - 40px) / 2)} #location .path.path3>li{width:calc((100% - 40px) / 3)} #location .path>li.home{display:block;width:40px} } @media screen and (min-width:480px){ #location #nav_path1{display:block} #svisual{height:200px;padding-top:120px} } @media screen and (min-width:550px){ #content{padding-top:60px;padding-bottom:60px} #svisual{height:250px;padding-top:140px} #svisual .txt{display:block} #content h2{font-size:2rem} #content h3{margin:6rem auto 4rem;font-size:2.5rem} #content h3:first-child{margin-top:0} #content h4{font-size:1.25rem;letter-spacing:-.03em} #content h4:before{width:30px;margin:0 0 20px} #content h5{font-weight:500} #content #ssnb+h2{margin:3rem auto 4rem;font-size:2em}} @media screen and (min-width:767px){ #container.sub_ #content{width:94%} #content{padding-top:80px;padding-bottom:80px} #svisual{height:300px;padding-top:180px} #location{height:50px} #location li{height:50px;font-size:15px} #location li a{line-height:50px} #location #nav_path1{display:inline-block} #location .path>li{width:200px} #location .path.path3>li{width:200px} #location .path>li>a{padding:0 0 0 20px;width:160px} #location .path>li:after{width:9px;height:9px;right:20px} #location .path>li.home{width:50px} #location .path>li.home>a{width:50px;height:50px;line-height:50px} #location .path .path_dp2_list li a{font-size:14px;padding:10px 20px} } @media screen and (min-width:1000px){ #svisual{height:350px;padding-top:190px} #location{height:60px} #location li{height:60px} #location li a{font-size:0.9rem;line-height:60px} #location .path{} #location .path>li{width:220px} #location .path.path3>li{width:220px} #location .path>li>a{padding:0 0 0 20px;width:180px} #location .path>li.home{width:60px} #location .path>li.home>a{width:60px;height:60px;line-height:60px} #location .path .path_dp2_list li a{font-size:0.8rem;padding:15px 20px} #ssnb{display:block;width:94%;padding-bottom:2rem} #content{padding-top:100px;padding-bottom:100px} #content h2{display:block;margin:0 auto 5rem;font-size:2em} #content h2 span{display:none} #content h2.h2_1{display:none} #content h2.h2_2{display:block} #content h3{margin:8rem auto 5rem;font-size:2.75rem} #content h4{font-size:1.5rem} #content #ssnb+h2.h2_2{margin:5rem auto 8rem} } @media screen and (min-width:1280px){ #svisual{height:400px;padding-top:220px} } @media screen and (min-width:1400px){ #container.sub_ #content{margin-top:-35px} #content{padding-top:150px;padding-bottom:150px} #svisual{height:450px;padding-top:230px} #location{height:70px;margin:-35px auto 0} #location .wrap{box-shadow:0 5px 10px rgba(0,0,0,.2)} #location li{height:70px} #location li a{font-size:0.85rem;line-height:70px} #location .path{} #location .path>li:after{width:9px;height:9px;right:20px} #location .path>li.home{width:70px} #location .path>li.home>a{width:70px;height:70px;line-height:70px} #location .path .path_dp2_list li a{font-size:0.8rem;padding:20px 20px} } /* 하단 레이아웃 */ #footer{position:relative;z-index:9;padding-bottom:1rem;background-color:#202020;color:#aaa;text-align:left} #footer a{color:#aaa} #footer h1{position:absolute;font-size:0;line-height:0;overflow:hidden} #footer .fnb_wrap{position:relative;border-bottom:1px solid rgba(255,255,255,.1)} #footer #fnb{max-width:1600px;width:90%;margin:0 auto;padding:10px 0} #footer #fnb a{display:inline-block;padding-right:10px;line-height:20px} #footer #fnb strong{font-weight:500;color:#ccc} #footer .ft_logo_wrap{max-width:1600px;width:90%;margin:20px auto} #footer .ft_logo{display:none} #footer .ft_address{clear:both;font-size:0.9em;line-height:150%;letter-spacing:0} #footer .ft_copy{padding-top:10px;font-size:0.85em;line-height:150%;letter-spacing:0} @media screen and (min-width:767px){ #footer #fnb{width:94%;padding:15px 0} #footer .ft_logo_wrap{width:94%} #footer .ft_logo{display:inline-block;float:left;padding-right:50px;text-align:left} #footer .ft_copy_wrap{float:left} } @media screen and (min-width:1000px){ #footer #fnb{padding:20px 0} #footer #fnb a{padding-right:20px;line-height:30px} #footer .ft_logo_wrap{margin:30px auto} } @media screen and (min-width:1400px){ #footer .ft_logo_wrap{margin:40px auto} } #top_btn{display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)} #top_btn:hover{border-color:#3059c7;background-color:#3059c7;color:#fff} @media screen and (min-width:620px){ #top_btn{display:block} } /* 메인 */ #container.main{line-height:100%;letter-spacing:-0.05em} #container.main a{display:block} .m_item{padding-top:3rem;padding-bottom:3rem} .m_item h2{padding-bottom:2rem;font-size:2rem;font-weight:900;color:#000;letter-spacing:0} @media screen and (min-width:480px){ .m_item{padding-top:3em;padding-bottom:3rem} .m_item h2{padding-bottom:1.5rem} } @media screen and (min-width:620px){ .m_item{padding-top:4rem;padding-bottom:4rem} .m_item h2{padding-bottom:2.5rem;font-size:2.5rem} .m_item h2 .txt{display:block} } @media screen and (min-width:767px){ .m_item{padding-top:10rem;padding-bottom:10rem} .m_item h2{padding-bottom:6rem;font-size:4.211rem;font-weight:900} } #visual{overflow:hidden;position:relative;width:100%;margin:0 auto;line-height:0;text-align:center} #visual .m-inner{position:absolute;left:0;right:0;top:0;bottom:0;z-index:140;margin:auto;height:100vh;padding-top:38vh;color:#fff;line-height:120%;text-align:left} #visual .m-inner:before{content:"";position:absolute;bottom:0;left:10px;z-index:-1;width:1px;height:220px;margin:0 auto;padding:0;background-color:#9cc92d} #visual .sdown{position:absolute;left:30px;bottom:0;height:180px;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:0.1rem} #visual .sdown:before{content:"";position:absolute;bottom:220px;left:-20px;z-index:-1;width:15px;height:15px;margin:0 auto;padding:0;border-radius:50%;background-color:#9cc92d;transform:translateX(-50%);animation:circleMotion .8s infinite alternate cubic-bezier(.1, .49, .42, .99)} /* #visual .swiper-slide1{width:100%;height:0;padding-bottom:56.25%} #visual .swiper-slide1 .video-container{width:100%;height:0;position:relative;padding-bottom:56.25%} #visual .swiper-slide1 .video-container iframe{position:absolute;width:100%;height:100%;top:0;left:0} */ #visual .visual_txt{overflow:hidden;display:block;max-width:1400px;width:90%;margin:38vh auto 0;text-align:left} #visual .visual_txt>p{overflow:hidden;transition:all 1.8s ease-in-out;transform:translate(-100%)} #visual .visual_txt1{height:5rem;font-size:3rem;font-weight:700;color:#fff;line-height:100%} #visual .visual_txt2{font-size:1.5rem;font-weight:300;color:rgba(255,255,255,.7);line-height:140%} #visual .swiper-slide-active .visual_txt>p{transform:translate(0)} #visual .swiper-slide-active .visual_txt2{transition-delay:0.4s} #visual_img .swiper-slide{width:100vw !important;height:100vh;background-color:#000;background-size:cover;background-position:center top;transition:all 0.5s ease-in-out} #visual_img .swiper-slide1{background-image:url('../img/main/mvisual1.png')} #visual_img .swiper-slide2{background-image:url('../img/main/mvisual2.png')} #visual_img .swiper-slide3{background-image:url('../img/main/mvisual1.png')} #visual .swiper-button-next,#visual .swiper-button-prev{top:30%;background:none;font-size:1.8rem;color:#fff} #visual .swiper-button-next{left:50px;right:auto} #visual .swiper-button-prev{left:-5px} #visual .visual_btn{position:absolute;right:-6%;bottom:0} #visual .visual_btn ul{width:260px;background-color:#fff} #visual .visual_btn li{display:flex;flex-direction:row;position:relative;height:60px;padding:0 2rem} #visual .visual_btn li:before{position:absolute;right:1.5rem;top:20px;font-size:1.8rem} #visual .visual_btn li a{display:flex;align-self:center;flex-direction:column;font-weight:700;line-height:150%;letter-spacing:0} #visual .visual_btn em{font-size:0.8rem;font-weight:400;letter-spacing:-0.05rem} #visual .visual_btn1{flex:1} #visual .visual_btn1 a{color:#1155a8} #visual .visual_btn1:before{color:#1155a8} #visual .visual_btn1 em{color:#000} #visual .visual_btn2{flex:1;background-color:#1155a8} #visual .visual_btn2:before{color:#fff} #visual .visual_btn2 a{color:#fff} @keyframes circleMotion{ 0%{bottom:180px} 100%{bottom:230px} } .portrait #visual .m-inner{height:100vh} .landscape #visual .m-inner{height:760px} .landscape #visual_img .swiper-slide{height:760px} @media screen and (min-width:480px){ #visual .visual_btn ul{width:300px} } @media screen and (min-width:767px){ #visual_img .swiper-slide1{background-image:url('../img/main/tvisual1.png')} #visual_img .swiper-slide2{background-image:url('../img/main/tvisual2.png')} #visual_img .swiper-slide3{background-image:url('../img/main/tvisual1.png')} #visual .swiper-button-next{left:70px} #visual .visual_txt{width:94%} #visual .visual_txt1{font-size:4rem} #visual .visual_txt2{font-size:1.8rem} #visual .visual_btn{right:-3.2%} #visual .visual_btn ul{display:flex;flex-direction:row;justify-content:flex-end;align-items:stretch;width:620px} #visual .visual_btn li{height:100px} #visual .visual_btn li:before{top:40px} #visual .visual_btn1{flex:1 260px} #visual .visual_btn2{flex:1 360px} .landscape #visual .m-inner{height:100vh} .landscape #visual_img .swiper-slide{height:100vh} } @media screen and (max-height:550px){ .landscape #visual .m-inner{height:760px} .landscape #visual_img .swiper-slide{height:760px} #visual_img .swiper-slide1{background-image:url('../img/main/tvisual1.png')} #visual_img .swiper-slide2{background-image:url('../img/main/tvisual2.png')} #visual_img .swiper-slide3{background-image:url('../img/main/tvisual1.png')} } @media screen and (min-width:1000px){ #visual_img .swiper-slide1{background-image:url('../img/main/visual1.png')} #visual_img .swiper-slide2{background-image:url('../img/main/visual2.png')} #visual_img .swiper-slide3{background-image:url('../img/main/visual1.png')} #visual .visual_btn{right:0} } #m1{position:relative;background:url('../img/main/m1_bg.png') no-repeat center top;background-size:100% auto} #m1 .m-inner:before{content:"";position:absolute;top:0;left:10px;z-index:-1;width:1px;height:100%;margin:0 auto;padding:0;background-color:#e5e5e5} #m1 .txt{padding-left:10%;font-size:1rem;line-height:180%} #m1 .txt br{display:none} @media screen and (min-width:1400px){ #m1 .txt{padding-left:0;font-size:1.2rem} #m1 .txt br{display:block} } #m2{position:relative;margin:0;padding:0;text-align:center} #m2 h2{padding-top:0} #m2 h2:before{content:"";position:absolute;top:0;left:10px;z-index:-1;width:1px;height:100%;margin:0 auto;padding:0;background-color:#e5e5e5} #m2 h3{padding-top:1rem;font-size:1.2rem;font-weight:700} #m2 p{display:none;color:rgba(0,0,0,.6);line-height:130%} #m2 .swiper-wrapper{height:100%} #m2 .swiper-slide{height:100%;padding:1rem 0;background-color:#f5f5f5} #m2 .swiper-slide-active{background-color:#1155a8;color:#fff} #m2 .swiper-slide-active:after{content:"";position:absolute;right:0;left:0;bottom:0;z-index:-1;width:100%;height:100%;margin:0 auto;background-color:#1155a8} #m2 .swiper-slide-active:hover a,#m2 .swiper-slide-active:focus a{color:#82d2ff} #m2 .swiper-slide-active a{color:#fff} #m2 .swiper-slide-active p{color:rgba(255,255,255,.6)} @media screen and (min-width:1000px){ #m2 h3{padding:1rem 0} #m2 p{display:block;padding-bottom:2rem;font-size:0.9rem} } #m3{background-color:#1d242e} #m3 h2{color:#fff;text-align:center} #m3 .more{width:200px;height:40px;margin:4rem auto 0;border:1px solid rgba(255,255,255,.4);color:#fff;text-align:center;line-height:40px} #m3 .more:hover,#m3 .more:focus{background-color:rgba(255,255,255,.15)} @media screen and (min-width:767px){ #m3 .more{width:250px;height:50px;line-height:50px} } @media screen and (min-width:1000px){ #m3 .more{height:60px;line-height:60px} } #m4{padding:0;align-items:stretch} #m4 a{display:block;width:100%} #m4 h2{padding-bottom:2rem;font-size:1.8rem;font-weight:700;color:#fff} #m4 p{font-size:0.9rem;color:rgba(255,255,255,.7);line-height:130%} #m4 .m4_item{padding:2.5rem 2rem 2rem;background-color:#1d242e} #m4 .m4_item .bg{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;opacity:1;transition:all 0.5s ease-in-out} #m4 .m4_item:hover .bg,#m4 .m4_item:focus .bg{background-size:160% auto;opacity:0.5;transition:all 0.5s ease-in-out} #m4 .m4_item1{position:relative;overflow:hidden} #m4 .m4_item1 a{display:block;z-index:2;position:relative} #m4 .m4_item1 .bg{background-image:url('../img/main/m4_1_bg.jpg')} #m4 .m4_item1:after{content:"\ea6c";position:absolute;top:50%;right:2rem;z-index:2;margin-top:-1.2rem;font-family:"remixicon";font-size:2.4rem;color:#fff} #m4 .m4_item2{display:flex;position:relative;overflow:hidden;flex-direction:row;justify-content:space-between} #m4 .m4_item2 .bg{background-image:url('../img/main/m4_2_bg.jpg')} #m4 .m4_item2 .tit{z-index:2} #m4 .m4_item2 ul{display:flex;flex-direction:column;align-items:stretch;z-index:2} #m4 .m4_item2 li{position:relative;width:100px;display:flex;align-items:center;flex:1 1 100%} #m4 .m4_item2 li:after{content:"\ea6c";position:absolute;top:8px;:0;right:0;height:32px;font-family:"remixicon";font-size:16px;color:#fff} #m4 .m4_item2 a{color:#fff} #m4 .m4_item2 a:hover,#m4 .m4_item2 a:focus{padding-left:20px;color:#ffff00} @media screen and (min-width:767px){ #m4{display:flex} #m4 .m4_item{display:flex;padding:3rem 5rem} #m4 .m4_item1{flex-grow:1;padding-right:3rem} #m4 .m4_item1:after{right:5rem} #m4 .m4_item2{flex-grow:2;padding-left:3rem} #m4 .m4_item2 li{width:150px} } @media screen and (min-width:1400px){ #m4 .m4_item{padding:4rem 7rem;flex:1} #m4 .m4_item1{padding-right:4rem;flex-grow:1} #m4 .m4_item2{padding-left:4rem;flex-grow:1} } @media screen and (min-width:1600px){ #m4 .m4_item{padding:5rem 8rem} #m4 .m4_item1{padding-right:5rem} #m4 .m4_item2{padding-left:5rem} } #m5{position:relative} #m5 .m_item{padding-bottom:0} #m5 .m-inner:before{content:"";position:absolute;top:0;left:10px;z-index:-1;width:1px;height:100%;margin:0 auto;padding:0;background-color:#e5e5e5} #m5 h2{text-align:center} #m5 h3{font-size:1.5rem;font-weight:500} #m5 .m5_left{padding-bottom:2rem;padding-left:10%} #m5 .m5_left h3{padding-bottom:2rem;color:#000} #m5 .tel{padding-bottom:1rem;font-size:2.5rem;font-weight:900;color:#1155a8;letter-spacing:0} #m5 .email{padding-bottom:1rem;font-size:1.2rem;font-weight:500;color:#1155a8;letter-spacing:0;line-height:150%} #m5 .time li{font-size:0.9rem;color:#000;line-height:150%;letter-spacing:0.3rem} #m5 .time strong{letter-spacing:0.02rem} #m5 .time .tit{display:inline-block;width:90px} #m5 .time .tit1{letter-spacing:0} #m5 .time .tit2{letter-spacing:0.22rem} #m5 .time .tit3{} #m5 .m5_right{position:relative;margin:0 -10%;padding:30px 40px;background-color:#1d242e} #m5 .m5_right h3{display:block;padding-bottom:20px;color:#fff} #m5 .m5_right h3 em{display:none;font-size:0.9rem;font-weight:300;color:rgba(255,255,255,.4);letter-spacing:0} #m5 #quick_msg{width:100%;margin:0;padding:0} #m5 #quick_msg input[type="text"],#m5 #quick_msg select,#m5 #quick_msg textarea{height:40px;border:none;background-color:rgba(255,255,255,.1);color:#fff} #m5 #quick_msg select{background-color:#343a43;color:#aaa} #m5 #quick_msg select .option{color:#1d242e} #m5 #quick_msg textarea{height:100px;padding:10px} #m5 .m5_right li{float:left;width:50%;padding:5px 0} #m5 .m5_right li:nth-child(2n+1){padding-right:5px} #m5 .m5_right li:nth-child(2n){padding-left:5px} #m5 #quick_msg .quick_msg_li5{width:100%;padding-top:5px !important;padding:0} #m5 .quick_name, #m5 .quick_company, #m5 .quick_phone, #m5 .quick_time, #m5 .quick_memo{width:100%} #m5 .quick_policy{width:auto;padding-top:20px;color:rgba(255,255,255,.5);text-align:center} #m5 .sms_policy_txt{display:inline-block !important;height:25px;margin-right:10px;padding:0 10px;border-radius:25px;background-color:#1155a8;font-size:0.8rem;font-weight:500;color:#fff;line-height:27px;vertical-align:middle} #m5 .sms_policy_wrap{font-size:0.9rem;font-weight:500;line-height:23px} #m5 input#chk_top{display:none} #m5 input#chk_top + label{cursor:pointer} #m5 input#chk_top + label:before{content:"";display:inline-block;width:23px;height:23px;margin-right:10px;border-radius:25px;background-color:#8e9297;vertical-align:middle;line-height:25px} #m5 input#chk_top:checked + label:before{content:"\eb7a";font-family:"remixicon";font-weight:900;color:#fff;background-color:#1155a8;color:#fff;font-size:15px;text-align:center} #m5 .sms_policy_wrap label span{display:inline-block;padding-top:2px;vertical-align:bottom;line-height:23px} #m5 .quick_btn{padding-top:20px;text-align:center} #m5 .quick_btn .btn{display:inline-block;width:200px;height:40px;border:1px solid rgba(255,255,255,.4);font-size:0.9rem;color:#fff;line-height:40px} @media screen and (min-width:480px){ #m5 .m5_right{padding:30px 50px} #m5 .quick_policy{position:absolute;top:25px;right:50px;padding-top:0} } @media screen and (min-width:767px){ #m5 .m_item{padding-bottom:10rem} #m5 .m5_left{padding-bottom:0;margin-bottom:-21px} #m5 .tel{padding-bottom:2rem} #m5 .email{padding-bottom:2rem;font-size:1.2rem} #m5 .time li{line-height:170%} #m5 .time .tit{width:115px} #m5 .m5_right{position:absolute;top:16rem;right:-5%;width:60%;margin:0;padding:30px} #m5 .quick_policy{right:30px} #m5 .quick_btn{padding-top:40px;text-align:center} #m5 .quick_btn .btn{height:50px;line-height:50px} } @media screen and (min-width:1000px){ #m5 h2{text-align:left} #m5 .m5_left{padding-bottom:7rem} #m5 .tel{font-size:2.7rem} #m5 .m5_right{top:8rem;width:50%;padding:60px} #m5 .m5_right h3{padding-bottom:30px} #m5 #quick_msg input[type="text"],#m5 #quick_msg select,#m5 #quick_msg textarea{height:50px} #m5 .m5_right li{padding:10px 0} #m5 .m5_right li:nth-child(2n+1){padding-right:10px} #m5 .m5_right li:nth-child(2n){padding-left:10px} #m5 #quick_msg .quick_msg_li5{padding-top:10px !important} #m5 #quick_msg textarea{height:100px;padding:10px} #m5 .quick_policy{top:55px;right:60px} #m5 .quick_btn .btn{height:60px;line-height:60px} } @media screen and (min-width:1400px){ #m5 .m5_left{padding-bottom:3rem} #m5 .m5_right h3 em{display:inline-block} } /* 서브 */ #ctt.ctt_ceo .ceo_wrap{width:100%;background-image:url(../img/sub/ceo_img1_m.jpg);background-repeat:no-repeat;background-position:left top;background-size:100% auto;text-align:right} #ctt.ctt_ceo .ceo1{padding:10%;text-align:left} #ctt.ctt_ceo .ceo1 p{margin:1rem 0;font-family:'Wemakeprice',sans-serif;font-size:1.5rem;color:#fff;line-height:120%} #ctt.ctt_ceo .ceo2{padding:3rem;background-color:#fff;text-align:left;line-height:200%} #ctt.ctt_ceo .ceo2 p{margin:2rem 0} #ctt.ctt_ceo .ceo2 .ceo2_1{font-size:1.25rem;font-weight:500;color:#1155a8} #ctt.ctt_ceo .ceo2 .sign{padding-top:3rem;text-align:right} #ctt.ctt_ceo .ceo2 .sign b{padding-left:1.5rem;font-size:1.5rem;color:#000;letter-spacing:1rem} @media (min-width:767px){ #ctt.ctt_ceo .ceo_wrap{background-image:url(../img/sub/ceo_img1_t.jpg)} #ctt.ctt_ceo .ceo1{padding:17% 10% 5%;text-align:left} #ctt.ctt_ceo .ceo1 p{font-size:1.75rem} #ctt.ctt_ceo .ceo2{margin:3rem} } @media (min-width:1000px){ #ctt.ctt_ceo .ceo_wrap{background-image:url(../img/sub/ceo_img1.jpg)} #ctt.ctt_ceo .ceo1{margin:0 0 0 5rem;padding:10rem 5rem 3rem} #ctt.ctt_ceo .ceo1 p{font-size:2rem} #ctt.ctt_ceo .ceo2{margin:0 0 5rem 5rem;padding:5rem} } @media (min-width:1400px){ #ctt.ctt_ceo .ceo1{margin:0 0 0 5rem;padding:15rem 0 3rem 5rem} #ctt.ctt_ceo .ceo2{margin:3rem 0 5rem 5rem;padding:5rem} } @media (min-width:1600px){ #ctt.ctt_ceo .ceo1{margin:0 0 0 10rem;padding:19rem 5rem 5rem} #ctt.ctt_ceo .ceo2{margin:5rem 0 5rem 10rem} } #ctt.ctt_history .tit{margin-bottom:3rem;padding:1rem 20px;border:2px dotted #7cb03a;font-size:1.15em;color:#7cb03a;line-height:160%} #ctt.ctt_history .tit p{font-family:'Nanum Myeongjo',sans-serif;letter-spacing:-0.1rem} #ctt.ctt_history .tit br{display:none} #ctt.ctt_history .history{position:relative} #ctt.ctt_history .history .animate-box{position:absolute;top:13px;left:12.5px;z-index:50;width:1px;height:0;margin-left:-.5px;background-color:#85d0ff} #ctt.ctt_history .history .animate-box.p-end{transition:height .3s} #ctt.ctt_history .history-list{padding:0 10px 0 40px} #ctt.ctt_history .history-list::before{content:"";position:absolute;top:13px;left:12.5px;width:1px;height:100%;margin-left:-.5px;background-color:#eee} #ctt.ctt_history .history-list .item{position:relative;display:flex;flex-direction:column-reverse} #ctt.ctt_history .history-list .item::before,#ctt.ctt_history .history-list .item::after{content:"";position:absolute;left:50%;z-index:50;transform:translateX(-50%)} #ctt.ctt_history .history-list .item::before{top:13px;left:-27px;width:8px;height:8px;border-radius:50%;background-color:#999} #ctt.ctt_history .history-list .item::after{top:5px;left:-27px;width:25px;height:25px;opacity:.2;border:4px solid #ccc;border-radius:50%;background-color:#999} #ctt.ctt_history .history-list .item.active::before{border:2px solid #1155a8;background-color:#1155a8} #ctt.ctt_history .history-list .item.active::after{border:4px solid #00ffff;background-color:#00c6ff} #ctt.ctt_history .history-list .item:not(:first-child){margin-top:50px} #ctt.ctt_history .history-list .item .img{width:100%;padding-top:2rem} #ctt.ctt_history .history-list .item .img img{width:auto;height:170px} #ctt.ctt_history .history-list .item .year{font-size:2rem;font-weight:900;color:#1155a8;line-height:1} #ctt.ctt_history .history-list .item .text-list{margin-top:25px} #ctt.ctt_history .history-list .item .text{position:relative;padding-left:19px;color:#444} #ctt.ctt_history .history-list .item .text:not(:first-child){margin-top:5px} #ctt.ctt_history .history-list .item .text::before{content:"";position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50%;background-color:#222;transform:translateY(-50%)} #ctt.ctt_history .history-list .item:last-child{} @media (min-width:480px){ #ctt.ctt_history .history-list .item .text::before{top:12px} } @media (min-width:550px){ #ctt.ctt_history .tit{text-align:center} #ctt.ctt_history .tit br{display:block} } @media (min-width:620px){ #ctt.ctt_history .history .animate-box{left:50%} #ctt.ctt_history .history-list{padding:0} #ctt.ctt_history .history-list::before{left:50%} #ctt.ctt_history .history-list .item{overflow:hidden;display:block;min-height:200px} #ctt.ctt_history .history-list .item:not(:first-child){margin-top:70px} #ctt.ctt_history .history-list .item::before,#ctt.ctt_history .history-list .item::after{left:50%} #ctt.ctt_history .history-list .item .img{width:41%;padding-top:0} #ctt.ctt_history .history-list .item .year::before{content:"";position:absolute;top:17px;left:50%;width:70px;border-bottom:1px dashed #999} #ctt.ctt_history .history-list .item .text-wrap{width:41%} #ctt.ctt_history .history-list .right{} #ctt.ctt_history .history-list .right .img{float:left;text-align:right} #ctt.ctt_history .history-list .right .text-wrap{float:right;padding-left:6px;text-align:left} #ctt.ctt_history .history-list .right .text{padding-left:19px} #ctt.ctt_history .history-list .left{} #ctt.ctt_history .history-list .left .img{float:right} #ctt.ctt_history .history-list .left .text-wrap{float:left;padding-right:6px;text-align:right} #ctt.ctt_history .history-list .left .year::before{transform:translateX(-100%)} #ctt.ctt_history .history-list .left .text{padding-right:19px} #ctt.ctt_history .history-list .left .text::before{left:auto;right:0} } @media (min-width:767px){ #ctt.ctt_history .history-list .item .text::before{top:13px} } @media (min-width:1000px){ #ctt.ctt_history .tit{margin-bottom:8rem;padding:2rem 20px;text-align:center} #ctt.ctt_history .tit br{display:none} #ctt.ctt_history .history-list .item .img img{height:auto;min-height:280px} } @media (min-width:1280px){ #ctt.ctt_history .history-list .item .text::before{top:14px} } #ctt.ctt_certificate .certificate1 ul{clear:both} #ctt.ctt_certificate .certificate1 li{float:left;width:48%;margin-left:4%;text-align:center} #ctt.ctt_certificate .certificate1 li:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_certificate .certificate1 .img{overflow:hidden;display:block;margin:0 auto;max-width:260px;width:100%;border:1px solid #eee} #ctt.ctt_certificate .certificate1 .img:hover,#ctt.ctt_certificate .certificate1 .img:focus{transition:all .3s ease;transform:translateY(-5px);box-shadow:5px 15px 15px rgba(0,0,0,0.1)} #ctt.ctt_certificate .certificate1 .tit{max-width:260px;width:100%;margin:0 auto;padding:2rem 0 3rem;color:#222;text-align:left} #ctt.ctt_certificate .certificate1 .tit span{display:block;font-size:14px;color:#888} @media (min-width:480px){ #ctt.ctt_certificate .certificate1 li:nth-child(n){clear:none;width:31%;margin-left:3.5%} #ctt.ctt_certificate .certificate1 li:nth-child(3n+1){clear:both;margin-left:0} } @media (min-width:767px){ #ctt.ctt_certificate .certificate1 li:nth-child(n){clear:none;width:22%;margin-left:4%} #ctt.ctt_certificate .certificate1 li:nth-child(4n+1){clear:both;margin-left:0} } @media (min-width:1400px){ #ctt.ctt_certificate .certificate1 li:nth-child(n){clear:none;width:17%;margin-left:3.75%} #ctt.ctt_certificate .certificate1 li:nth-child(5n+1){clear:both;margin-left:0} } #ctt.ctt_license .imgpopLst ul{clear:both} #ctt.ctt_license .imgpopLst li{float:left;width:48%;margin-left:4%;text-align:center} #ctt.ctt_license .imgpopLst li:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_license .imgpopLst .img{overflow:hidden;display:block;margin:0 auto;max-width:260px;width:100%;border:1px solid #eee} #ctt.ctt_license .imgpopLst .img:hover,#ctt.ctt_license .imgpopLst .img:focus{transition:all .3s ease;transform:translateY(-5px);box-shadow:15px 5px 15px rgba(0,0,0,0.1)} #ctt.ctt_license .imgpopLst .tit{max-width:260px;width:100%;margin:0 auto;padding:2rem 0 3rem;color:#222;text-align:left} #ctt.ctt_license .imgpopLst .tit span{display:block;font-size:14px;color:#888} @media (min-width:480px){ #ctt.ctt_license .imgpopLst li:nth-child(n){clear:none;width:31%;margin-left:3.5%} #ctt.ctt_license .imgpopLst li:nth-child(3n+1){clear:both;margin-left:0} } @media (min-width:767px){ #ctt.ctt_license .imgpopLst li:nth-child(n){clear:none;width:22%;margin-left:4%} #ctt.ctt_license .imgpopLst li:nth-child(4n+1){clear:both;margin-left:0} } @media (min-width:1400px){ #ctt.ctt_license .imgpopLst li:nth-child(n){clear:none;width:17%;margin-left:3.75%} #ctt.ctt_license .imgpopLst li:nth-child(5n+1){clear:both;margin-left:0} } #daumRoughmapContainer1636338847940{max-width:100%} #daumRoughmapContainer1636338847940 .wrap_map{height:250px !important} #daumRoughmapContainer1636338847940 .cont{line-height:160%} #daumRoughmapContainer1636338847940.root_daum_roughmap .cont .section{margin:0} #daumRoughmapContainer1636338847940.os_mac.root_daum_roughmap .section .title{padding-top:2rem;color:#1155a8} #ctt.ctt_map .map1{margin-bottom:2rem} #ctt.ctt_map .map1 li{letter-spacing:0} #ctt.ctt_map .map1 li:first-child{letter-spacing:-.05em} #ctt.ctt_map .map1 .tit{display:block;padding-top:10px;padding-right:20px;font-weight:600;color:#1155a8} #ctt.ctt_map .map1 li:first-child .tit{padding-top:0;font-weight:500} @media screen and (min-width:480px){ #daumRoughmapContainer1636338847940 .wrap_map{height:400px !important} #ctt.ctt_map .map1 .tit{display:inline-block} } @media screen and (min-width:1000px){ #ctt.ctt_map .map1 li{float:left;width:28%;text-align:right} #ctt.ctt_map .map1 li:first-child{width:44%;text-align:left} #daumRoughmapContainer1636338847940.os_mac.root_daum_roughmap .section .title{padding-bottom:20px;font-size:1rem} #daumRoughmapContainer1636338847940.os_mac.root_daum_roughmap .section_busstop .wrap_list li a{font-size:0.85rem} #daumRoughmapContainer1636338847940.os_mac.root_daum_roughmap .section_busline .wrap_list .txt .txt_item{font-size:0.85rem} #daumRoughmapContainer1636338847940.root_daum_roughmap .section_busline .wrap_list .txt .txt_item{line-height:180%} } #ctt .product_tit{display:none;margin:-1rem 0 2rem;font-family:'Wemakeprice',sans-serif;font-size:1.125rem;color:#888;text-align:center;letter-spacing:0} #ctt .product_txt{margin-bottom:2rem;font-size:1.15em;color:#000;line-height:160%;letter-spacing:-0.05rem} #ctt .product_txt br{display:none} #ctt .product_img{padding:2rem 0;background-color:#f8f9fa} @media (min-width:550px){ #ctt .product_tit{font-size:1.5em} } @media (min-width:767px){ #ctt .product_img{padding:4rem 0} } @media (min-width:1000px){ #ctt .product_tit{display:block;margin:-6rem 0 8rem} #ctt .product_tit:before{width:12px;height:15px;margin:0 auto 1.2rem} #ctt .product_txt{margin-bottom:5rem;font-size:1.5rem;text-align:center} #ctt .product_txt br{display:block} #ctt .product_img{padding:5rem 0} } #ctt.ctt_product1 .product_tit{display:block;margin:-3rem 0 3rem} #ctt.ctt_product1 .product1-2{border:1px solid #ddd;background-color:#f8f9fa;padding:3rem} @media (min-width:1000px){ #ctt.ctt_product1 .product_tit{display:block;margin:-3rem 0 5rem} } #ctt.ctt_product2 .product_txt{padding:1rem 20px;border:2px dotted #7cb03a;font-family:'Nanum Myeongjo',sans-serif;font-size:1.25em;font-weight:700;color:#7cb03a;letter-spacing:-0.1rem;line-height:130%;text-align:center} #ctt.ctt_product2 .lst_decimal1{margin-bottom:3rem;text-align:center} #ctt.ctt_product2 .lst_decimal1 li:before{display:none} #ctt.ctt_product2 .scroller{overflow-x:auto} #ctt.ctt_product2 .scroller table{width:800px} #ctt.ctt_product2 .product2-4 h4{letter-spacing:0.02rem} #ctt.ctt_product2 .product2-4 h4 span{font-family:'Wemakeprice',sans-serif;font-size:0.8em;letter-spacing:0.02rem} @media (min-width:550px){ #ctt.ctt_product2 .product_txt{font-size:2em} } @media (min-width:767px){ #ctt.ctt_product2 .lst_decimal1{display:block;margin-bottom:5rem} #ctt.ctt_product2 .lst_decimal1 li{display:block;float:left;width:48%;margin-left:4%;text-align:left} #ctt.ctt_product2 .lst_decimal1 li:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_product2 .lst_decimal1 li:before{display:block} #ctt.ctt_product2 .scroller{width:94%} #ctt.ctt_product2 .scroller table{width:100%} #ctt.ctt_product2 .product2-4{display:block;margin-top:-3rem} #ctt.ctt_product2 .product2-4 .item{display:block;float:left;width:48%;margin-left:4%} #ctt.ctt_product2 .product2-4 .item:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_product2 .product2-4 .item h4{margin-top:3rem} } @media (min-width:1400px){ #ctt.ctt_product2 .lst_decimal1 li{-ms-flex-preferred-size:33.333%;flex-basis:33.333%} #ctt.ctt_product2 .lst_decimal1 li:nth-child(5){-ms-flex-preferred-size:66.667%;flex-basis:66.667%;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2} } #ctt.ctt_product3 .product_txt{padding:1rem 20px;border:2px dotted #7cb03a;font-family:'Nanum Myeongjo',sans-serif;font-size:1.25em;font-weight:700;color:#7cb03a;letter-spacing:-0.1rem;line-height:130%;text-align:center} #ctt.ctt_product3 .lst_decimal1{margin-bottom:3rem;text-align:center} #ctt.ctt_product3 .lst_decimal1 li:before{display:none} #ctt.ctt_product3 .scroller{overflow-x:auto} #ctt.ctt_product3 .scroller table{width:800px} #ctt.ctt_product3 .product3-3>p{padding-bottom:1rem;font-size:1.25em;font-weight:500;color:#7cb03a} #ctt.ctt_product3 .product3-4 h4{letter-spacing:0.02rem} #ctt.ctt_product3 .product3-4 h4 span{font-family:'Wemakeprice',sans-serif;font-size:0.8em;letter-spacing:0.02rem} @media (min-width:550px){ #ctt.ctt_product3 .product_txt{font-size:2em} } @media (min-width:767px){ #ctt.ctt_product3 .lst_decimal1{display:block;margin-bottom:5rem} #ctt.ctt_product3 .lst_decimal1 li{display:block;float:left;width:48%;margin-left:4%;text-align:left} #ctt.ctt_product3 .lst_decimal1 li:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_product3 .lst_decimal1 li:before{display:block} #ctt.ctt_product3 .scroller{width:94%} #ctt.ctt_product3 .scroller table{width:100%} #ctt.ctt_product3 .product3-4{display:block;margin-top:-3rem} #ctt.ctt_product3 .product3-4 .item{display:block;float:left;width:48%;margin-left:4%} #ctt.ctt_product3 .product3-4 .item:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_product3 .product3-4 .item h4{margin-top:3rem} } #ctt.ctt_product4 .lst_decimal1{margin-bottom:3rem;text-align:center} #ctt.ctt_product4 .lst_decimal1 li:before{display:none} #ctt.ctt_product4 .scroller{overflow-x:auto} #ctt.ctt_product4 .scroller table{width:800px} #ctt.ctt_product4 .product4-3>p{padding-bottom:1rem;font-size:1.25em;font-weight:700;color:#7cb03a} #ctt.ctt_product4 .product4-4 h4{letter-spacing:0.02rem} #ctt.ctt_product4 .product4-4 h4 span{font-family:'Wemakeprice',sans-serif;font-size:0.8em;letter-spacing:0.02rem} @media (min-width:550px){ #ctt.ctt_product4 .product_txt{font-size:2em} } @media (min-width:767px){ #ctt.ctt_product4 .lst_decimal1 li{display:block;float:left;width:48%;margin-left:4%;text-align:left} #ctt.ctt_product4 .lst_decimal1 li:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_product4 .lst_decimal1 li:before{display:block} #ctt.ctt_product4 .scroller{width:94%} #ctt.ctt_product4 .scroller table{width:100%} #ctt.ctt_product4 .product4-4{display:block;margin-top:-3rem} #ctt.ctt_product4 .product4-4 .item{display:block;float:left;width:48%;margin-left:4%} #ctt.ctt_product4 .product4-4 .item:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_product4 .product4-4 .item h4{margin-top:3rem} } #ctt.ctt_product5 h3 span{margin:-1rem 0 2rem;font-family:'Wemakeprice',sans-serif;font-size:0.75em;color:#1155a8;text-align:center} #ctt.ctt_product5 h3 span:before{content:"";display:block;width:8px;height:10px;margin:5px auto 3px;background-color:#1155a8;transform:skew(45deg, 0deg)} #ctt.ctt_product5 .product5_con .product5_img{background-color:#f8f9fa} #ctt.ctt_product5 .product5_con .product5_txt h4{margin:3rem 0 1rem} #ctt.ctt_product5 .product5_con .tbl3{margin-bottom:2rem} #ctt.ctt_product5 .product5_con .tbl3 th{padding:5px 2px} #ctt.ctt_product5 .product5_con .tbl3 td{padding:5px 2px} @media (min-width:767px){ #ctt.ctt_product5 h3 span:before{width:10px;height:15px;margin:0.5rem auto 0.4rem} #ctt.ctt_product5 .product5_con{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr} #ctt.ctt_product5 .product5_con .product5_img,#ctt.ctt_product5 .product5_con .product5_txt{} #ctt.ctt_product5 .product5_con.left .product5_img{margin-right:4%} #ctt.ctt_product5 .product5_con.left .product5_txt{margin-left:4%} #ctt.ctt_product5 .product5_con.right{} #ctt.ctt_product5 .product5_con.right .product5_img{margin-left:4%;-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1} #ctt.ctt_product5 .product5_con.right .product5_txt{margin-right:4%;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1} #ctt.ctt_product5 .product5_con .product5_img{display:flex;align-items:center;padding:2rem;} #ctt.ctt_product5 .product5_con .product5_txt h4:first-child{margin:0 0 1rem} #ctt.ctt_product5 .product5_con .tbl3 th{padding:10px 5px} #ctt.ctt_product5 .product5_con .tbl3 td{padding:10px 5px} } #ctt.ctt_product6 h3 span{margin:-1rem 0 2rem;font-family:'Wemakeprice',sans-serif;font-size:0.75em;color:#1155a8;text-align:center} #ctt.ctt_product6 h3 span:before{content:"";display:block;width:8px;height:10px;margin:5px auto 3px;background-color:#1155a8;transform:skew(45deg, 0deg)} #ctt.ctt_product6 .product6_con .product6_img{background-color:#f8f9fa} #ctt.ctt_product6 .product6_con .product6_txt h4{margin:3rem 0 1rem} #ctt.ctt_product6 .product6_con .tbl3{margin-bottom:2rem} #ctt.ctt_product6 .product6_con .tbl3 th{padding:5px 2px} #ctt.ctt_product6 .product6_con .tbl3 td{padding:5px 2px} @media (min-width:767px){ #ctt.ctt_product6 h3 span:before{width:10px;height:15px;margin:0.5rem auto 0.4rem} #ctt.ctt_product6 .product6_con{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr} #ctt.ctt_product6 .product6_con .product6_img,#ctt.ctt_product6 .product6_con .product6_txt{} #ctt.ctt_product6 .product6_con.left .product6_img{margin-right:4%} #ctt.ctt_product6 .product6_con.left .product6_txt{margin-left:4%} #ctt.ctt_product6 .product6_con.right{} #ctt.ctt_product6 .product6_con.right .product6_img{margin-left:4%;-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1} #ctt.ctt_product6 .product6_con.right .product6_txt{margin-right:4%;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1} #ctt.ctt_product6 .product6_con .product6_img{display:flex;align-items:center;padding:2rem;} #ctt.ctt_product6 .product6_con .product6_txt h4:first-child{margin:0 0 1rem} #ctt.ctt_product6 .product6_con .tbl3 th{padding:10px 5px} #ctt.ctt_product6 .product6_con .tbl3 td{padding:10px 5px} } #ctt.ctt_product7 h3 span{margin:-1rem 0 2rem;font-family:'Wemakeprice',sans-serif;font-size:0.75em;color:#1155a8;text-align:center} #ctt.ctt_product7 h3 span:before{content:"";display:block;width:8px;height:10px;margin:5px auto 3px;background-color:#1155a8;transform:skew(45deg, 0deg)} #ctt.ctt_product7 .product7_txt h5{margin-top:0} #ctt.ctt_product7 .product7-1-2 li{float:left;width:50%} #ctt.ctt_product7 .product7-1-2 li:nth-child(9){display:none} #ctt.ctt_product7 .product7_txt{position:relative;margin-top:20px;padding:10px 20px;border-radius:10px;background-color:#f2f9e4} #ctt.ctt_product7 .product7-1-1-2{margin-top:-10px} #ctt.ctt_product7 .product7-2-2-2{margin-top:-10px} #ctt.ctt_product7 .product7-4-3{text-align:center} #ctt.ctt_product7 .product7-4-2-1{margin-top:-10px} @media (min-width:420px){ #ctt.ctt_product7 .product7-1-2 li{width:33.333%} } @media (min-width:550px){ #ctt.ctt_product7 .product7-1-2 li{width:25%} } @media (min-width:767px){ #ctt.ctt_product7 h3 span:before{width:10px;height:15px;margin:0.5rem auto 0.4rem} #ctt.ctt_product7 h3 br{display:none} #ctt.ctt_product7 .product7_con{display:block;margin-top:-3rem} #ctt.ctt_product7 .product7_con .item{display:block;float:left;width:48%;margin-left:4%} #ctt.ctt_product7 .product7_con .item:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_product7 .product7_con .item h4{margin-top:3rem} #ctt.ctt_product7 .product7_txt{margin-top:2rem;padding:1rem 2rem} #ctt.ctt_product7 .product7-1-1-2{margin-top:2rem} #ctt.ctt_product7 .product7-2-2-2{margin-top:2rem} #ctt.ctt_product7 .product7-2-3{margin-top:0} #ctt.ctt_product7 .product7_con.product7-4-3{margin-top:0} #ctt.ctt_product7 .product7-4-2-1{margin-top:2rem} #ctt.ctt_product7 .product7_con.product7-5-3{margin-top:0} } @media (min-width:1000px){ #ctt.ctt_product7 .product7-1-2 li{width:20%} } @media (min-width:1400px){ #ctt.ctt_product7 .product7-1-2 li{width:16.666%} } @media (min-width:1600px){ #ctt.ctt_product7 .product7-1-2 li{width:auto} #ctt.ctt_product7 .product7-1-2 li:nth-child(8){display:none} #ctt.ctt_product7 .product7-1-2 li:nth-child(9){display:block} } #ctt.ctt_product8 h3 span{margin:-1rem 0 2rem;font-family:'Wemakeprice',sans-serif;font-size:0.75em;color:#1155a8;text-align:center} #ctt.ctt_product8 h3 span:before{content:"";display:block;width:8px;height:10px;margin:5px auto 3px;background-color:#1155a8;transform:skew(45deg, 0deg)} #ctt.ctt_product8 .product8-1{overflow:hidden} #ctt.ctt_product8 .product8-1 li{display:block;min-height:300px;margin-top:1px;padding:20px;background-color:#f3f3f6} #ctt.ctt_product8 .product8-1 li .img{display:block;padding-bottom:30px;text-align:center} #ctt.ctt_product8 .product8-1 h4{height:35px;margin:0 auto 1rem;font-size:1.25rem;color:#00a850;text-align:center;letter-spacing:-.05em;line-height:100%} #ctt.ctt_product8 .product8-1 h4:before{display:none} #ctt.ctt_product8 .product8-1 p{overflow:hidden;height:20px;font-size:14px;color:#898989;text-align:center;letter-spacing:-.05em;line-height:150%} #ctt.ctt_product8 .product8-1 li p.on{display:none} #ctt.ctt_product8 .product8-1 li:hover,#ctt.ctt_product8 .product8-1 li.on{padding:45px 35px;background-color:#00a850} #ctt.ctt_product8 .product8-1 li:hover .img,#ctt.ctt_product8 .product8-1 li.on .img{display:none} #ctt.ctt_product8 .product8-1 li:hover h4,#ctt.ctt_product8 .product8-1 li.on h4{height:50px;color:#fff} #ctt.ctt_product8 .product8-1 li:hover p,#ctt.ctt_product8 .product8-1 li.on p{display:none} #ctt.ctt_product8 .product8-1 li:hover p.on,#ctt.ctt_product8 .product8-1 li.on p.on{display:block;height:auto;color:#cbe7d5;text-align:left;letter-spacing:-.05em} #ctt.ctt_product8 .product8-2{overflow:hidden;background-color:#23a980} #ctt.ctt_product8 .product8-2 h4{color:#fff} #ctt.ctt_product8 .product8-2 h4:before{background-color:#fff} #ctt.ctt_product8 .product8-2 .bx-wrapper{background:transparent} #ctt.ctt_product8 .product8-2 .product8-2-Content{text-align:left} #ctt.ctt_product8 .product8-2 .product8-2-Content li{position:relative;display:block;width:100%;padding:60px 0 60px 0;text-align:left} #ctt.ctt_product8 .product8-2 .product8-2-Content h4{margin-top:0;color:#fff;line-height:100%} #ctt.ctt_product8 .product8-2 .product8-2-Content h5{color:#fff;line-height:100%} #ctt.ctt_product8 .product8-2 .product8-2-Content p{padding:10px 0 1rem;color:#fff;text-align:left;letter-spacing:-.05em;line-height:150%} #ctt.ctt_product8 .product8-2-Mnu{display:none;position:absolute;z-index:9999;top:0;right:-4%;width:285px;height:100%;padding:40px 20px;background-color:#187659} #ctt.ctt_product8 .product8-2-Mnu a{display:block;height:45px;margin:5px 0;padding:14px 20px 13px 55px;font-size:18px;color:#fff;text-align:left;line-height:100%} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu1{background:url(/theme/basic/img/sub/product8_2_ico1.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu2{background:url(/theme/basic/img/sub/product8_2_ico2.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu3{background:url(/theme/basic/img/sub/product8_2_ico3.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu4{background:url(/theme/basic/img/sub/product8_2_ico4.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu5{background:url(/theme/basic/img/sub/product8_2_ico5.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu6{background:url(/theme/basic/img/sub/product8_2_ico6.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu7{background:url(/theme/basic/img/sub/product8_2_ico7.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu8{background:url(/theme/basic/img/sub/product8_2_ico8.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu9{background:url(/theme/basic/img/sub/product8_2_ico9.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu10{background:url(/theme/basic/img/sub/product8_2_ico10.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a.product8-2-Mnu11{background:url(/theme/basic/img/sub/product8_2_ico11.png) no-repeat left top} #ctt.ctt_product8 .product8-2-Mnu a:hover,#ctt.ctt_product8 .product8-2-Mnu a.active{border-radius:10px;background-color:#11523e;background-position:left top;background-size:55px 45px} #ctt.ctt_product8 .product8-3{padding-top:30px;text-align:center} #ctt.ctt_product8 .product8-3 .btn{display:inline-block;min-width:40%;height:40px;margin:0 5px;padding:0 30px;border-radius:7px;background-color:#dc0a0b;line-height:40px;font-size:1.25rem;font-weight:700;color:#fff;text-align:center;text-indent:0;box-shadow:inset #dc0a0b 0 5px 8px -1px,#a80000 0 5px 0;text-shadow:#7d7d7d 0 1px 0;letter-spacing:-.08em} #ctt.ctt_product8 .product8-3 .btn:active{position:relative;top:3px;box-shadow:inset #a80000 0 5px 8px -1px,#a80000 0 0 0} @media (min-width:550px){ #ctt.ctt_product8 .product8-3 .btn{height:50px;line-height:50px;font-size:1.5rem} } @media (min-width:767px){ #ctt.ctt_product8 .product8-1 li{float:left;width:calc((100% - 2px) / 2);height:340px;margin:1px 1px 0 0;padding:35px 0px} #ctt.ctt_product8 h3 span:before{width:10px;height:15px;margin:0.5rem auto 0.4rem} #ctt.ctt_product8 .product8-2 .product8-2-Content li{padding:60px 345px 60px 0} #ctt.ctt_product8 .product8-2-Mnu{display:block} #ctt.ctt_product8 .product8-2 .bx-controls{display:none} #ctt.ctt_product8 .product8-3{padding-top:5rem} #ctt.ctt_product8 .product8-3 .btn{min-width:250px;height:80px;line-height:80px;font-size:1.75rem} } @media (min-width:1000px){ #ctt.ctt_product8 .product8-1 li{width:calc((100% - 3px) / 3)} } @media (min-width:1600px){ #ctt.ctt_product8 .product8-2-Mnu{right:0} } #container.sub_product9 #content h2{margin:3rem auto 2rem;font-size:2rem} #ctt.ctt_product9 h3 span{margin:-1rem 0 2rem;font-family:'Wemakeprice',sans-serif;font-size:0.75em;color:#1155a8;text-align:center} #ctt.ctt_product9 h3 span:before{content:"";display:block;width:8px;height:10px;margin:5px auto 3px;background-color:#1155a8;transform:skew(45deg, 0deg)} #ctt.ctt_product9 .product9_con .product9_img{background-color:#f8f9fa} #ctt.ctt_product9 .product9_con .product9_txt h5{margin:3rem 0 1rem} #ctt.ctt_product9 .product9_con .tbl3{margin-bottom:2rem} #ctt.ctt_product9 .product9_con .tbl3 th{padding:5px 2px} #ctt.ctt_product9 .product9_con .tbl3 td{padding:5px 2px} #ctt.ctt_product9 .product9-1 .product9_img{padding:0 2rem} #ctt.ctt_product9 .product9-1 .product9_img .bx-wrapper{background:transparent} @media (min-width:550px){ #container.sub_product9 #content h2{margin:0rem auto 4rem;font-size:2.5rem} } @media (min-width:767px){ #ctt.ctt_product9 h3 span:before{width:10px;height:15px;margin:0.5rem auto 0.4rem} #ctt.ctt_product9 .product9_con{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr} #ctt.ctt_product9 .product9_con .product9_img,#ctt.ctt_product9 .product9_con .product9_txt{} #ctt.ctt_product9 .product9_con.left .product9_img{margin-right:4%} #ctt.ctt_product9 .product9_con.left .product9_txt{margin-left:4%} #ctt.ctt_product9 .product9_con.right{} #ctt.ctt_product9 .product9_con.right .product9_img{margin-left:4%;-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1} #ctt.ctt_product9 .product9_con.right .product9_txt{margin-right:4%;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1} #ctt.ctt_product9 .product9_con .product9_img{display:flex;align-items:center;padding:2rem;} #ctt.ctt_product9 .product9_con .product9_txt h5:first-child{margin:0 0 1rem} #ctt.ctt_product9 .product9_con .tbl3 th{padding:10px 5px} #ctt.ctt_product9 .product9_con .tbl3 td{padding:10px 5px} } @media (min-width:1000px){ #container.sub_product9 #content h2{margin:0rem auto 5rem;font-size:2.75rem} } #ctt.ctt_product9 .bx-wrapper .bx-controls{display:block} #ctt.ctt_product9 .bx-wrapper .bx-controls-direction{position:absolute;top:50%;left:-2rem;right:-2rem;z-index:101;margin:0 auto} #ctt.ctt_product9 .bx-wrapper .bx-controls-direction a{display:block;position:absolute;top:50%;z-index:999;width:30px !important;height:30px !important;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:center center !important;background-size:16px 16px;text-indent:-9999px} #ctt.ctt_product9 .bx-wrapper .bx-controls-direction a:hover{background-color:#000} #ctt.ctt_product9 .bx-wrapper .bx-controls-direction a:focus{background-color:rgba(0,0,0,.5)} #ctt.ctt_product9 .bx-wrapper .bx-controls-direction .bx-prev{left:0;background-image:url('../img/swiper_arr_prev.svg')} #ctt.ctt_product9 .bx-wrapper .bx-controls-direction .bx-next{right:0;background-image:url('../img/swiper_arr_next.svg')} @media screen and (min-width:480px){ #ctt.ctt_product9 .bx-wrapper .bx-controls-direction a{width:40px !important;height:40px !important;background-size:20px 20px} } @media screen and (min-width:620px){ #ctt.ctt_product9 .bx-wrapper .bx-pager{display:block} } @media screen and (min-width:767px){ #ctt.ctt_product9 .bx-wrapper .bx-controls-direction a{width:50px !important;height:50px !important;background-size:24px 24px} } @media screen and (min-width:1000px){ #ctt.ctt_product9 .bx-wrapper .bx-controls-direction a{width:60px !important;height:60px !important;background-size:30px 30px} } #ctt.ctt_product10 h3 span{margin:-1rem 0 2rem;font-family:'Wemakeprice',sans-serif;font-size:0.75em;color:#1155a8;text-align:center} #ctt.ctt_product10 h3 span:before{content:"";display:block;width:8px;height:10px;margin:5px auto 3px;background-color:#1155a8;transform:skew(45deg, 0deg)} #ctt.ctt_product10 h4 span{padding-left:10px;font-family:'Wemakeprice',sans-serif;font-size:0.8em;color:#666} #ctt.ctt_product10 .product10-1{background:linear-gradient(to bottom right, #0072ce, #004780)} #ctt.ctt_product10 .product10-2{padding:3rem 0;background-color:#deeaf6} #ctt.ctt_product10 .product10-2 .tbl3{background-color:#fff} #ctt.ctt_product10 .product10-2-2{padding:1rem;background-color:#fff;text-align:center} #ctt.ctt_product10 .product10-5 .tbl3 th{padding:5px 2px} #ctt.ctt_product10 .product10-5 .tbl3 td{padding:5px 2px} #ctt.ctt_product10 .product10-6{padding:2rem;border:2px solid #1155a8} @media (min-width:767px){ #ctt.ctt_product10 h3 span:before{width:10px;height:15px;margin:0.5rem auto 0.4rem} #ctt.ctt_product10 .product10_con{display:block} #ctt.ctt_product10 .product10_con .item{display:block;float:left;width:48%;margin-left:4%} #ctt.ctt_product10 .product10_con .item:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_product10 .product10-2{padding:6rem 0} #ctt.ctt_product10 .product10-2-2{padding:3rem} #ctt.ctt_product10 .product10-5{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr} #ctt.ctt_product10 .product10-5 .product10-5_img{display:flex;align-items:center;margin-right:4%;padding:2rem;background-color:#f8f9fa} #ctt.ctt_product10 .product10-5 .product10-5_txt{margin-left:4%} #ctt.ctt_product10 .product10-5 .product10-5_txt h5{margin-top:0} #ctt.ctt_product10 .product10-5 .tbl3 th{padding:15px 5px} #ctt.ctt_product10 .product10-5 .tbl3 td{padding:15px 5px} #ctt.ctt_product10 .product10-8{margin-top:-2rem} } @media (min-width:1400px){ #ctt.ctt_product10 .product10-2-2{padding:4rem} #ctt.ctt_product10 .product10-8 .item:nth-child(n){clear:none;width:22%;margin-left:3%} #ctt.ctt_product10 .product10-8 .item:nth-child(4n+1){clear:both;margin-left:0} } #ctt.ctt_sitemap .sitemap1{overflow:hidden;width:94%;max-width:1400px;margin-right:auto;margin-left:auto} #ctt.ctt_sitemap .sitemap1 ul{} #ctt.ctt_sitemap .sitemap1 ul ul{padding-bottom:0;border-top:1px solid #eee;background-color:#fafafa} #ctt.ctt_sitemap .sitemap1 li{clear:none;float:left;width:48%;margin-left:4%;padding-bottom:20px} #ctt.ctt_sitemap .sitemap1 li:nth-child(2n+1){clear:both;margin-left:0} #ctt.ctt_sitemap .sitemap1 li li{clear:none;float:none;width:100%;margin-left:0;padding-bottom:0;border-bottom:1px solid #eee} #ctt.ctt_sitemap .sitemap1 li li li{clear:none;float:none;width:100%;margin-left:0;padding-bottom:0;border-bottom:none} #ctt.ctt_sitemap .sitemap1 .tit{display:block;padding:10px;background-color:#307ed3;font-size:1.125rem;font-weight:400;color:#fff;text-align:center} #ctt.ctt_sitemap .sitemap1 li li a{display:inline-block;padding:10px;border:none} #ctt.ctt_sitemap .sitemap1 li li li a{padding:0 0 2px 20px;font-size:14px;color:#888} #ctt.ctt_sitemap .sitemap1 li li li a:before{display:inline-block;width:3px;height:3px;margin-right:5px;border-radius:100%;background-color:#888;vertical-align:middle;content:""} #ctt.ctt_sitemap .sitemap1 li li li:first-child a{padding-top:10px} #ctt.ctt_sitemap .sitemap1 li li li:last-child a{padding-bottom:10px} @media screen and (min-width:620px){ #ctt.ctt_sitemap .sitemap1 li:nth-child(n){clear:none;width:22%;margin-left:4%;padding-bottom:40px} #ctt.ctt_sitemap .sitemap1 li:nth-child(4n+1){clear:both;margin-left:0} #ctt.ctt_sitemap .sitemap1 li li:nth-child(n){clear:none;float:none;width:100%;margin-left:0;padding-bottom:0} #ctt.ctt_sitemap .sitemap1 li li li:nth-child(n){clear:none;float:none;width:100%;margin-left:0;padding-bottom:0} #ctt.ctt_sitemap .sitemap1 li li a{display:inline-block;padding:10px 20px;border:none} } #ctt.ctt_provision #ctt_con{width:94%;max-width:1400px;margin-right:auto;margin-left:auto} #ctt.ctt_email #ctt_con{width:94%;max-width:1400px;margin-right:auto;margin-left:auto} #ctt.ctt_copyright #ctt_con{width:94%;max-width:1400px;margin-right:auto;margin-left:auto} .wait{padding:5%;border:1px solid #c5ddee;text-align:center} .color1{color:#307ed3} .color2{color:#494c9d} .color3{font-weight:400;color:#ff0000} .color4{font-weight:400;color:#0000ff} .deco-through{text-decoration:line-through} .bx-wrapper .bx-loading{display:none !important} th,td{word-break:break-all} .tbl1{text-align:center;width:100%;margin-top:25px} .tbl1 thead{} .tbl1 thead th{padding:10px 0;text-align:center;border-right:1px solid rgba(255,255,255,.2);font-weight:400;background-color:#1378c0;color:#fff} .tbl1 thead th:last-child{border-right:0} .tbl1 thead tr:nth-child(n+1) th:last-child{border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)} .tbl1 tbody th{padding:10px 0;border:1px solid #ddd;background-color:#f7f7f7;font-weight:500;color:#333;letter-spacing:-.05rem;text-align:center} .tbl1 tbody td{padding:10px 0;border:1px solid #ddd;text-align:center} @media screen and (min-width:550px){ .tbl1 thead th{padding:16px 0} .tbl1 tbody th,.tbl1 tbody td{padding:15px 10px} } @media screen and (min-width:800px){ .tbl1 tbody th,.tbl1 tbody td{padding:20px 10px} } .tbl2{width:100%;text-align:center;border-top:2px solid #333} .tbl2 table{width:100%} .tbl2 tr{border-bottom:1px solid #ddd} .tbl2 th{padding:10px 5px;border-right:1px solid #ddd;text-align:center} .tbl2 td{padding:10px 5px;border-right:1px solid #ddd} .tbl2 thead th{background-color:#f7f7f7;font-weight:500;color:#333} .tbl2 tbody th{background-color:#fcfcfc} .tbl2 thead tr th:last-child{border-right:0} .tbl2 tr td:last-child{border-right:0} @media screen and (min-width:550px){ .tbl2 th{padding:15px 5px} .tbl2 td{padding:15px 5px} } @media screen and (min-width:800px){ .tbl2 th{padding:20px} .tbl2 td{padding:20px} } .tbl2_2{width:100%;text-align:center;border-top:2px solid #333} .tbl2_2 table{width:100%} .tbl2_2 tr{border-bottom:1px solid #ddd} .tbl2_2 tr:hover,.tbl2_2 tr:focus{background-color:#fafafa} .tbl2_2 th{padding:5px 2px;border-right:1px solid #ddd;text-align:center;line-height:130%} .tbl2_2 td{padding:5px 2px;border-right:1px solid #ddd;line-height:130%} .tbl2_2 thead th{background-color:#f7f7f7;font-size:0.9rem;font-weight:400;color:#333} .tbl2_2 tbody th{background-color:#fcfcfc} .tbl2_2 thead tr th:last-child{border-right:0} .tbl2_2 tr td:last-child{border-right:0} @media screen and (min-width:620px){ .tbl2_2 th{padding:7px 4px} .tbl2_2 td{padding:7px 4px} } @media screen and (min-width:1000px){ .tbl2_2 th{padding:10px 6px} .tbl2_2 td{padding:10px 6px} } .tbl3{width:100%;text-align:center;border-top:3px solid #1155a8} .tbl3 tr{border-bottom:1px solid #ddd} .tbl3 th{padding:10px 2px;border-left:1px solid #ddd;text-align:center} .tbl3 td{padding:10px 2px;border-left:1px solid #ddd;text-align:center} .tbl3 tr td:first-child,.tbl3 thead tr:first-child th:first-child,.tbl3 tbody tr th{border-left:0} .tbl3 thead th{padding:5px;background-color:#f3f6f7;font-weight:500;color:#333} .tbl3 tbody th{background-color:#fcfcfc;font-weight:400;} .tbl3 th.bl1_ddd{border-left:1px solid #ddd} @media screen and (min-width:550px){ .tbl3 th{padding:15px 5px} .tbl3 td{padding:15px 5px} } @media screen and (min-width:800px){ .tbl3 th{padding:20px 5px} .tbl3 td{padding:20px 5px} .tbl3 thead th{padding:10px 5px} } .tbl4{width:100%;border-collapse:separate;border-spacing:5px} .tbl4 th,.tbl4 td{padding:10px;border-bottom:1px solid #ccc} .tbl4 thead th{background-color:#f3f6f7;font-weight:500;color:#333} .tbl4 tbody th{font-weight:400;color:#222} .tbl4 tr:first-child th,.tbl4 tr:first-child td{border-top:3px solid #1155a8} @media screen and (min-width:550px){ .tbl4 th,.tbl4 td{padding:15px} } @media screen and (min-width:800px){ .tbl4 th,.tbl4 td{padding:20px} } @media screen and (max-width:768px){ .flip-scroll * html .cf{zoom:1} .flip-scroll *:first-child+html .cf{zoom:1} .flip-scroll table{display:block;position:relative;width:100%} .flip-scroll thead{display:block;float:left;border-right:1px solid #ddd} .flip-scroll tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap} .flip-scroll thead tr{display:block;position:relative} .flip-scroll th{display:block} .flip-scroll tbody tr{display:inline-block;margin-left:-4px;vertical-align:top} .flip-scroll th, .flip-scroll td{display:block;min-height:45px;white-space:normal;word-break:break-all} .flip-scroll tbody th,.flip-scroll tbody td{width:200px;padding:8px;border-width:0 0 1px 1px} .flip-scroll tbody tr:last-child{} .flip-scroll tbody th br{display:none} .flip-scroll thead th{width:80px;padding:10px 0;border:0;border-bottom:1px solid #ddd;vertical-align:middle} .flip-scroll tbody th{border-left:1px solid #ddd} } .tbl-center,.tbl-center th,.tbl-center td{text-align:center} .tbl-top tbody th,.tbl-top tbody td{vertical-align:top} .dot1 li{position:relative;padding-left:10px} .dot1 li:before{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;border-radius:50%;background-color:#1155a8} .dot1 ul{padding-top:3px} .dot1 li li{position:relative;padding-left:15px} .dot1 li li:before{content:"";position:absolute;top:11px;left:0;width:5px;height:1px;background-color:#555} .dot2 li{position:relative;padding-left:15px} .dot2 li:before{content:"";position:absolute;top:11px;left:0;width:5px;height:1px;background-color:#555} .dot3 li{position:relative;padding-left:15px} .dot3 li:before{content:"";position:absolute;top:4px;left:0;width:5px;height:10px;background-color:#307ed3} .dot4 li{position:relative;margin-bottom:5px;padding-left:20px} .dot4 li ul{margin-top:5px} .dot4 li li{margin-top:2px;margin-bottom:0} .dot4 li:before{content:"";position:absolute;top:5px;left:0;width:10px;height:10px;background-color:#555} @media screen and (min-width:480px){ .dot1 li{padding-left:11px} .dot1 li:before{top:11px;width:4px;height:4px} .dot3 li:before{top:5px;height:12px} .dot4 li:before{top:4px;width:12px;height:12px} } @media screen and (min-width:767px){ .dot1 li{padding-left:15px} .dot1 li li{padding-left:18px} .dot1 li:before{top:11px} .dot1 li li:before{top:13px;width:7px} .dot2 li{padding-left:18px} .dot2 li:before{top:13px;width:7px} .dot3 li:before{top:6px;height:14px} .dot4 li:before{top:7px;width:13px;height:13px} } @media screen and (min-width:1000px){ .dot1 li:before{width:5px;height:5px} } .lst_decimal1{counter-reset:item} .lst_decimal1 li{position:relative;padding-bottom:3px;padding-left:25px} .lst_decimal1 li:before{content:counter(item)".";counter-increment:item;position:absolute;left:0;top:0;width:20px;height:20px;background:transparent;margin-right:5px;font-size:1.125rem;font-weight:500;color:#00a098} .lst_decimal1 ol,.lst_decimal1 ul{padding-top:1px;padding-left:20px} .lst_decimal1 ol li,.lst_decimal1 ul li{padding-left:5px} .lst_decimal1 ol li:before,.lst_decimal1 ul li:before{content:counter(item);counter-increment:item;display:block;position:absolute;left:-20px;top:4px;width:16px;height:16px;border-radius:50%;border:1px solid #888;font-size:11px;line-height:16px;text-align:center} @media screen and (min-width:550px){ .lst_decimal1 ol li:before,.lst_decimal1 ul li:before{top:5px;width:18px;height:18px;font-size:12px;line-height:18px;text-align:center} } .flowchart1 li{clear:both;position:relative;min-height:70px;padding-left:70px;padding-bottom:10px} .flowchart1 .won{float:left;display:block;position:absolute;left:0;width:50px;background-color:#fff} .flowchart1 .won img{max-width:70px;margin:-10px -10px -10px -10px} .flowchart1 .won:after{content:"\ea6c";display:block;position:absolute;z-index:2;bottom:-20px;left:15px;font-family:"remixicon";font-size:1rem;color:#307ed3;transform:rotate(90deg);-webkit-transform:rotate(90deg)} .flowchart1 li:last-child .won:after{display:none} .flowchart1 .tit{padding-top:5px;font-size:1.125rem;font-weight:500;color:#00a098} .flowchart1 .txt{padding-top:2px;font-size:13px;font-weight:300;color:#666;line-height:130%} .flowchart1 .txt br{display:none} @media screen and (min-width:480px){ .flowchart1 li{clear:none;float:left;padding-left:0;padding-bottom:0;text-align:center} .flowchart1 .won{float:none;display:inline-block;position:relative;width:100px;border-radius:50%;overflow:visible} .flowchart1 .won img{max-width:100%;margin:0} .flowchart1 .won:after{bottom:auto;top:45%;left:auto;right:-15%;font-size:1.5rem;transform:rotate(0);-webkit-transform:rotate(0)} .flowchart1 .tit{padding-top:20px} .flowchart1 .txt{padding-top:5px;font-size:1rem} .flowchart1 .txt br{display:block} .flowchart1-4 li{width:22%;margin-left:4%} .flowchart1-4 li:first-child{margin-left:0} .flowchart1-4 .won:after{right:-15%} .flowchart1-6 li{width:30%;margin-left:5%} .flowchart1-6 li:nth-child(3n+1){clear:both;margin-left:0} .flowchart1-6 li:nth-child(n+4){margin-top:30px} .flowchart1-6 .won:after{right:-35%} } @media screen and (min-width:550px){ .flowchart1 .won{max-width:120px;width:auto} } @media screen and (min-width:767px){ .flowchart1-4 .won:after{right:-40%} .flowchart1-6 .won:after{right:-50%} } @media screen and (min-width:1000px){ .flowchart1 .won{max-width:80%} .flowchart1 .tit{padding-top:30px} .flowchart1 .txt{padding-top:10px} .flowchart1-6 li:nth-child(n){clear:none;width:15%;margin-top:0;margin-left:2%} .flowchart1-6 li:first-child{margin-left:0} .flowchart1-4 .won:after{right:-30%} .flowchart1-6 .won:after{right:-30%} } @media screen and (min-width:1400px){ .flowchart1-4 .won:after{right:-50%} } .flowchart2{} .flowchart2 ol,.flowchart2 ul{overflow:hidden;border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd;counter-reset:section} .flowchart2 li{position:relative;height:100%;border-top:1px solid #ddd;text-align:center} .flowchart2 li .won{display:inline-block;border-radius:50%} .flowchart2 li:nth-child(4n+1) .won{background-color:#1cbabb} .flowchart2 li:nth-child(4n+2) .won{background-color:#1c92eb} .flowchart2 li:nth-child(4n+3) .won{background-color:#2865c9} .flowchart2 li:nth-child(4n+4) .won{background-color:#7688a5} .flowchart2 li .lay{position:relative;width:100%;height:100%;padding:2rem} .flowchart2 li .tit{display:block;padding-top:20px;padding-bottom:10px;font-size:1.125rem;color:#000;font-weight:500} .flowchart2 li .tit:before{display:block;font-size:0.9rem;font-weight:400;color:#00a098;counter-increment:section;content:"STEP. "counter(section)} .flowchart2 li .txt{text-align:center} .flowchart2 li:not(:first-child) .lay:before{content:"\ea6e";position:absolute;top:0;left:50%;z-index:2;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background-color:#555;font-family:"remixicon";font-size:1.25rem;color:#fff;line-height:26px;text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)} @media all and (min-width:480px){ .flowchart2 li{float:left;width:33%;border-top:0} .flowchart2 li:after{display:none;content:"";position:absolute;left:50%;top:0;z-index:0;width:6000px;height:1px;margin-left:-3000px;background-color:#ddd} .flowchart2 li:before{display:none;content:"";position:absolute;left:0;top:0;z-index:0;width:1px;height:6000px;background-color:#ddd} .flowchart2:not([class*="type_3"]) li{width:33.3%} .flowchart2:not([class*="type_3"]) li:nth-child(1):before, .flowchart2:not([class*="type_3"]) li:nth-child(2):before, .flowchart2:not([class*="type_3"]) li:nth-child(3):before, .flowchart2:not([class*="type_3"]) li:nth-child(3n+1):after{display:block} .flowchart2:not([class*="type_3"]) li:nth-child(3n+1){clear:both} .flowchart2:not([class*="type_3"]) li:nth-child(3n+1):before{display:none} .flowchart2:not([class*="type_3"]) li:nth-child(6n+4), .flowchart2:not([class*="type_3"]) li:nth-child(6n+5), .flowchart2:not([class*="type_3"]) li:nth-child(6n+6){float:right} .flowchart2 li:not(:first-child) .lay:before{top:100px;left:0;transform:rotate(0);-webkit-transform:rotate(0)} .flowchart2:not([class*="type_3"]) li:nth-child(6n+5) .lay:before, .flowchart2:not([class*="type_3"]) li:nth-child(6n+6) .lay:before{top:100px;left:auto;right:0;margin:-13px -13px 0 0 ;margin-left:0;transform:rotate(180deg);-webkit-transform:rotate(180deg)} .flowchart2:not([class*="type_3"]) li:nth-child(6n+4) .lay:before, .flowchart2:not([class*="type_3"]) li:nth-child(6n+7) .lay:before{top:0;left:50%;margin:-13px 0 0 -13px;transform:rotate(90deg);-webkit-transform:rotate(90deg)} } .photoLst1{clear:both} .photoLst1:after{content:"";clear:both;display:block} .photoLst1>.txt+.img{padding-top:5%} .photoLst1>.img+.txt{padding-top:5%} @media all and (min-width:550px){ .photoLst1>.img{width:50%} .photoLst1>.txt{width:50%} .photoLst1>.txt+.img{padding-top:0} .photoLst1>.img+.txt{padding-top:0} .photoLst1.left>.img{float:left} .photoLst1.left>.txt{float:right;padding-left:5%} .photoLst1.right>.img{float:right} .photoLst1.right>.txt{float:left;padding-right:5%} } .photoLst2>.txt{line-height:150%} .photoLst2>.txt p{padding-top:2%} .photoLst2>.txt p:first-child{padding-top:0} .photoLst2>.txt+.img{padding-top:5%} .photoLst2>.img+.txt{padding-top:5%} @media all and (min-width:620px){ .photoLst2{background:linear-gradient(165deg,#0090c2,#00c1b0,#00c1b0)} .photoLst2>.img{float:right;width:50%} .photoLst2>.txt{float:left;width:50%;padding:5%;color:#fff} .photoLst2>.txt p{padding-top:3%} .photoLst2>.txt+.img{padding-top:0} .photoLst2>.img+.txt{padding-top:0} .photoLst2.left>.img{float:left} .photoLst2.left>.txt{float:right} .photoLst2.right>.img{float:right} .photoLst2.right>.txt{float:left} } @media all and (min-width:1000px){ .photoLst2>.txt{font-size:1.125rem} } .content_tab{margin:5% auto 0} .content_tab ul{margin-right:-3px} .content_tab:first-child{margin:0 auto 2%} .content_tab li{position:relative;z-index:1;float:left;width:50%;height:40px;margin:-1px 0 0 -1px;border:solid 1px #ddd;background-color:#f9fafc;line-height:0} .content_tab li a{display:block;width:100%;padding:10px 5px;line-height:120%;text-align:center;vertical-align:middle;text-decoration:none} .content_tab li.active,.content_tab li.active:hover{z-index:2;border:solid 2px #00a098;background-color:#fff} .content_tab li:hover{z-index:2;border:1px solid #00a098;background-color:#fff} .content_tab li.active a,.content_tab li a:hover,.content_tab li a:focus,.content_tab li:hover a{color:#00a098} .content_tab li.active a{font-weight:400} .content_tab.content_tab5 li{width:20%} .content_tab.content_tab6 li{width:33.333%} .content_tab em{display:block;font-size:12px} .content_tab span{display:block;margin-top:2px;font-size:0.85rem} .content_tab span.ing{color:#ff0000} .content_div{display:none} .content_div.active{display:block;position:relative;z-index:99999;margin-top:20px} @media screen and (min-width:550px){ .content_tab span{margin-top:5px} } @media screen and (min-width:767px){ .content_tab li{height:43px} .content_tab.content_tab6 li{width:16.666%} .content_div.active{margin-top:30px} } @media screen and (min-width:1000px){ .content_tab li{height:53px} .content_tab li a{padding:15px 5px} .content_div.active{margin-top:3%} } .txt-tip{position:relative;padding-left:25px} .txt-tip:before{content:"";position:absolute;top:3px;left:0;width:18px;height:18px;border-radius:50%;background-color:#307ed3;font-size:13px;font-weight:700;color:#fff;text-align:center;line-height:18px} .txt-tip1:before{content:"i"} .color1{color:rgb(26,145,235)} .color2{color:rgb(26,185,186)} .color3{color:rgb(38,100,199)} .box1{padding:20px;border:2px solid #00a098} @media screen and (min-width:767px){ .box1{padding:2rem} } .scroller-y::-webkit-scrollbar{width:6px} .scroller-x::-webkit-scrollbar{height:6px} .scroller::-webkit-scrollbar-thumb{background-color:#ccc} .scroller::-webkit-scrollbar-track{background-color:#eee} .scroller.scroller-x{overflow-x:auto; zoom:1;padding-left:1px} .scroller.scroller-Y{overflow-y:auto; zoom:1} .popLayer{position:fixed;opacity:0;top:0px;left:0px;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,0.7);transition:opacity 0.3s ease-out 0s} .popLayer.active{opacity:1;z-index:99999} .popLayer > div{position:absolute;top:50%;left:50%;width:90%;margin:0 auto;transform:translate(-50%, -50%);text-align:center} .popLayer > div > img{max-width:380px;width:100%;height:auto;box-shadow:26px 18px 49px rgba(0,0,0,.2)} .popLayer .close{display:block} .hamburger{display:block;position:absolute;top:0px;right:0;z-index:9999;width:71px;height:71px;background:rgba(255,255,255,0);border:0;cursor:pointer} .hamburger.open{position:fixed;top:-60px;right:-10px} .hamburger .bar{position:absolute;left:25px;width:35px;height:2px;background-color:#fff;transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s} .hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s} .hamburger.open .bar.top{top:50%;transform:translateY(-50%) rotate(45deg)} .hamburger.open .bar.middle{opacity:0;transition:opacity 1ms linear 0.2s} .hamburger.open .bar.bottom{top:50%;transform:translateY(-50%) rotate(-45deg)} @media screen and (min-width:550px){ .popLayer > div{width:380px} .hamburger.open{top:0px;right:-70px} } #bo_v_title{font-size:1.5em} /* 게시물 선택복사 선택이동 */ #copymove{} #copymove .win_desc{text-align:center;display:block} #copymove .tbl_wrap{margin:20px} #copymove .win_btn{padding:0 20px 20px} .copymove_current{float:right;background-color:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg{background-color:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg{position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active{width:100%;height:75px;background-color:#21272e;color:#fff;font-size:2em;font-weight:500;text-align:center;text-decoration:none;line-height:3.3em} /* ie6 이미지 너비 지정 */ .img_fix{width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha{display:inline-block;position:relative} #captcha legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img{height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3{margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload{margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key{margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background-color:#fff;font-size:1.333em;font-weight:500;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info{display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio{display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img{width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block} #captcha.m_captcha #captcha_reload{position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} #captcha.m_captcha #captcha_reload span{display:none} #captcha.m_captcha #captcha_key{margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background-color:#f7f7f7;font-size:1.333em;font-weight:500;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info{display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3{width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor 단축키 */ .cke_sc{margin:0 0 5px;text-align:right} .btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background-color:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .cke_sc_def{margin:0 0 5px;padding:10px;border:1px solid #ccc;background-color:#f7f7f7;text-align:center} .cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after{display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd{float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt{width:20%;font-weight:500} .cke_sc_def dd{width:30%} /* ckeditor 태그 기본값 */ #bo_v_con ul{display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol{display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li{display:list-item} /* 버튼 */ a.btn,.btn{line-height:40px;height:40px;padding:0 10px;text-align:center;font-weight:500;border:0; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} a.btn01{display:inline-block;padding:0 7px;border:1px solid #ccc;background-color:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover{background-color:#f0f0f0;text-decoration:none} button.btn01{display:inline-block;margin:0;padding:0 7px;border:1px solid #ccc;background-color:#fafafa;color:#000;text-decoration:none} a.btn02{display:inline-block;padding:0 7px;border:1px solid #3b3c3f;background-color:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover{background-color:#68717b;text-decoration:none} button.btn02{display:inline-block;margin:0;padding:0 7px;border:1px solid #3b3c3f;background-color:#4b545e;color:#fff;text-decoration:none} .btn_confirm{text-align:right} /* 서식단계 진행 */ .btn_submit{border:0;background-color:#307ed3;color:#fff;cursor:pointer;border:0} .btn_submit:hover{background-color:#329bff} a.btn_cancel{display:inline-block;background-color:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel{display:inline-block;background-color:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover{background-color:#aaa} a.btn_frmline, button.btn_frmline{display:inline-block;padding:0 5px;height:40px;border:0;background-color:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */ a.btn_frmline{} button.btn_frmline{font-size:1em} /* 게시판용 버튼 */ a.btn_b01,.btn_b01{display:inline-block;background-color:#307ed3;color:#fff;text-decoration:none;vertical-align:middle} .btn_b01:hover, .btn_b01:hover{background-color:#329bff} a.btn_b02,.btn_b02{display:inline-block;background-color:#307ed3;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover{background-color:#329bff} a.btn_b03, .btn_b03{display:inline-block;background-color:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover{background-color:#ebedf6} a.btn_b04, .btn_b04{display:inline-block;background-color:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover{color:#333;background-color:#f9f9f9} a.btn_admin,.btn_admin{display:inline-block;background-color:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover{background-color:#ff3746} /*컬러*/ .color_1{background-color:#169dd6 !important} .color_2{background-color:#14d53d !important} .color_3{background-color:#3814ff !important} .color_4{background-color:#7520c5 !important} .c_ff3300{color:#ff3300 !important} .c_ff6600{color:#ff6600 !important} .c_0078d7{color:#0078d7 !important} /* 기본테이블 */ .tbl_wrap table{width:100%;border-collapse:collapse;border:1px solid #ccc;border-width:1px 0;border-spacing:0 5px;table-layout:fixed} .tbl_wrap caption{padding:10px 0;font-weight:500;text-align:left} .tbl_head01{margin:0;border-top:3px solid #888} .tbl_head01 table{border-top:none} .tbl_head01 caption{overflow:hidden;padding:0;font-size:0;line-height:0} .tbl_head01 th,.tbl_head01 td{height:40px;padding:10px 5px;border-bottom:1px solid #dfdfdf;background-color:#fff;line-height:1.3em;color:#666;word-break:break-all} .tbl_head01 thead th{border-bottom:1px solid #dfdfdf;background-color:#fafafa;font-weight:normal;text-align:center} .tbl_head01 thead th input{vertical-align:baseline} .tbl_head01 tbody tr:hover td{background-color:#fafafa} .tbl_head01 tbody th,.tbl_head01 tbody th{padding:8px 0;border-bottom:1px solid #dfdfdf} .tbl_head01 tfoot th,.tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background-color:#d7e0e2;text-align:center} .tbl_head01 a:hover{text-decoration:underline} th.chk_box input[type="checkbox"] + label span{float:none;margin:auto;text-align:center} td.chk_box input[type="checkbox"] + label span{float:none;margin:auto;text-align:center} .tbl_head02{margin:0 0 10px} .tbl_head02 caption{overflow:hidden;padding:0;font-size:0;line-height:0} .tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background-color:#e5ecef;font-size:.95em;color:#383838;letter-spacing:-.1em;text-align:center} .tbl_head02 thead a{color:#383838} .tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th,.tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background-color:#d7e0e2;text-align:center} .tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background-color:#fff} .tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background-color:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a{} @media screen and (min-width:800px){ .tbl_head01 th,.tbl_head01 td{height:60px} } /* 폼 테이블 */ .tbl_frm01{margin:0 0 20px} .tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #333} .tbl_frm01 th{width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-width:0 1px 1px 0;background-color:#f5f8f9;text-align:left} .tbl_frm01 td{padding:7px 10px;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input{border:1px solid #ccc;background-color:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px 10px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); } .tbl_frm01 textarea{padding:2px 2px 3px} .frm_input{height:40px} .frm_select{height:40px;padding-right:30px;padding-left:10px;border:1px solid #ccc;border-radius:3px;color:#000;vertical-align:middle;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);line-height:1.2em} .full_input{width:100%} .half_input{width:49.5%} .half_input+.half_input{margin-left:1%} .half_input+label+.half_input{margin-left:1%} .tbl_frm01 textarea, .write_div textarea{width:100%;height:100px} .tbl_frm01 a{text-decoration:none} .tbl_frm01 .frm_file{display:block;margin-bottom:5px} .tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em} .btn_cke_sc{font-size:12px} .btn_confirm.write_div{text-align:center} #bo_v_title h2{font-size:2em} #bo_v_atc_title{display:none} /*기본 리스트*/ .list_01 li{border:1px solid #dbdbdb;background-color:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative} .list_01 li:after{display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover{background-color:#f9f9f9} .list_01 li.empty_li{text-align:center;padding:20px 0;color:#666} /*폼 리스트*/ .form_01 h2{margin:0 0 10px;font-size:1.167em} .form_01 li{margin:10px 0} .form_01 li:after{display:block;visibility:hidden;clear:both;content:""} .form_01 li .right_input{float:right} .form_01 textarea{height:100px;width:100%} .form_01 .frm_label{display:inline-block;width:130px} /* 자료 없는 목록 */ .empty_table{padding:50px 0 !important;text-align:center} .empty_list{padding:20px 0 !important;color:#666;text-align:center} /* 필수입력 */ .required, textarea.required{background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 항목별 정의 */ .td_board{width:80px;text-align:center} .td_category{width:80px;text-align:center} .td_chk{width:30px;text-align:center} .td_date{width:60px;text-align:center} .td_datetime{width:110px;text-align:center} .td_group{width:80px;text-align:center} .td_mb_id{width:100px;text-align:center} .td_mng{width:80px;text-align:center} .td_name{width:100px;text-align:left} .td_nick{width:100px;text-align:center} .td_num{width:50px;text-align:center} .td_numbig{width:80px;text-align:center} .td_stat{width:60px;text-align:center} .txt_active{color:#5d910b} .txt_done{color:#e8180c} .txt_expired{color:#ccc} .txt_rdy{color:#8abc2a} /* 새창 기본 스타일 */ .new_win{position:relative} .new_win .tbl_wrap{margin:0 20px} .new_win #win_title{font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background-color:#333;color:#fff} .new_win #win_title .sv{font-size:0.75em;line-height:1.2em} .new_win .win_ul{border-right:1px solid #dfe6e7} .new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li{float:left;background-color:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px} .new_win .win_ul li a{display:block;padding:10px 0} .new_win .win_ul .selected{background-color:#fff;border-color:#307ed3;position:relative;z-index:5} .new_win .win_ul .selected a{color:#307ed3;font-weight:500} .new_win .win_desc{margin:5px 0;font-size:0.92em;color:#3598db} .new_win .frm_info{font-size:0.92em;color:#3598db} .new_win .win_total{text-align:right;margin:10px 0} .new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background-color:#d4d4d4;padding:0 10px;border-radius:5px} .new_win .new_win_con{margin:20px} .new_win .new_win_con:after{display:block;visibility:hidden;clear:both;content:""} .new_win .btn_confirm:after{display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn{text-align:right} .new_win .btn_close{position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer} .new_win .btn_submit{padding:0 20px;height:40px;font-weight:500;font-size:1.083em;float:right} /* 검색결과 색상 */ .sch_word{color:#00c4ac} /* 자바스크립트 alert 대안 */ #validation_check{margin:100px auto;width:500px} #validation_check h1{margin-bottom:20px;font-size:1.3em} #validation_check p{margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background-color:#fff} /* 사이드뷰 */ .sv_wrap{position:relative;font-weight:normal} .sv_wrap .sv{z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background-color:#333; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} .sv_wrap .sv:before{content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} .sv_wrap .sv a{display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb } .sv_wrap .sv a:hover{background-color:#000;color:#fff} .sv_member{color:#333} .sv_on{display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv{display:block} /* 페이징 */ .pg_wrap{clear:both;padding:30px 0 0;text-align:center} .pg_wrap:after{display:block;visibility:hidden;clear:both;content:""} .pg{} .pg_page, .pg_current{display:inline-block;min-width:15px;height:18px;padding:0 2px;border:1px solid #bbb;border-radius:3px;background-color:#f3f3f3;font-size:0.9rem;vertical-align:middle;line-height:15px} .pg a:focus, .pg a:hover{text-decoration:none} .pg_page{color:#555;text-decoration:none} .pg_page:hover{background-color:#ddd} .pg_start{text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_prev{text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_end{text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_next{text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa} .pg_current{display:inline-block;border:1px solid #307ed3;background-color:#307ed3;color:#fff;font-weight:500} @media (min-width:380px){ .pg_page, .pg_current{min-width:18px;height:20px;line-height:18px} } @media (min-width:620px){ .pg_page, .pg_current{min-width:30px;height:30px;padding:0 5px;line-height:28px} } /* cheditor 이슈 */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* 게시판 */ .more_opt{font-size:14px} #content .bo_sch>h3{margin:20px auto} #content .bo_sch>h3:after{display:none} .empty_list{width:100% !important} #bo_sch select{max-width:35%;margin:0 5px !important} #bo_sch .sch_btn{float:right !important} .bo_cate_link{display:none !important} .bo_tit{font-weight:400 !important} select,input[type="text"], input[type="password"], input[type='number']{height:40px;padding:5px 10px} select{padding:5px 7px} textarea{padding:5px 10px} #copymove td{width:auto} #copymove .td_chk{width:30px} #bo_w .btn_submit{border-radius:3px} .btn_bo_user > li > .btn{border-radius:3px} #bo_gall .bo_tit .fa-download, #bo_gall .bo_tit .fa-link, #bo_gall .bo_tit .fa-link, #bo_gall .bo_tit .new_icon, #bo_gall .bo_tit .hot_icon, #bo_gall .bo_tit .fa-lock{width:14px !important;height:14px !important;margin-bottom:2px;font-size:10px !important;line-height:14px !important} #bo_gall .bo_tit .new_icon{background-color:rgba(255,102,0,.2) !important;color:#ff6600 !important} .frm_select{height:40px} @media screen and (max-width:620px){ #bo_sch select,.bo_sch select{margin:0 5px !important;padding-left:10px;line-height:1.2em} #bo_sch select,.bo_sch select,#bo_sch .sch_input,.bo_sch .sch_input,#bo_sch .sch_btn,.bo_sch .sch_btn{height:40px !important} #bo_sch .sch_btn,.bo_sch .sch_btn{width:40px} #bo_cate a{line-height:40px} .frm_select{height:40px} select,input[type="text"], input[type="password"], input[type='number']{height:40px;padding:5px 10px} select{padding:5px 7px} textarea{padding:5px 10px} .bo_v_nb .btn_prv, .bo_v_nb .btn_next{width:100% !important} .bo_v_nb li{float:none !important} .bo_v_nb li:nth-child(2) .nb_tit{float:left !important;padding-right:20px !important;padding-left:0 !important} #bo_gall .bo_tit .fa-download, #bo_gall .bo_tit .fa-link, #bo_gall .bo_tit .fa-link, #bo_gall .bo_tit .new_icon, #bo_gall .bo_tit .hot_icon, #bo_gall .bo_tit .fa-lock{width:12px !important;height:12px !important;line-height:12px !important} } @media screen and (max-width:480px){/* 아이폰+ */ .bo_sch #sfl{width:30%} #bo_sch select,.bo_sch select,#bo_sch .sch_input,.bo_sch .sch_input,#bo_sch .sch_btn,.bo_sch .sch_btn{height:36px !important} #bo_sch .sch_btn,.bo_sch .sch_btn{width:36px !important} #bo_cate ul{text-align:left} #bo_cate li{min-width:33.333%} #bo_cate a{line-height:36px} a.btn,.btn,a.btn_frmline, button.btn_frmline{height:36px;padding:0 12px;line-height:36px} .frm_input,.frm_select{height:36px} select,input[type="text"], input[type="password"], input[type='number']{height:36px;padding:5px 10px} select{padding:5px 7px} textarea{padding:3px 7px} } @media screen and (max-width:360px){/* 안드로이드 */ .bo_sch{margin-bottom:20px} #bo_sch select,.bo_sch select,#bo_sch .sch_input,.bo_sch .sch_input,#bo_sch .sch_btn,.bo_sch .sch_btn{height:32px !important} #bo_sch .sch_btn,.bo_sch .sch_btn{width:32px} #bo_cate a{line-height:32px} a.btn,.btn,a.btn_frmline, button.btn_frmline{height:32px;padding:0 10px;line-height:32px} .frm_input,.frm_select{height:32px;padding:3px 5px} select,input[type="text"], input[type="password"], input[type='number']{height:32px;padding:3px 5px} select{padding:3px 2px} textarea{padding:3px 5px} } .board{overflow-x:auto;max-width:577px;width:100%;margin:auto} .board table{width:100% !important} .board .tbl1{border:1px solid #dfdfdf;border-width:1px 0 0 0} .board .tbl1 td{min-height:30px;padding:5px 0 0;border:1px solid #dfdfdf;border-width:0 0 1px 1px;font-size:12px;text-align:center} .board .tbl2{border:1px solid #dfdfdf;border-width:1px 0 0 0} .board .tbl2 td{min-height:30px;padding:5px 0 0;border:1px solid #dfdfdf;border-width:0 1px 1px 0;font-size:12px;text-align:center} .board td{font-size:12px;line-height:150% !important} .board .unnamed1{font-family:"돋움";font-size:12px;line-height:150%;letter-spacing:0;color:888888;font-weight:normal;font-variant:normal} .board .unnamed2{font-family:"돋움";font-size:12px;line-height:150%;letter-spacing:0;color:888888;font-weight:normal;font-variant:normal} .board .pass{font-family:"돋움";font-size:8pt;color:999999} .board .sub04u{font-family:"돋움", "Arial", "Tahoma", "Verdana", "굴림";font-size:9pt;line-height:200%;color:#999999;text-decoration:none;clip:rect(auto auto auto auto);font-weight:normal;letter-spacing:normal} .board .height-40{height:40px} .board .through{text-decoration:line-through} /* Mobile화면으로 */ #device_change{display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background-color:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} html{font-size:14px} @media (min-width:480px){ html{ font-size:15px} } @media (min-width:767px){ html{ font-size:16px} } @media (min-width:1000px){ html{ font-size:17px} } @media (min-width:1280px){ html{ font-size:18px} } @media (min-width:1400px){ html{ font-size:19px} } .ui-widget{font-size:.9em !important}