@charset "utf-8"; @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} /*나눔고딕*/ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /*NotoSnasKr : 사용법 font-family: 'Noto Sans KR', sans-serif; */ @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); @import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css"); @import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css"); @import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css"); @import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css"); /*나눔명조 Nanum Myeongjo*/ @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* 잘난 */ @font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } /* 배민 도현 */ @font-face { font-family: 'BMDOHYEON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff'); font-weight: normal; font-style: normal; } /* 닉스곤 */ @font-face { font-family: 'NIXGON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/NIXGONM-Vb.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'NIXGON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/NIXGONB-Vb.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'NIXGON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/NIXGONB-Vb.woff') format('woff'); font-weight: 700; font-style: normal; } /* G마켓 산스 */ @font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: 600; font-style: normal; } .font_jalnan{font-family:'yg-jalnan';} .font_dohyeon{font-family:'BMDOHYEON';} .font_nixgon{font-family:'NIXGON';} .font_gmarket{font-family:'GmarketSans';} /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0;font-size:0.75em;font-family:'NanumSquare', dotum, sans-serif;letter-spacing:-1px;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NanumSquare', dotum, sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul, dl,dt,dd {margin:0;padding:0;list-style:none} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle;font-size:1em} input, button {margin:0;padding:0;font-family:'NanumSquare', dotum, sans-serif;font-size:1em} input[type="submit"]{cursor:pointer} button {cursor:pointer} textarea, select {font-family:'NanumSquare', dotum, sans-serif;font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=text],input[type=password], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important; } .placeholdersjs { color: #aaa !important; } /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;} .hd_pops img{max-width:100%} .hd_pops_con {} .hd_pops_footer {padding: 0;background:#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:#000;text-align:left} .hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0} /* 상단 레이아웃 */ #hd {min-width:1000px;border-top:2px solid #253dbe} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;width:1200px;zoom:1} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #logo {float:left;padding:30px 0 0} .hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;} #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_sch{;border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden} #hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;;border-right:0;float:left;font-size:1.25em} #hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px} #sbn_side{position:absolute;top:20px;right:0} #tnb {border-bottom:1px solid #ddd;background:#fff} #tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #tnb ul {margin:0 auto;width:1200px;zoom:1} #tnb ul:after {display:block;visibility:hidden;clear:both;content:""} #tnb li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em} #tnb a {display:inline-block;padding:0 10px;color:#646464;line-height:35px} #tnb a:focus, #tnb a:hover {color:#253dbe;background:#fafafa} #tnb .tnb_admin a{color:#ff0000;} #tnb .tnb_left{float:left} #tnb .tnb_left a{;padding:0 14px} #tnb .tnb_cart{border-right:1px solid #ddd;} #tnb .tnb_community{border-right:1px solid #ddd} #tnb .tnb_community i{font-size:15px} #tnb .tnb_community{background:#e7e7e7;font-weight:bold;} #tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0} #tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7} #hd_qnb{float:right;margin-top:20px} #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""} #hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px} #hd_qnb li span {display:block;margin-top:5px;font-size:0.92em} #hd_qnb li a{display:block} #hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff} #hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0} #hd_qnb li .fa-question{background:#e83a5f;font-size:20px} #hd_qnb li .fa-question:hover{background:#e41b45} #hd_qnb li .fa-comments{background:#82c13f;font-size:16px} #hd_qnb li .fa-comments:hover{background:#5aa708} #hd_qnb li .fa-users{background:#f0ba00;font-size:15px} #hd_qnb li .fa-users:hover{background:#f06f00} #hd_qnb li .fa-history{background:#8522c4;font-size:15px} #hd_qnb li .fa-history:hover{background:#6700a9} /* 메인메뉴 */ #gnb{position:relative} #gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap{margin:0 auto;width:1200px;position:relative} #gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#253dbe;zoom:1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3)} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;} #gnb .gnb_1dli:hover{background:#1a30a7; -webkit-transition: background-color 2s 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;} .gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px} .gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;} .gnb_2dli{border-top:1px solid #253dbe} .gnb_2dli:first-child{border:0} .gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1);} .gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none} a.gnb_2da:hover{background:#0e2080; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff} .gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff} .gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555} #gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px} #gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0} #gnb .gnb_mnal{padding:0} #gnb_all{display:none;position:absolute;width:100%;z-index:99;} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2);} #gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px } #gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071} #gnb_all .gnb_al_li li {padding-left:10px;line-height:2em} #gnb_all .gnb_al_li li i{color:#9ca6cc} #gnb_all .gnb_al_li li a{color:#555} /* 중간 레이아웃 */ #wrapper{} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} #container_wr {z-index:5;margin:0 auto;width:1200px;height:100%;;zoom:1} #aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;;margin:20px 0 20px 20px} #container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:875px;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {font-size:1.333em;max-width:1200px;margin:0 auto;font-weight:bold;} #container_title span{margin:0 auto 10px;display:block;line-height:30px;} /*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/ .lt_wr{width:49%} .lt_wr:nth-child(2n+1){clear:both} .latest_wr:after {display:block;visibility:hidden;clear:both;content:""} /* 하단 레이아웃 */ #ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:30px;margin:0 auto;text-align:center} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ft_wr {width:1200px;margin:0 auto;position:relative;} #ft_link{padding:15px 0;border-bottom:1px solid #eee} #ft_link a{;display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold} #ft_catch{margin:20px 0 10px} #ft_copy{color:#555;font-size:0.92em} #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:0px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);border-radius:50%;outline:none;} #top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff} /* 게시물 선택복사 선택이동 */ #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:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#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;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:#21272e;color:#fff;font-size:2em;font-weight:bold;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:#fff;font-size:1.333em;font-weight:bold;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:#f7f7f7;font-size:1.333em;font-weight:bold;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:#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:#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:bold} .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:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;transform:skew(-0.1deg); -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:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ .btn_submit {border:0;background:#2aa0c1;color:#fff;;cursor:pointer;border:0} .btn_submit:hover {background:#4bb4d2} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa; } a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;background:#232b32;color:#fff;text-decoration:none;vertical-align:middle} .btn_b01:hover, .btn_b01:hover {background:#444b51} a.btn_b02,.btn_b02 {display:inline-block;background:#2aa0c1;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;} a.btn_b02:hover, .btn_b02:hover {background:#4bb4d2} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9} a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {background:#ff3746} /*컬러*/ .color_1 {background:#169dd6} .color_2 {background:#14d53d} .color_3 {background:#3814ff} .color_4 {background:#7520c5} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {color:#666;background:#fff;;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} .tbl_head01 tbody tr:hover td{background:#fafafa;} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .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:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -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;} .full_input{width:100%} .half_input{width:49.5%} .tbl_frm01 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} /*기본 리스트*/ .list_01 li{border:1px solid #dbdbdb;background:#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:#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:#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:#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:#fff;border-color:#253dbe;position:relative;z-index:5} .new_win .win_ul .selected a{color:#253dbe;font-weight:bold} .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:#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:bold;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:#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:#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:#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;margin:30px 0 ;text-align:center} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {} .pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;} .pg_page:hover{background:#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;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px; -webkit-box-shadow: inset 1px 1px 2px #222542; -moz-box-shadow: inset 1px 1px 2px #222542; box-shadow: inset 1px 1px 2px #222542; } /* 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; } /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /*박세진작업*/ #bo_list_total {display:none !important;} * { margin:0; padding:0 } li {list-style:none;} .inner {width:1200px;margin:0 auto; position:relative;} .clearfix::after {content:'';display:block;clear:both;} .inner_x{width:100%;} .bbs_inner{padding-top:30px;padding-bottom:170px;} /*res 폼*/ .tbl001 {width:100%;border-collapse:collapse;font-size:13px;margin-top:20px;padding:0 10px;} .tbl001 li {overflow:hidden;} .tbl001 li p {padding:10px 0;text-align:left;font-weight:400;float:left;box-sizing:border-box;width:49%;} .tbl001 li p:last-child {float:right;} .tbl001 .sol_li p {float:none;width:100%;} .tbl001 input[type="text"] {padding:0 10px;border:1px solid #e0e3ea;box-sizing: border-box;width:100%;height:35px;} .tbl001 select {border:1px solid #e0e3ea;box-sizing: border-box;width:100%;height:35px;} .tbl001 textarea {padding:10px;border:1px solid #e0e3ea;box-sizing: border-box;width:100%;height:150px;} .tbl001 label {padding-right:20px} .form_div {padding:30px;overflow:hidden;border:1px solid #dfdfdf;color:#333;margin-top:40px;} .form_div label {display:none;} .form_div h5 {font-size:18px;margin-top:15px;} .form_div .yak_p {background:#fdfdfd;padding:10px !important;box-sizing:border-box;border:1px solid #E5E8EE;overflow-y:auto;text-align:left;color:#777;height:100px;font-size:13px;line-height:20px;border-radius:5px;margin-top:10px;} .form_div .chart_btn {text-align:center;width:190px;height:70px;line-height:70px;background:#8392a4;font-size:17px;} .form_div .chart_btn a {display:block;width:100%;height:70px;line-height:70px;background:#8392a4;color:#fff;} .form_div .def_btn {text-align:center;width:200px;height:50px;line-height:50px;background:#8392a4;font-size:17px;color:#fff;border:0px;font-family:'나눔바른고딕', Nanum Barun Gothic, 'NanumBarunGothic', '나눔고딕', NanumGothic, 'fontng', 'Nanum Gothic', sans-serif;} .form_div .bluest {background:#FF0081} /*//res 폼*/ img{max-width:100%;} /*body{min-width:1200px;}*/ .header{position:fixed;top:0;left:0;width:100%;height:100px;z-index:900;} .hd_top{width:100%;height:100%;background:#fff;position:relative;} .hd_top::after{content:'';display:block;clear:both;} .hd_top .hd_logo{float:left;width:18.75%;text-align:center;line-height:100px;} .hd_top .hd_gnb{float:left;width:60.5%;height:100%;} .hd_top .hd_gnb .gnb_ul{overflow:hidden;} .hd_top .hd_gnb .gnb_ul .gnb_li{float:left;width:18%;text-align:center;} .hd_top .hd_gnb .gnb_ul .gnb_li:first-child{width:28%;} .hd_top .hd_gnb .gnb_ul .gnb_li a{display:block;width:100%;height:100%;line-height:100px;font-size:24px;font-weight:600;color:#1d1d1d;} .hd_top .hd_gnb .gnb_ul .gnb_li.on a{color:#2aa0c1;font-weight:800;} .hd_top .hd_member{float:right;width:20.75%;height:100%;text-align:center;padding-top:33px;} .hd_top .hd_mem_ul li{display:inline-block;vertical-align:middle;margin:0 10px;font-size:15px;font-weight:600;transform:skew(-0.1deg);position:relative;} .hd_top .hd_mem_ul li.normal a{color:#858585;} .hd_top .hd_mem_ul li.normal._admin a{color:#333;font-weight:800;} .hd_top .hd_mem_ul li.strong{background:#2aa0c1;border-radius:50px;} .hd_top .hd_mem_ul li.strong2{background:#094e61;border-radius:50px;} .hd_top .hd_mem_ul li.strong img{margin-right:5px;} .hd_top .hd_mem_ul li.strong a{display:block;padding:8px 25px 8px 25px;color:#fff;} .hd_top .hd_mem_ul li.strong2 a {width:88px;} .hd_dropdown{position:absolute;top:100%;left:0;width:100%;height:0;background:rgba(42,160,193,0.98);overflow:hidden;transition:0.3s;}/*height:265px*/ .hd_dropdown .dropdown_text{float:left;width:18.75%;height:100%;padding:60px 0 0 45px;color:#fff;position:relative;} .hd_dropdown .dropdown_text::before{content:'';display:block;width:3px;height:75%;background:rgba(255,255,255,0.6);position:absolute;top:50%;right:-1px;transform:translateY(-50%);} .hd_dropdown .dropdown_text .hdt_tit{font-size:31px;margin-bottom:25px;} .hd_dropdown .dropdown_text .hdt_tit b{font-weight:800;} .hd_dropdown .dropdown_text .hdt_txt{font-size:15px;line-height:23px;transform:skew(-0.1deg);} .hd_dropdown .dropdown_gnb{float:left;width:62.5%;height:100%;padding:58px 90px 0;} .hd_dropdown .dropdown_gnb .hdg_ul{display:none;} .hd_dropdown .dropdown_gnb .hdg_ul.on{display:block;} .hd_dropdown .dropdown_gnb .hdg_ul li{display:inline-block;width:30%;position:relative;} .hd_dropdown .dropdown_gnb .hdg_ul li::before{content:'';display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:100%;background:#fff;margin-right:12px;} .hd_dropdown .dropdown_gnb .hdg_ul li a{display:inline-block;vertical-align:middle;font-size:20px;line-height:43px;color:#fff;} .hd_dropdown .dropdown_link{position:absolute;bottom:0;right:0;} .header.on .hd_dropdown{height:265px;} .hd_top .hd_mem_ul li.use_strong {border-radius:0;background:none;} .hd_top .hd_mem_ul li.use_strong a {border-radius:50px;padding:8px 0;} .hd_top .hd_mem_ul li.use_strong a:first-child {position:relative;top:-20px;background:#094e61;} .hd_top .hd_mem_ul li.use_strong a:nth-child(2) {position:absolute;bottom:-20px;left:0;background:#000;} #visual{margin-top:100px;height:760px;background:#000;position:relative;} .visual_swiper{height:100%;} .visual_swiper .vis_sld1{background:url('../img/visual_img1_bg1.png') no-repeat center center;background-size:cover;} .visual_swiper .vis_sld1 .inner{padding:110px 105px 0;} .visual_swiper .vis_sld1 .txt1{margin-bottom:22px;} .visual_swiper .vis_sld1 .txt2{margin-bottom:30px;} .visual_swiper .vis_sld1 .txt2 a{margin-left:15px;} .visual_swiper .vis_sld2{background:url('../img/visual_img2_bg.png') no-repeat center center;background-size:cover;} .visual_swiper .vis_sld2 .inner{height:100%;} .visual_swiper .vis_sld2 .tb{display:table;height:100%;} .visual_swiper .vis_sld2 .tbc{display:table-cell;vertical-align:middle;padding:0 125px;} .visual_swiper .vis_sld2 .txt1{font-size:59px;font-weight:800;color:#2f2f2f;margin-bottom:20px;} .visual_swiper .vis_sld2 .txt2{font-size:24px;line-height:31px;font-weight:600;color:#2f2f2f;margin-bottom:85px;} .visual_swiper .vis_sld2 .txt3{display:inline-block;padding:18px 24px;border:1px solid #616161;font-size:17px;color:#616161;} .visual_swiper .vis_sld2 .txt3 img{margin-left:22px;margin-bottom:5px;} .visual_swiper .vis_sld2 .img{position:absolute;top:50%;right:80px;transform:translateY(-50%);} .visual_swiper .vis_sld3{background:url('../img/visual_img3.png') no-repeat center center;background-size:cover;} .visual_swiper .vis_sld4{background:url('../img/visual_img4.png') no-repeat center center;background-size:cover;} .visual_swiper a.full_link{display:block;width:100%;height:100%;} .vis_swp_pager{position:absolute;bottom:0;left:0;z-index:100;width:100%;height:100px;background:rgba(42,160,193,0.5);} .vsp_ul{overflow:hidden;height:100%;} .vsp_ul .vsp_li{float:left;width:33.333333%;height:100%;text-align:center;color:#fff;padding-top:30px;transition:0.3s;cursor:pointer;} .vsp_ul .vsp_li.active{background:#2aa0c1;} .vsp_ul .vsp_li .vsp_tit{font-size:19px;font-weight:600;margin-bottom:5px;} .vsp_ul .vsp_li .vsp_desc{font-size:15px;font-weight:300;transform:skew(-0.1deg);} .vis_swp_pager._el4{} .vis_swp_pager._el4 .vsp_ul{/*width:1400px;*/} .vis_swp_pager._el4 .vsp_ul .vsp_li{width:25%;} .mid01{padding:135px 0 117px;} .mid01_tit{font-size:29px;font-weight:800;color:#2aa0c1;text-align:center;margin-bottom:15px;} .mid01_subtit{font-size:18px;font-weight:800;color:#bcbcbc;text-align:center;margin-bottom:80px;letter-spacing:4px;} .mid01_con{overflow:hidden;} .mid01_con li{float:left;height:320px;position:relative;} .mid01_con li::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;transform:scale(1);transition:0.3s;} .mid01_con li:hover::after{transform:scale(0.92);} .mid01_con li a{display:block;width:100%;height:100%;position:relative;z-index:50;} .mid01_con li .m1c_txt1{font-size:27px;font-weight:800;margin-bottom:12px;} .mid01_con li .m1c_txt2{font-size:17px;} .mid01_con li.m1c_li_1{width:33.333333%;background:url('../img/mid01_img1.png') no-repeat center;background-size:cover;} .mid01_con li.m1c_li_1::after{background:#6f7a94;opacity:0.2;} .mid01_con li.m1c_li_1 a{padding:55px 35px;color:#fff;} .mid01_con li.m1c_li_2{width:33.333333%;background:url('../img/mid01_img2.png') no-repeat center;background-size:cover;} .mid01_con li.m1c_li_2::after{background:#dadada;opacity:0.15;} .mid01_con li.m1c_li_2 a{padding:55px 0 55px 18px;color:#fff;} .mid01_con li.m1c_li_3{width:33.333333%;background:url('../img/mid01_img3.png') no-repeat center;background-size:cover;} .mid01_con li.m1c_li_3::after{background:#324166;opacity:0.4;} .mid01_con li.m1c_li_3 a{padding:55px 35px;color:#fff;} .mid01_con li.m1c_li_4{width:50%;background:url('../img/mid01_img4.png') no-repeat center;background-size:cover;} .mid01_con li.m1c_li_4::after{background:#8d8d8d;opacity:0.2;} .mid01_con li.m1c_li_4 a{padding:55px 35px;color:#454545;} .mid01_con li.m1c_li_4 .m1c_txt2{color:#7b7b7b;} .mid01_con li.m1c_li_5{width:50%;background:url('../img/mid01_img5.png') no-repeat center;background-size:cover;} .mid01_con li.m1c_li_5::after{background:#2c4657;opacity:0.5;} .mid01_con li.m1c_li_5 a{padding:55px 35px;color:#fff;} .mid02{padding:80px 0 40px;background:url('../img/mid02_bg_1.png') no-repeat center;background-size:cover;} .mid02_left{float:left;width:50%;position:relative;} .mid02_left .mid02_img{position:absolute;top:0;left:-210px;} /*.m2_count_p{font-size:32px;font-weight:800;color:#fff;} .m2_count_p._margin{margin-bottom:45px;}*/ /*.m2_count_p .m2_counter{font-family:'yg-jalnan';display:inline-block;vertical-align:bottom;font-size:38px;line-height:38px;} .m2_count_p .m2_counter span{display:inline-block;width:60px;height:60px;padding-top:11px;text-align:center;color:#2da2bf;border-radius:8px;background:rgba(255,255,255,0.8);margin:0 4px;} .m2_count_p .m2_count_txt{display:inline-block;vertical-align:bottom;}*/ /*퍼블시*/ /*.m2_count_p{font-size:32px;font-weight:800;color:#fff;overflow:hidden;} .m2_count_p._margin{margin-bottom:50px;} .m2_count_p .m2_counter{float:left;vertical-align:bottom;font-size:38px;line-height:60px;} .m2_count_p .m2_counter ._number{width:60px;height:60px;text-align:center;color:#2da2bf;border-radius:8px;background:rgba(255,255,255,0.8);margin:0 4px;} .m2_count_p .m2_count_txt{float:left;padding-top:26px;}*/ /*rollNumber 스크립트 사용시*/ .m2_count_p{font-size:32px;font-weight:800;color:#292929;overflow:hidden;} .m2_count_p._margin{margin-bottom:50px;} .m2_count_p .m2_counter{font-family:'yg-jalnan';float:left;vertical-align:bottom;font-size:38px;line-height:60px;} .m2_count_p .m2_counter .num{width:60px;height:60px;text-align:center;color:#2da2bf;border-radius:8px;background:#fdfdfd;border:1px solid #dfdfdf;margin:0 4px;display:inline-block;vertical-align:bottom;} .m2_count_p .m2_counter .comma{display:inline-block;vertical-align:bottom;line-height:38px;} .m2_count_p .m2_count_txt{float:left;padding-top:26px;} /*incremental-counter 플러그인*/ .m2_strongtxt{font-size:35px;font-weight:800;color:#292929;letter-spacing:-1px;transform:skew(-8deg);padding-top:30px;margin-bottom:20px;} .m2_strongtxt span{font-size:57px;font-weight:800;letter-spacing:-2px;display:inline-block;position:relative;} .m2_strongtxt span::after{content:'.';display:block;position:absolute;top:-68px;left:50%;transform:translateX(-50%);} /*#m2_review_wrap {height:420px;}*/ .mid02_right{float:right;width:46.666666666%;margin-top:-3px;} .m2_review{width:100%;} .m2_review li{display:table;width:100%;height:105px;padding:10px;border-radius:4px;overflow:hidden;transition:0.3s;} .m2_review li:hover{background:#fff;} .m2_review li .m2r_img{/*float:left;*/display:table-cell;vertical-align:middle;width:125px;height:81px;} .m2_review li .m2r_txtbox{display:table-cell;vertical-align:middle;width:315px;width:-webkit-calc(100% - 225px);width:-moz-calc(100% - 225px);width:-o-calc(100% - 225px);width:calc(100% - 225px);padding-left:25px;} /*.m2_review li .m2r_txtbox{float:left;width:340px;width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);width:-o-calc(100% - 200px);width:calc(100% - 200px);height:100%;padding:0 50px 0 25px;}*/ .m2_review li .m2r_txtbox .m2r_tit{font-size:15px;font-weight:800;color:#535353;transform:skew(-0.1deg);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:242px;margin-bottom:10px;} .m2_review li .m2r_txtbox .m2r_atc{font-size:13px;font-weight:600;color:#535353;transform:skew(-0.1deg);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:242px;;} .m2_review li .m2r_more{display:table-cell;vertical-align:middle;width:100px;text-align:center;} .m2_review li .m2r_more a{display:inline-block;padding:5px 14px;font-size:13px;font-weight:800;color:#fff;background:#2ba1c0;border-radius:50px;transform:skew(-0.1deg);} .m2_showall{padding-top:18px;text-align:right;transform:skew(-0.1deg);} .m2_showall a{font-size:15px;font-weight:600;text-decoration:underline;color:#1c1c1c;} .mid03{padding:120px 0 70px;} .mid03_tit{font-size:25px;font-weight:800;color:#404040;margin-bottom:27px;} .mid03_tit span{color:#2aa0c1;} .mid03_swp_wrap{width:590px;min-height:388px;border:1px solid #dfdfdf;position:relative;} .mid03_swp_wrap .m3_swp .swiper-slide{text-align:center;} .m3_swptxt_box{position:absolute;bottom:0;left:0;width:100%;height:57px;line-height:57px;padding:0 15px 0 25px;color:#fff;background:rgba(27,27,27,0.5);z-index:10;} .m3_swptxt_box .m3_swptxt{float:left;width:80%;height:57px;} .m3_swptxt_box .m3_swptxt a{color:#fff;font-size:18px;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:100%;} .m3_swptxt_box .m3_swptxt_btn{float:right;} .m3_swptxt_box .m3_swptxt_btn .m3_prev, .m3_swptxt_box .m3_swptxt_btn .m3_next{display:inline-block;vertical-align:middle;width:31px;height:31px;line-height:35px;text-align:center;background:rgba(27,27,27,0.5);font-size:18px;margin:0 1px;cursor:pointer;} .m3_swptxt_box .m3_swptxt_btn .m3_prev.swiper-button-disabled, .m3_swptxt_box .m3_swptxt_btn .m3_next.swiper-button-disabled{color:#999;pointer-events:none;} .mid03_con1{float:left;width:590px;margin-bottom:28px;} .mid03_con2{float:right;width:590px;margin-bottom:28px;} .mid03_con3{float:left;width:465px;height:330px;color:#fff;background:url('../img/faq_bg.png') no-repeat center;background-size:cover;padding:80px 57px 0;text-align:left;} .mid03_con4{float:right;width:715px;height:330px;color:#fff;background:url('../img/find_bg.png') no-repeat center;background-size:cover;padding:80px 67px 0;text-align:right;} .m3c_tit{font-size:44px;font-weight:800;margin-bottom:13px;} .m3c_desc{font-size:17px;letter-spacing:-0.5px;margin-bottom:65px;} .m3c_btn{display:inline-block;padding:12px 30px;background:#fff;border-radius:50px;font-size:17px;font-weight:800;} .m3c_btn img{margin-bottom:8px;} .mid03_con3 .m3c_btn{color:#56b1cc;} .mid03_con3 .m3c_btn img{margin-left:40px;} .mid03_con4 .m3c_btn{color:#1e3851;} .mid03_con4 .m3c_btn img{margin-left:14px;} .footer{background:#232b32;color:#666;text-align:center;} .ft_top{border-bottom:1px solid #717b83;} .ft_top .ft_link li{display:inline-block;margin:0 35px;} .ft_top .ft_link li a{font-size:17px;font-weight:600;color:#c4c4c4;line-height:60px;} .ft_btm{padding:50px 0 20px;} .ft_btm .ft_logo{margin-bottom:35px;} .ft_btm .ft_info{font-size:14px;line-height:24px;transform:skew(-0.1deg);} .ft_btm .ft_info span{margin:0 10px;} .ft_btm .ft_copy{font-size:14px;line-height:24px;transform:skew(-0.1deg);margin-top:24px;} .floating_menu{position:fixed;top:50%;left:50%;margin-left:665px;z-index:700;} .flmn_ul li{width:175px;margin-bottom:8px;position:relative;} .flmn_ul li ._circle{width:64px;height:64px;line-height:64px;text-align:center;border-radius:100%;background:#999;position:relative;z-index:600;} .flmn_ul li ._bar{width:130px;height:30px;line-height:30px;padding-left:32px;font-size:15px;font-weight:800;color:#969696;background:#faf8f8;border-radius:40px; position:absolute;top:50%;right:0;z-index:580;transform:skew(-0.1deg) translateY(-50%);box-shadow:4px 5px 5px rgba(0,0,0,0.3);} .flmn_ul li.li_1 ._circle{background:#2ca1c0;} .flmn_ul li.li_2 ._circle{background:#4fa0b6;} .flmn_ul li.li_3 ._circle{background:#1b7188;} .flmn_ul li.li_4 ._circle{background:#1b7da1;;} #sub_div{padding-top:100px;/*overflow-x:hidden;*/} .sub_path{height:68px;background:#f9f9f9;border-top:1px solid #dfdfdf;} .navi_box {float:left;height:67px;position:relative;border-right:1px solid #dfdfdf;} .navi_box a {display:block;width:100%;height:100%;} .navi_box01 {width:80px;text-align:center;line-height:67px;border-left:1px solid #dfdfdf;} .navi_box02 {min-width:200px;} .navi_box03 {min-width:200px;} .navi_txt {line-height:67px;height:67px;position:relative;cursor:pointer;padding-left:17px;padding-right:51px;font-size:19px;color:#474747;} .navi_txt img {position:absolute;right:17px;top:50%;margin-top:-6px;transition:all 0.1s;} .navi_txt.arr img {transform:rotate(180deg);} .nav_ul {position:absolute;left:-1px;top:67px;width:calc(100% + 2px);width:-webkit-calc(100% + 2px);background:#f9f9f9;border:1px solid #dfdfdf;border-top:0;border-bottom:0;display:none;z-index:100;} .nav_ul li {border-bottom:1px solid #dfdfdf;} .nav_ul li a {display:block;padding:10px 0 10px 17px;font-size:15px;transform:skew(-0.1deg);line-height:19px;color:#888;} .nav_ul li a:hover {background:#ececec;color:#2aa0c1;} .nav_ul li.active a {background:#ececec;color:#2aa0c1;} .sub_top{width:100%;/*height:425px;*/padding-top:100px;text-align:center;position:relative} .sub_top::before{content:'';display:block;width:100%;height:425px;position:absolute;top:0;left:0;z-index:0;} .sub_top.sub01::before{background:url('../img/sub01_top.jpg') no-repeat center;background-size:cover;} .sub_top.sub02::before{background:url('../img/sub02_top.jpg') no-repeat center;background-size:cover;} .sub_top.sub03::before{background:url('../img/sub02_top.jpg') no-repeat center;background-size:cover;} .sub_top.sub04::before{background:url('../img/sub04_top.jpg') no-repeat center;background-size:cover;} .sub_top.sub05::before{background:url('../img/sub05_top.jpg') no-repeat center;background-size:cover;} .sub_top .sub_tit{font-size:38px;font-weight:800;color:#fff;} .sub_top .sub_tit::before{content:'';display:block;width:1px;height:55px;background:#fff;margin:0 auto 25px;} .sub_top .subtit_box{margin-top:90px;background:#fff;padding-top:120px;} .sub_top .subtit_box .subtit_eng{font-family:'NanumMyeongjo',serif;font-size:23px;font-weight:600;letter-spacing:6px;color:#a7a7a7;margin-bottom:30px;} .sub_top .subtit_box .subtit{font-size:56px;font-weight:800;color:#2e2e2e;margin-bottom:48px;} /*sub0101 : 정의 및 용어 설명*/ #sub0101{padding:90px 0 120px;text-align:center;} .sub0101_tit{font-size:37px;font-weight:800;color:#282828;margin-bottom:35px;} .sub0101_atc{font-size:21px;line-height:33px;color:#8a8a8a;word-break:keep-all;margin-bottom:55px;} .sub0101_atc b{font-weight:800;color:#2aa0c1;} .sub0101_atc span{font-weight:600;text-decoration:underline;color:#525252;} .emphasis_txt{color:#2aa0c1 !important;text-decoration:none !important;font-weight:600;} .sub0101_atc .emphasis_txt02{color:#2aa0c1} .sub0101_img{margin-top:30px;margin-bottom:125px;} .sub0101_box{display:table;width:100%;height:293px;border:1px solid #dfdfdf;} .sub0101_box .sub0101_box_left{display:table-cell;vertical-align:middle;width:24%;position:relative;text-align:center;} .sub0101_box .sub0101_box_left img{margin-bottom:35px;} .sub0101_box .sub0101_box_left p{font-size:37px;color:#282828;} .sub0101_box .sub0101_box_left p b{font-weight:800;} .sub0101_box .sub0101_box_left::after{content:'';width:9px;height:208px;background:url('../img/sub0101_bar.png') no-repeat center;position:absolute;top:50%;right:-4px;transform:translateY(-50%);} .sub0101_box .sub0101_box_right{display:table-cell;vertical-align:middle;width:76%;text-align:left;padding:0 4%;font-size:18px;line-height:33px;color:#969696;word-break:keep-all;} .sub0101_box .sub0101_box_right b{font-weight:800;color:#2aa0c1;} .sub0101_box .sub0101_box_right strong{font-weight:600;color:#424242;} #sub0102{padding:100px 0 110px;} .sub0102_con1{background:#f6f6f6;padding-top:125px;height:850px;margin-bottom:270px;} .sub0102_con1 > .inner{height:100%;} .sub0102_con1 .s12c_tit{font-size:37px;font-weight:800;color:#282828;text-align:center;margin-bottom:100px;} .sub0102_con1 .s12c_tit span{color:#2aa0c1;} .sub0102_con1 .s12c_ul{text-align:center;} .sub0102_con1 .s12c_ul li{display:inline-block;vertical-align:middle;width:339px;height:327px;background:url('../img/sub0102_hexagon1.png') no-repeat center;background-size:contain;margin:0 19px;} .sub0102_con1 .s12c_ul li .s12cu_txt1{padding-top:83px;font-size:24px;font-weight:800;color:#797979;margin-bottom:35px;} .sub0102_con1 .s12c_ul li .s12cu_txt2{font-size:17px;line-height:24px;color:#959595;} .sub0102_con1 .s12c_ul li .s12cu_txt2 b{font-weight:800;color:#2aa0c1;} .sub0102_con1 .s12c_ul li._last{background-image:url('../img/sub0102_hexagon2.png');} .sub0102_con1 .s12c_ul li._last .s12cu_txt1{color:#343434;} .sub0102_con1 .s12c_ul li._last .s12cu_txt2{color:#4a4a4a;} .sub0102_con1 .s12c_next_tit{width:100%;background:#fff;position:absolute;top:calc(100% - 129px);top:-webkit-calc(100% - 129px);left:0;padding-top:104px;text-align:center;} .sub0102_con1 .s12c_next_tit::before{content:'';display:block;width:8px;height:86px;background:url('../img/sub_vertical_bar.png') no-repeat center;margin:0 auto 40px;} .sub0102_con1 .s12c_next_tit ._p{font-size:41px;line-height:55px;color:#414141;} .sub0102_con1 .s12c_next_tit ._p b{font-weight:800;color:#2aa0c1;} .sub0102_con2{height:645px;position:relative;margin-bottom:70px;} .sub0102_con2 .s12c_bg{position:absolute;top:0;left:0;padding:0 3.125%;width:100%;overflow:hidden;z-index:-1;} .sub0102_con2 .s12c_img{float:left;width:32.5%;height:615px;background:url('../img/sub0102_pic1.png') no-repeat center;background-size:cover;} .sub0102_con2 .s12c_box{float:right;width:63%;height:595px;background:#2aa0c1;color:#fff;margin-top:50px;position:relative;} .sub0102_con2 .s12c_box ._num{width:76px;height:76px;line-height:76px;text-align:center;border-radius:100%;font-size:41px;font-weight:800;background:#2aa0c1;position:absolute;top:50%;left:-39px;transform:translateY(-50%);} .sub0102_con2 .s12c_txt{height:100%;padding-top:50px;text-align:right;display:table;} .sub0102_con2 .s12c_txt .tbc{display:table-cell;vertical-align:middle;} .sub0102_con2 .s12c_txt .tbc ._txt{display:inline-block;vertical-align:middle;text-align:left;color:#fff;width:395px;margin-right:100px;} .sub0102_con2 .s12c_txt .tbc ._txt ._tit{font-size:28px;font-weight:800;margin-bottom:35px;} .sub0102_con2 .s12c_txt .tbc ._txt ._desc{font-size:17px;line-height:29px;} .sub0102_con2 .s12c_txt .tbc ._img{display:inline-block;vertical-align:middle;} .sub0102_con3{padding:0 3.125%;height:655px;position:relative;margin-bottom:15px;} .sub0102_con3 .s12c_bg{position:absolute;top:0;left:0;padding:0 3.125%;width:100%;overflow:hidden;z-index:-1;} .sub0102_con3 .s12c_img{float:right;width:32.5%;height:615px;background:url('../img/sub0102_pic2.png') no-repeat center;background-size:cover;margin-top:40px;} .sub0102_con3 .s12c_box{float:left;width:63%;height:595px;background:#2a8dc1;color:#fff;position:relative;} .sub0102_con3 .s12c_box ._num{width:76px;height:76px;line-height:76px;text-align:center;border-radius:100%;font-size:41px;font-weight:800;background:#2a8dc1;position:absolute;top:50%;right:-39px;transform:translateY(-50%);} .sub0102_con3 .s12c_txt{height:100%;text-align:left;display:table;} .sub0102_con3 .s12c_txt .tbc{display:table-cell;vertical-align:middle;} .sub0102_con3 .s12c_txt .tbc ._txt{display:inline-block;vertical-align:middle;text-align:left;color:#fff;width:395px;margin-left:65px;} .sub0102_con3 .s12c_txt .tbc ._txt ._tit{font-size:28px;font-weight:800;margin-bottom:35px;} .sub0102_con3 .s12c_txt .tbc ._txt ._desc{font-size:17px;line-height:29px;} .sub0102_con3 .s12c_txt .tbc ._img{display:inline-block;vertical-align:middle;} .sub0102_con4{padding:0 3.125%;height:661px;position:relative;} .sub0102_con4 .s12c_bg{position:absolute;top:0;left:0;padding:0 3.125%;width:100%;overflow:hidden;z-index:-1;} .sub0102_con4 .s12c_img{float:left;width:32.5%;height:615px;background:url('../img/sub0102_pic3.png') no-repeat center;background-size:cover;} .sub0102_con4 .s12c_box{float:right;width:63%;height:595px;background:#4779c5;color:#fff;margin-top:66px;position:relative;} .sub0102_con4 .s12c_box ._num{width:76px;height:76px;line-height:76px;text-align:center;border-radius:100%;font-size:41px;font-weight:800;background:#4779c5;position:absolute;top:50%;left:-39px;transform:translateY(-50%);} .sub0102_con4 .s12c_txt{height:100%;padding-top:66px;text-align:right;display:table;} .sub0102_con4 .s12c_txt .tbc{display:table-cell;vertical-align:middle;} .sub0102_con4 .s12c_txt .tbc ._txt{display:inline-block;vertical-align:middle;text-align:left;color:#fff;width:395px;margin-right:100px;} .sub0102_con4 .s12c_txt .tbc ._txt ._tit{font-size:28px;font-weight:800;margin-bottom:35px;} .sub0102_con4 .s12c_txt .tbc ._txt ._desc{font-size:17px;line-height:29px;} .sub0102_con4 .s12c_txt .tbc ._img{display:inline-block;vertical-align:middle;} #sub0103{padding:65px 0 135px;} .sub0103_box{position:relative;margin-bottom:75px;} .sub0103_circle{position:relative;display:inline-block;} .sub0103_circle::before{content:'';display:block;width:100vw;height:290px;background:#2aa0c1;position:absolute;top:0;right:50%;z-index:-1;} .sub0103_circle::after{content:'';display:block;width:100vw;height:290px;background:#2aa0c1;position:absolute;bottom:58px;left:50%;z-index:-1;} .sub0103_box_txt{position:absolute;top:200px;right:55px;color:#fff;font-size:23px;line-height:39px;font-weight:300;} .sub0103_box_txt b{font-weight:800;} .sub0103_atc{text-align:center;margin-bottom:120px;} .sub0103_atc .s13a_tit{font-size:37px;font-weight:800;color:#282828;margin-bottom:55px;} .sub0103_atc .s13a_tit::before{content:'';display:block;width:8px;height:86px;background:url('../img/sub_vertical_bar.png') no-repeat center;margin:0 auto 50px;} .sub0103_atc .s13a_img_wrap{width:100%;padding:28px 0;border:1px solid #dfdfdf;margin-bottom:78px;} .s13a_desc{font-size:21px;line-height:35px;color:#8a8a8a;word-break:keep-all;} .sub0103_atc2{text-align:center;} .sub0103_atc2 .s13a2_titbox{margin-bottom:100px;} .sub0103_atc2 .s13a2_titbox ._txt1{font-size:43px;font-weight:800;color:#2aa0c1;margin-bottom:10px;position:relative;} .sub0103_atc2 .s13a2_titbox ._txt1::after{content:'';display:block;width:293px;height:15px;background:#f2f2f2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;} .sub0103_atc2 .s13a2_titbox ._txt2{font-size:30px;color:#2aa0c1;margin-bottom:10px;} .sub0103_atc2 .s13a2_titbox ._txt3{font-size:21px;color:#8a8a8a;} .sub0103_atc2 .s13a2_con{overflow:hidden;margin-bottom:80px;} .sub0103_atc2 .s13a2_con ._left{float:left;width:48.3333333%;height:750px;padding-top:65px;border:1px solid #dfdfdf;} .sub0103_atc2 .s13a2_con ._right{float:right;width:48.3333333%;height:750px;padding-top:65px;border:1px solid #dfdfdf;} .sub0103_atc2 .s13a2_con img{margin-bottom:85px;} .sub0103_atc2 .s13a2_con ul{padding:0 15%;text-align:left;font-size:21px;line-height:35px;color:#8a8a8a;} #sub0104{padding-top:96px;} .sub0104_con{width:100%;text-align:center;margin-bottom:260px;position:relative;} .sub0104_con::before{content:'';display:block;width:100%;height:500px;background:#f2f2f2;position:absolute;top:0;left:0;z-index:-1;} .sub0104_con .s14c_titbar{text-align:center;color:#fff;transform:translateY(-50%);} .sub0104_con .s14c_titbar::after{content:'';display:block;width:100%;height:38px;background:#2aa0c1;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:0;} .sub0104_con .s14c_titbar span{display:inline-block;vertical-align:middle;font-size:21px;font-weight:600;z-index:50;position:relative;} .sub0104_con .s14c_titbar span.circle{font-size:29px;line-height:63px;font-weight:800;width:63px;height:63px;background:#2aa0c1;border-radius:100%;margin:0 15px;} .sub0104_con .s14c_tit{padding-top:30px;font-size:38px;color:#515151;margin-bottom:25px;} .sub0104_con .s14c_atc{font-size:21px;line-height:33px;color:#8a8a8a;margin-bottom:55px;} .sub0104_con .s14c_img_caption{text-align:right;margin-top:10px;font-size:13px;color:#666;transform:skew(-0.1deg);letter-spacing:0;} .sub0104_con._margin{margin-bottom:88px;} .sub0104_tablebox{height:225px;margin-bottom:100px;} .sub0104_tablebox .sub0101_box_left img{margin-bottom:0;} .sub0104_tablebox .sub0101_box_left::after{height:147px;} .sub0104_bottom{width:100%;height:711px;background:url('../img/sub0104_img4.png') no-repeat center;background-size:cover;position:relative;} .sub0104_bottom::before{content:'';display:block;width:50%;height:100%;background:#40517d;position:absolute;top:0;right:0;z-index:0;opacity:0.5;} .sub0104_bottom > .inner::after{content:'';display:block;width:394px;height:200px;background:url('../img/sub0104_img5.png') no-repeat center;background-size:cover;position:absolute;top:65px;right:-250px;z-index:-1;} .sub0104_bottom > .inner{height:100%;z-index:100;} .sub0104_bottom_txt{width:50%;margin-left:auto;padding-top:130px;padding-left:5%;} .sub0104_bottom_txt .s14b_txt1{font-size:39px;line-height:50px;letter-spacing:-1.5px;color:#fff;margin-bottom:35px;} .sub0104_bottom_txt .s14b_txt1 strong{font-weight:800;color:#8bd4e8;} .sub0104_bottom_txt .s14b_txt2{font-size:21px;line-height:29px;font-weight:800;color:#d3d3d3;margin-bottom:30px;} .sub0104_bottom_txt .s14b_txt3{font-size:17px;line-height:30px;color:#fff;} #sub0105{padding-bottom:140px;} .sub0105_con1{width:100%;height:883px;background:url('../img/sub0105_img1.png') no-repeat center;background-size:cover;text-align:center;padding-top:145px;} .sub0105_con1 .sub0105_con1_txt{font-size:40px;font-weight:800;color:#fff;margin-top:32px;} .sub0105_con2{} .sub0105_con3{background:#f6f6f6;} .sub0105_floatbox{padding:130px 0;} .sub0105_floatbox._right .s15_txt{float:left;width:50%;} .sub0105_floatbox._right .s15_txt .s15_tit{margin-bottom:70px;} .sub0105_floatbox._right .s15_img{float:right;width:50%;text-align:right;} .sub0105_floatbox._left .s15_txt{float:right;width:50%;padding-left:15px;} .sub0105_floatbox._left .s15_txt .s15_tit{margin-bottom:50px;} .sub0105_floatbox._left .s15_img{float:left;width:50%;text-align:left;} .s15_tit{padding-top:50px;font-size:40px;font-weight:400;color:#1c1c1c;} .s15_tit b{font-weight:400;color:#2aa0c1;} .s15_atc{font-size:21px;line-height:35px;color:#7a7a7a;word-break:keep-all;} ul.s15_atc li{padding-left:18px;position:relative;line-height:28px;margin-bottom:8px;} ul.s15_atc li span{position:absolute;top:0;left:-5px;} ul.s15_atc li p{font-size:17px;color:#2aa0c1;} .sub0105_con4{padding-top:95px;text-align:center;} .sub0105_con4 .s15_tit{margin-bottom:60px;} #sub0201{padding:150px 0 100px;} .sub0201_con1{width:100%;height:465px;background:url('../img/sub0201_bg1.png') no-repeat center bottom;background-size:cover;position:relative;} .sub0201_con1::before{content:'';display:block;width:80%;height:50px;background:#2aa0c1;position:absolute;top:-10px;left:-10px;z-index:-1;transform:rotate(1.5deg);} .sub0201_con1 > .inner{height:100%;} .sub0201_con1 .sub0201_img{position:absolute;bottom:0;left:-65px;} .sub0201_con1 .sub0201_txtbox{width:64%;margin-left:auto;padding-top:115px;} .sub0201_con1 .sub0201_txtbox ._tit{font-size:42px;font-weight:800;color:#2aa0c1;margin-bottom:35px;} .sub0201_con1 .sub0201_txtbox ._atc{font-size:19px;line-height:31px;color:#7c7c7c;word-break:keep-all;padding-right:50px;} .sub0201_con1 .sub0201_txtbox ._atc b{font-weight:800;color:#3f3f3f;} .sub0201_con2{padding:135px 0 125px;text-align:center;} .sub0201_con2 .s21c2_tit{font-size:37px;font-weight:800;color:#282828;margin-bottom:70px;} .sub0201_con2 .s21c2_tit::before{content:'';display:block;width:8px;height:86px;background:url('../img/sub_vertical_bar.png') no-repeat center;margin:0 auto 50px;} .sub0201_con2 .s21c2_atc{font-size:21px;line-height:35px;color:#8a8a8a;word-break:keep-all;} .sub0201_con2 .s21c2_atc b{font-weight:800;color:#3f3f3f;} .sub0201_con2 .s21c2_atc .font{font-family:'NanumGothic';} .sub0201_con2 .s21c2_imgbox{width:100%;height:425px;border:1px solid #dfdfdf;background:#fff;margin:60px auto;position:relative;} .sub0201_con2 .s21c2_imgbox img{position:absolute;top:50%;left:35%;transform:translate(-50%,-50%);} .sub0201_con2 .s21c2_imgbox ._ul{position:absolute;top:50%;right:15%;transform:translateY(-50%);} .sub0201_con2 .s21c2_imgbox ._ul li{text-align:left;font-size:21px;line-height:38px;font-weight:600;color:#3f3f3f;position:relative;} .sub0201_con2 .s21c2_imgbox ._ul li::before{content:'·';display:block;position:absolute;top:0;left:-14px;} .sub0201_con3{background:#f8f8f8;} .sub0201_con3 .s21c2_imgbox img{left:32%;} .sub0201_con3 .s21c2_imgbox ._ul{right:7%;} .sub0201_con4{padding-top:170px;} .sub0201_con4 .s21c4_tit{font-size:37px;font-weight:800;color:#282828;margin-bottom:60px;text-align:center;} .sub0201_con4 .s21c4_tb{width:100%;font-size:19px;line-height:26px;border-spacing:0;text-align:center;margin-bottom:115px;} .sub0201_con4 .s21c4_tb th{color:#fff;height:70px;background:#2aa0c1;border-bottom:1px solid #6dbed4;border-right:1px solid #6dbed4;} .sub0201_con4 .s21c4_tb td{color:#464646;padding:20px 0;background:#f9f9f9;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;} .sub0201_con4 .s21c4_tb td strong{font-weight:800;text-decoration:underline;color:#222;} .sub0201_con4 .s21c4_tb .first_column{width:25.75%;} .sub0201_con4 .s21c4_tb .other_column{width:37.125%;} #sub0202{padding:55px 0 135px;} .sub0202_con1{padding-bottom:110px;} .sub0202_tit{font-size:43px;font-weight:800;color:#2aa0c1;margin-bottom:18px;letter-spacing:-1.7px;text-align:center;position:relative;} .sub0202_tit::after{content:'';display:block;width:695px;height:15px;background:#f2f2f2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;} .sub0202_subtit{font-size:21px;color:#8a8a8a;text-align:center;margin-bottom:64px;} .sub0202_test{margin-bottom:112px;} .sub0202_test ._ul{overflow:hidden;text-align:center;} .sub0202_test ._ul li{float:left;width:33.333333%;height:78px;line-height:77px;} .sub0202_test ._ul li._title{background:#2aa0c1;color:#fff;font-size:19px;font-weight:800;border-bottom:1px solid #6dbed4;} .sub0202_test ._ul li._radio{font-size:18px;border:1px solid #dfdfdf;border-top:0;} .sub0202_test ._ul:first-child li._radio{border-top:1px solid #dfdfdf;} .sub0202_test ._ul li._radio input[type="radio"]{display:none;} .sub0202_test ._ul li._radio input[type="radio"] + label{display:block;width:100%;height:100%;cursor:pointer;background:#f9f9f9;color:#6c6b6b;font-weight:600;} .sub0202_test ._ul li._radio input[type="radio"] + label:hover{background:#dfdfdf;} .sub0202_test ._ul li._radio input[type="radio"]:checked + label{background:#90d0e2;color:#fff;font-weight:800;} .sub0202_test .test_caption{font-size:17px;color:#808080;text-align:right;margin-top:25px;} .sub0202_test_btn{text-align:center;} .sub0202_test_btn button{width:488px;padding:35px 0 22px;border:1px solid #2aa0c1;background:#fff;border-radius:100px;} .sub0202_test_btn button ._txt1{font-size:21px;font-weight:600;color:#4a4a4a;letter-spacing:-1.5px;margin-bottom:12px;} .sub0202_test_btn button ._txt2{font-size:16px;font-weight:800;color:#2aa0c1;text-decoration:underline;transform:skew(-0.1deg);} .sub0202_test_btn.disabled button{opacity:0.3;pointer-events:none;} .sub0202_con2{padding:100px 0;background:#f9f9f9;text-align:center;display:none;} .s22c2_tit1{font-size:32px;color:#2aa0c1;margin-bottom:68px;} .s22c2_tit2{font-size:32px;color:#565656;margin-bottom:65px;} .s22c2_tit2 b{font-weight:800;} .sub0202_result{padding:0 50px;margin-bottom:130px;} .sub0202_result table{width:100%;border-spacing:1px;} .sub0202_result table th{height:44px;font-size:17px;color:#4a4a4a;background:#87cadc;} .sub0202_result table td{height:75px;background:#fff;border:1px solid #e2e2e2;position:relative;} .sub0202_result table td.side{width:35%;} .sub0202_result table td.center{width:30%;} .sub0202_result table td.center::before{content:'';display:block;width:1px;height:95px;background:#87cadc;position:absolute;top:5px;left:50%;} .sub0202_result table td.center::after{content:'0';display:block;font-size:17px;font-weight:600;color:#87cadc;position:absolute;top:103px;left:50%;transform:translateX(-50%);} .sub0202_result .result_circle{display:inline-block;width:27px;height:27px;border:1px solid #e0e0e0;border-radius:100%;background:#fff;margin:0 17px;} .sub0202_result .result_circle.active{border:0;background:#2aa0c1;} .sub0202_result ._spacing{display:inline-block;width:12px;height:27px;} .s22c2_result_text{font-size:32px;line-height:60px;color:#565656;margin-bottom:40px;} .s22c2_result_text .txt_big{font-size:41px;} .s22c2_result_text .txt_result{color:#2aa0c1;font-weight:600;} .s22c2_desc{font-size:19px;line-height:35px;color:#7c7c7c;} #sub0203{padding:70px 0 145px;} .sub0203_preview{float:left;width:502px;} .sub0203_preview #preview_img{width:100%;height:345px;} .sub0203_preview .preview_tab{overflow:hidden;} .sub0203_preview .preview_tab li{float:left;width:25%;height:40px;line-height:40px;font-size:17px;text-align:center;background:#2aa0c1;color:#fff;border-right:1px solid #fff;cursor:pointer;} .sub0203_preview .preview_tab li:last-child{border-right:0;} .sub0203_preview .preview_tab li.active{background:#286e81;font-weight:800;} .sub0203_video{float:right;width:680px;height:385px;} .sub0203_video iframe{width:100%;height:100%;} .sub0203_desc{margin-top:27px;color:#a7a7a7;font-size:17px;text-align:right;} #sub0204{} .sub0204_con_gray{padding:160px 0;background:#f2f2f2;} .sub0204_con_gray ._txt{float:left;width:420px;/*padding-top:100px;*/padding-top:160px;} .sub0204_con_gray ._txt ._p01{font-size:37px;line-height:48px;color:#2aa0c1;} .sub0204_con_gray ._txt ._p01 b{font-weight:800;} .sub0204_con_gray ._txt img{margin:30px 0 50px;} .sub0204_con_gray ._txt ._p02{font-size:21px;line-height:34px;color:#7e7e7e;} .sub0204_con_gray ._img{float:right;width:770px;height:493px;} /**/ .sub0204_con_gray ._img_wrap{float:right;width:770px;/*height:493px;*/} .sub0204_con_gray ._img_wrap ._img_box{overflow:hidden;} .sub0204_con_gray ._img_wrap ._img_box._margin{margin-bottom:50px;} .sub0204_con_gray ._img_wrap ._img_box .txt01{float:left;width:100%;font-size:24px;font-weight:800;margin-bottom:15px;} .sub0204_con_gray ._img_wrap ._img_box .txt02{margin-top:10px;font-size:15px;transform:skew(-0.1deg);} .sub0204_con_gray ._img_wrap ._img_box .img_left{float:left;width:370px;} .sub0204_con_gray ._img_wrap ._img_box .img_right{float:right;width:370px;} .sub0204_con_white{background:#fff;} .sub0204_con_white ._txt{float:right;text-align:right;} .sub0204_con_white ._img{float:left;} /**/ .sub0204_con_white ._img_wrap{float:left;} #sub0301{padding-top:32px;} .sub0301_con1{padding:110px 60px 60px;margin-bottom:160px;background:url('../img/sub0301_bg.png') center;} .s31c1_tit{text-align:center;font-size:44px;line-height:44px;color:#304e62;margin-bottom:110px;} .s31c1_ul{overflow:hidden;} .s31c1_ul li{float:left;width:520px;margin-right:40px;margin-bottom:62px;} .s31c1_ul li:nth-child(2n){margin-right:0;} .s31c1_ul li ._txt{font-size:21px;color:#2aa0c1;margin-bottom:22px;} .s31c1_ul li ._txt ._num{font-weight:800;text-decoration:underline;} .s31c1_caption{position:relative;top:-30px;font-size:18px;color:#777;text-align:right;} .sub0301_con2{padding:160px 0 100px;background:#f8f8f8;} .s31c2_tit{font-size:48px;font-weight:800;color:#2a2a2a;margin-bottom:70px;text-align:center;position:relative;} .s31c2_tit span{position:relative;z-index:10;} .s31c2_tit::before{content:'';display:block;width:330px;height:14px;background:#d6d6d6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;} .s31c2_video{width:100%;height:600px;background:#2aa0c1;} .s31c2_video iframe{width:100%;height:100%;} #sub0302{padding-top:90px;} .sub0302_tab{overflow:hidden;margin-bottom:110px;} .sub0302_tab li{float:left;width:12.5%;height:60px;line-height:60px;font-size:19px;background:#b5e3f0;color:#58aec6;text-align:center;border-right:1px solid #fff;cursor:pointer;} .sub0302_tab li.active{background:#2aa0c1;color:#fff;} .sub0302_tab li b{font-weight:800;} .sub0302_content{display:none;} .sub0302_content.active{display:block;} .main_number{text-align:center;font-size:76px;line-height:76px;font-weight:800;color:#2aa0c1;margin-bottom:60px;} .main_number::after{content:'';display:block;width:65px;height:10px;background:url('../img/sub0204_bar.png') no-repeat center;margin:35px auto 0;opacity:0.5;} .s32_p01{text-align:center;font-size:28px;font-weight:800;color:#393939;margin-bottom:22px;word-break:keep-all;} .s32_p02{text-align:center;font-size:21px;line-height:32px;color:#818181;margin-bottom:80px;word-break:keep-all;} .s32_video_wrap{padding:160px 0 100px;background:#f8f8f8;margin-top:140px;} .s32_video_wrap .s32_vid_tit{font-size:48px;color:#2a2a2a;margin-bottom:70px;text-align:center;position:relative;} .s32_video_wrap .s32_vid_tit span{position:relative;z-index:10;} .s32_video_wrap .s32_vid_tit b{font-weight:800;} .s32_video_wrap .s32_vid_tit::before{content:'';display:block;width:330px;height:14px;background:#d6d6d6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;} .s32_vid{width:100%;height:600px;background:#2aa0c1;} .s32_vid iframe{width:100%;height:100%;} #s32_con2 .s32c2_tit{display:block;width:440px;line-height:53px;font-size:21px;text-align:center;color:#fff;background:#2aa0c1;border-radius:60px;margin:50px auto 100px;} #s32_con2 .s32c2_div1{padding:110px 0 60px;/*background:#f5f5f5 url('../img/sub0302_2_img1.png') no-repeat right center;*/background:#f5f5f5;margin-bottom:160px;} #s32_con2 .s32c2_div1 .txt01{font-size:31px;margin-bottom:105px;} #s32_con2 .s32c2_div1 .s32c2_ul li{padding:10px 0 0 75px;margin-bottom:24px;position:relative;} #s32_con2 .s32c2_div1 .s32c2_ul li ._num{position:absolute;top:0;left:0;width:48px;height:48px;line-height:48px;text-align:center;font-size:23px;font-weight:800;color:#fff;background:#3f63bd;border-radius:100%;} #s32_con2 .s32c2_div1 .s32c2_ul li .p01{font-size:23px;font-weight:800;color:#333;margin-bottom:13px;} #s32_con2 .s32c2_div1 .s32c2_ul li .p01 span{font-size:17px;font-weight:400;} #s32_con2 .s32c2_div1 .s32c2_ul li .p02{font-size:15px;line-height:23px;color:#8e8e8e;transform:skew(-0.1deg);} #s32_con2 .s32c2_div1 .s32c2_img{position:absolute;top:50%;right:110px;transform:translateY(-50%);} #s32_con2 .s32c2_div2{margin:150px 0 140px;overflow:hidden;} #s32_con2 .s32c2_div2 .txtbox{float:left;width:700px;padding-top:55px;} #s32_con2 .s32c2_div2 .txtbox .p01{font-size:33px;font-weight:800;color:#01419e;margin-bottom:80px;} #s32_con2 .s32c2_div2 .txtbox .p02{font-size:19px;line-height:29px;word-break:keep-all;} #s32_con2 .s32c2_div2 .imgbox{float:right;width:480px;} #s32_con2 .s32c2_div2 .imgbox2{float:left;width:100%;margin-top:130px;overflow:hidden;} #s32_con2 .s32c2_div2 .imgbox2 img._left{float:left;} #s32_con2 .s32c2_div2 .imgbox2 img._right{float:right;} #s32_con2 .s32c2_div3{margin-bottom:150px;} #s32_con2 .s32c2_div3 .txt01{font-size:35px;line-height:43px;color:#5d5d5d;margin-bottom:55px;text-align:center;} #s32_con2 .s32c2_div3 .txt01 b{font-weight:800;} #s32_con2 .s32c2_div3 .box01{width:100%;height:70px;line-height:70px;text-align:center;background:#f8f8f8;margin-bottom:55px;} #s32_con2 .s32c2_div3 .box01 .span01{font-size:19px;font-weight:800;} #s32_con2 .s32c2_div3 .box01 .span02{font-size:17px;color:#838383;margin-left:140px;} #s32_con2 .s32c2_div4{padding-bottom:0;text-align:center;} #s32_con2 .s32c2_div4 img{margin-bottoM:65px;} #s32_con2 .s32c2_div4 .txt01{font-size:21px;line-height:32px;color:#818181;margin:25px 0 70px;} #s32_con2 .s32_video_wrap{margin-top:0;} #s32_con3 .s32_p01{margin-bottom:60px;} #s32_con3 .s32c3_txt{margin:65px 0;font-size:21px;line-height:32px;} #s32_con3 .s32c3_txt .txt01{margin-bottom:32px;overflow:hidden;} #s32_con3 .s32c3_txt .txt01 .p_left{float:left;color:#3f3f3f;font-weight:800;margin-right:5px;} #s32_con3 .s32c3_txt .txt01 .p_atc{float:left;color:#818181;} #s32_con3 .s32c3_div{padding:80px 0 50px;background:#f8f8f8;text-align:center;margin-bottom:45px;} #s32_con3 .s32c3_div .p01{font-size:31px;font-weight:800;margin-bottom:15px;} #s32_con3 .s32c3_div .p02{font-size:21px;margin-bottom:70px;} #s32_con3 .s32c3_div2{background:#ececec;} #s32_con3 .s32c3_div2 .p01{color:#c12929;} #s32_con4 .s32_p01{margin-bottom:60px;} #s32_con5 .s32c5_imgbox{width:100%;height:600px;border:1px solid #e7e7e7;text-align:center;position:relative;margin:60px 0;} #s32_con5 .s32c5_imgbox img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} #s32_con5 .s32c5_txt{font-size:21px;line-height:32px;color:#818181;} #s32_con5 .s32c5_txt .strong{margin:32px 0;font-weight:800;} #s32_con6 .s32_video_wrap{margin-top:60px;} #s32_con7 .s32_video_wrap{margin-top:60px;} #s32_con8 .s32_video_wrap{margin-top:60px;} .sub04{} .sub04 .img_box {margin-top: 3px;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius: 20px;} .sub04 .img_box img {margin-top:-20%;} .sub04 .tit_box .tit {font-size: 21px;line-height: 60px;font-weight: 700;color:#fff;background: #34a39c;} .sub04 .tit_box .txt {margin-top: 3px;font-size: 17px;line-height: 52px;font-weight: 600;color: #787878;background: #d6edeb;} .sub04 .tit_box .pt_txt {margin-top: 3px;text-align:left;background: #f1fafe;padding: 15px;height: 62px;} .sub04 .tit_box .pt_txt span.s_txt {position:relative;display: block;font-size: 13px;font-weight: 800;color: #007bc4;padding-left: 15px;word-break:keep-all;} .sub04 .tit_box .pt_txt span.s_txt::before {content:'※';position:absolute;top:0;left:0;color: #264870;} .sub04 .txt_box {padding-left: 10px;text-align:left;margin-top: 20px;line-height: 1.3;} .sub04 .txt_box p {word-break:keep-all;} .sub04 .clr_tit {margin-bottom: 10px;font-size: 17px;font-weight: 800;color: #0751a8;word-break: keep-all;} .sub04 .fig_txt {position:relative;padding-left: 15px;font-size: 13px;line-height: 1.5;font-weight: 600;} .sub04 .dot_txt::before {content:'·';position:absolute;font-size: 20px;top: -6px;left:0;transform: skew(-0.1deg);} .sub04_notice{margin:90px auto 130px;} .sub04_tit{text-align:center;font-size:44px;font-weight:600;color:#2aa0c1;position:relative;margin-bottom:102px;} .sub04_tit::before{content:'';display:inline-block;vertical-align:middle;width:190px;height:10px;margin-top:-8px;background:url('../img/sub0204_bar.png') no-repeat center;opacity:0.3;margin-right:40px;} .sub04_tit::after{content:'';display:inline-block;vertical-align:middle;width:190px;height:10px;margin-top:-8px;background:url('../img/sub0204_bar.png') no-repeat center;opacity:0.3;margin-left:40px;} .sub04_tit2{width:100%;height:50px;position:relative;margin-bottom:70px;} .sub04_tit2::before{content:'';display:block;width:100%;height:50px;background:url('../img/sub0401_bar1.png') no-repeat left center;position:absolute;top:0;left:0;z-index:-1;} .sub04_tit2 ._logo{float:right;width:220px;height:50px;line-height:50px;background:#fff;text-align:right;} .sub04_link{text-align:center;margin-bottom:172px;} #sub0401{} .sub0401_ul1{overflow:hidden;margin-bottom:90px;} .sub0401_ul1 li{margin-left: 2px;float:left;width:calc(100%/5 - 2px);text-align:center;} .sub0401_con2{padding:150px 0 75px;background:#f8f8f8;} .sub0401_con2 ._tit{text-align:center;font-size:43px;color:#2aa0c1;margin-bottom:80px;} .sub0401_ul2{} .sub0401_ul2::after{content:'';display:block;clear:both;} .sub0401_ul2 li{float:left;width:48.75%;margin-right:2.5%;margin-bottom:100px;} .sub0401_ul2 li:nth-child(even){margin-right:0;} .sub0401_ul2 li .titbar{width:100%;height:54px;line-height:54px;text-align:center;font-size:22px;color:#fff;margin-bottom:65px;} .sub0401_ul2 li .p01{font-size:22px;font-weight:600;margin-bottom:10px;} .sub0401_ul2 li .p02{font-size:15px;line-height:25px;color:#787878;letter-spacing:-1.2px;margin-bottom:35px;} .sub0401_ul2 li.alpha{width:100%;margin-right:0;} .sub0401_ul2 li.alpha .titbar{background:url('../img/sub0401_bar2.png') no-repeat center/cover;} .sub0401_ul2 li.alpha .p01{color:#203f59;} .sub0401_ul2 li.alpha .imgbox{overflow:hidden;width:100%;margin-top:50px;} .sub0401_ul2 li.alpha .imgbox img{float:left;width:380px;margin-right:30px;} .sub0401_ul2 li.alpha .imgbox img:last-child{margin-right:0;} .sub0401_ul2 li.beta .titbar{background:url('../img/sub0401_bar3.png') no-repeat center/cover;} .sub0401_ul2 li.beta .p01{color:#32959b;} .sub0401_ul2 li.gamma .titbar{background:url('../img/sub0401_bar4.png') no-repeat center/cover;} .sub0401_ul2 li.gamma .p01{color:#484096;} .sub0401_ul2 li.epsilon .titbar{background:url('../img/sub0401_bar5.png') no-repeat center/cover;} .sub0401_ul2 li.epsilon .p01{color:#40a1ce;} .sub0401_ul2 li.sigma .titbar{background:url('../img/sub0401_bar6.png') no-repeat center/cover;} .sub0401_ul2 li.sigma .p01{color:#1D6EB2;} #sub0402{padding-bottom:142px;} #sub0402 .sub04_tit2 ._logo{width:235px;} .sub0402_ul1{overflow:hidden;margin-bottom:160px;} .sub0402_ul1 li{margin-left: 2px;float:left;width:calc(100%/5 - 2px);text-align:center;} .sub0402_ul1 li .tit_box .tit {background: #6a7ecb;} .sub0402_ul1 li .tit_box .txt {background: #e1e5f5;} .sub0402_ul1 li .img_box {aspect-ratio:auto;border-radius:0;} .sub0402_ul1 li .img_box img {margin: 0px;} .sub0402_ul1 li .txt_box {margin-top: 12px;} .sub0402_img{margin-bottom:300px;} .sub0402_subtit{font-size:43px;color:#2aa0c1;text-align:center;margin-bottom:115px;} #sub0403{} #sub0403 .sub04_tit2 ._logo{width:210px;} .sub0403_ul1{overflow:hidden;margin-bottom:160px;} .sub0403_ul1 li{float:left;width:20%;text-align:center;} .sub0403_ul1 li .tit_box .tit {background: #386280;} .sub0403_ul1 li .tit_box .txt {background: #e1e5f5;} .sub0403_ul1 li .img_box {aspect-ratio:auto;border-radius:0;} .sub0403_ul1 li .img_box img {margin: 0px;} /* .sub0403_ul1 li .tit_box .pt_txt span.s_txt {color:#062b5b;} .sub0403_ul1 li .tit_box .pt_txt span.s_txt::before {color: #007bc4;} */ #sub0501{padding-top:20px;overflow-y:hidden;} .sub0501_tit1{text-align:center;font-size:39px;font-weight:800;color:#2aa0c1;margin-bottom:10px;} .sub0501_tit2{text-align:center;font-size:22px;color:#939393;margin-bottom:95px;} .sub0501_ul{overflow:hidden;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;margin-bottom:145px;} .sub0501_ul li{float:left;width:25%;height:300px;text-align:center;padding-top:32px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#fff;} .sub0501_ul li.blue{background:#fafdff;} .sub0501_ul li p{font-size:17px;font-weight:600;margin-top:26px;color:#333;} .sub0501_btm{padding:130px 0;background:#2aa0c1;color:#fff;position:relative;} .sub0501_btm img{position:absolute;top:50%;left:0;transform:translateY(-50%);} .sub0501_btm .txtbox{width:750px;padding-top:25px;margin-left:auto;position:relative;} .sub0501_btm .txtbox::before{content:'“';display:block;font-family:'NanumMyeongjo',serif;font-size:162px;opacity:0.15;position:absolute;top:-13px;left:-50px;} .sub0501_btm .txtbox .tit{font-size:31px;line-height:45px;font-weight:300;letter-spacing:-2px;margin-bottom:20px;} .sub0501_btm .txtbox .atc{font-size:17px;line-height:30px;font-weight:300;word-break:keep-all;} #sub0504{padding:50px 0 100px;} .sub0504_search_box{padding:125px 0 110px;background:#f6f6f6;} .sub0504_cate{overflow:hidden;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;margin-bottom:90px;} .sub0504_cate li{float:left;width:/*11.11111111%*/14.285%;height:133px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;position:relative;text-align:center;background:#fff no-repeat center 30%;} .sub0504_cate li:nth-child(5) {display:none;} .sub0504_cate li a{display:block;width:100%;height:100%;} .sub0504_cate li p{position:absolute;bottom:12px;left:0;width:100%;font-size:15px;font-weight:600;color:#bbb;transform:skew(-0.1deg);} .sub0504_cate li.on p{color:#2aa0c1;} .sub0504_search{} .sub0504_search ul li{float:left;height:40px;margin-right:18px;} .sub0504_search ul .tit{font-size:19px;line-height:40px;} .sub0504_search ul .sch_submit{width:80px;} .sub0504_search ul .sch_submit button{width:100%;height:100%;line-height:40px;border:0;background:#2aa0c1;color:#fff;font-size:15px;font-weight:600;text-align:center;transform:skew(-0.1deg);border-radius:10px;} .sub0504_search .sch_location{float:left;} .sub0504_search .sch_location .sel1{margin-right:8px;} .sub0504_search .sch_location .s54_sel{width:230px;height:100%;padding:0 20px;border:1px solid #dfdfdf;border-radius:0;font-size:15px;transform:skew(-0.1deg); appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url('../img/sel_arr.png') no-repeat 95% center;} .sub0504_search .sch_location .s54_sel::-ms-expand{display:none;} .sub0504_search .sch_location .s54_sel2 { margin-right:18px; } .sub0504_search .sch_name{float:right;} .sub0504_search .sch_name .s54_input{width:240px;height:100%;padding:0 20px;border:1px solid #dfdfdf;border-radius:0;font-size:15px;transform:skew(-0.1deg);} .gotoboard{margin-bottom:15px;text-align:right;} .gotoboard .btn{display:inline-block;padding:0 10px;} .sub0504_list{padding-top:65px;} .sub0504_list .list_ul{overflow:hidden;} .list_li{float:left;width:32.0833333%;margin-right:1.875%;margin-bottom:30px;border:1px solid #dfdfdf;} .list_li:nth-child(3n){margin-right:0;} .list_li .main_thumb{height:255px;} .list_li .thumb_slider{padding:0 40px;margin:13px 0 25px;position:relative;height:64px;} .list_li .thumb_slider .slick-slide{padding-right:6px;} .list_li .thumb_slider .slick-arrow{position:absolute;top:0;width:35px;height:100%;overflow:hidden;text-indent:-999em;border:0;z-index:50;background-color:transparent;background-position:center;background-repeat:no-repeat;} .list_li .thumb_slider .slick-prev{left:0;background-image:url('../img/s54_slide_prev.png');} .list_li .thumb_slider .slick-next{right:0;background-image:url('../img/s54_slide_next.png');} .list_li .info{padding:0 12px 25px;} .list_li .info .tit{font-size:19px;font-weight:800;line-height:27px;color:#555;} .list_li .info .tit .loca_icon{margin-left:10px;} .list_li .info p{font-size:15px;line-height:25px;color:#5a5a5a;transform:skew(-0.1deg);} .list_li .info p b{font-weight:800;} .list_li .info .address {height:50px;} .list_li .able_tag{padding:15px 0;margin-top:15px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center;height:63px;} .list_li .able_tag li{display:inline-block;vertical-align:middle;font-size:15px;font-weight:800;color:#555;transform:skew(-0.1deg);padding-right:10px;margin-right:7px;position:relative;} .list_li .able_tag li::after{content:'';display:inline-block;width:1px;height:23px;background:#b4b4b4;position:absolute;top:50%;right:0;margin-top:-12px;} .list_li .able_tag li:last-child{margin-right:0;padding-right:0;} .list_li .able_tag li:last-child::after{display:none;} .list_li .able_tag li img{margin-right:4px;} .list_li .link{padding-top:22px;text-align:center;height:60px;} .list_li .link li{display:inline-block;vertical-align:middle;margin:0 8px;} .none_data {font-size:17px;color:#555;text-align:center;width:100%;border:0;padding:50px 0px} .board_top_text{text-align:center;font-family:'GmarketSans';font-size:24px;color:#2aa0c1;margin-bottom:90px;} #content_desc {} #content_desc .cont_box {margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #dfdfdf;} #content_desc .cont_box:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} #content_desc .p01 {font-size:19px;line-height:27px;margin-bottom:20px;font-weight:600;color:#000;word-break:keep-all;} #content_desc .p02 {font-size:17px;line-height:19px;margin-bottom:10px;color:#000;word-break:keep-all;} #content_desc .p03 {font-size:15px;line-height:25px;color:#333;word-break:keep-all;transform:skew(-0.1deg);} #content_desc a {color:#333;} #bo_v_share{display:none;} .board_file_upload_p{color:#e00;font-size:15px;line-height:22px;margin-top:7px;transform:skew(-0.1deg);} .view_detail_pop {position:fixed;width:750px;height:830px;background:#fff;left:50%;top:50%;margin-left:-375px;margin-top:-415px;z-index:10001;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);border-radius:3px;padding:20px;display:none} .view_detail_pop .tit {font-size:17px;color:#777;text-align:center;font-weight:600} .view_detail_pop .main_thumb2 {margin-top:10px} .view_detail_pop .thumb_slider2 {margin:10px 0px;padding:0 45px;} .list_li2 {position:relative;} .list_li2 .info{padding:0 12px 25px;} .list_li2 .info .tit{font-size:19px;font-weight:800;line-height:27px;color:#555;} .list_li2 .info .tit .loca_icon{margin-left:10px;} .list_li2 .info p{font-size:15px;line-height:25px;color:#5a5a5a;transform:skew(-0.1deg);} .list_li2 .info p b{font-weight:800;} .list_li2 .able_tag{padding:15px 0;margin-top:15px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align:center;} .list_li2 .able_tag li{display:inline-block;vertical-align:middle;font-size:15px;font-weight:800;color:#555;transform:skew(-0.1deg);padding-right:10px;margin-right:7px;position:relative;} .list_li2 .able_tag li::after{content:'';display:inline-block;width:1px;height:23px;background:#b4b4b4;position:absolute;top:50%;right:0;margin-top:-12px;} .list_li2 .able_tag li:last-child{margin-right:0;padding-right:0;} .list_li2 .able_tag li:last-child::after{display:none;} .list_li2 .able_tag li img{margin-right:4px;} .list_li2 .link{padding-top:22px;text-align:center;} .list_li2 .link li{display:inline-block;vertical-align:middle;margin:0 8px;} .view_detail_pop .closeBtnPop {position:absolute;right:0;top:-30px;width:20px;cursor:pointer} .register_box{padding:75px 0 195px;} .regi_sel{text-align:center;} .regi_sel li{display:inline-block;vertical-align:middle;width:232px;height:195px;border-radius:30px;border:2px solid #2aa0c1;margin:0 13px;} .regi_sel li a{display:block;width:100%;height:100%;padding-top:40px;} .regi_sel li .p01{font-size:21px;font-weight:600;margin-top:24px;} .regi_sel .li_1{background:#2aa0c1;} .regi_sel .li_1 .p01{color:#fff;} .regi_sel .li_2{background:#fff;} .regi_sel .li_2 .p01{color:#2aa0c1;} .register_form{padding:35px 0 85px;} .regi_form_box{width:620px;margin:0 auto;border:1px solid #dfdfdf;border-radius:4px;padding:40px 50px;} .regi{} .regi .regi_li{margin-bottom:30px;} .regi .regi_li ._name{font-size:19px;color:#929292;margin-bottom:6px;} .regi .regi_li ._name .btn_zipcode{display:inline-block;vertical-align:middle;width:60px;height:23px;background:#2aa0c1;color:#fff;border-radius:5px;text-align:center;font-size:15px;line-height:23px;cursor:pointer;margin-left:7px;transform:skew(-0.1deg);} .regi .regi_li .pw_desc{font-size:13px;font-weight:600;color:#e22323;margin-top:12px;transform:skew(-0.1deg);} .regi .regi_li ._inputbox{width:100%;/*overflow:hidden;*/font-size:17px;color:#929292;} .regi .regi_li ._inputbox .regi_inp{display:inline-block;width:100%;height:37px;border:1px solid #dfdfdf;border-radius:5px;font-size:17px;padding:0 10px;} .regi .regi_li ._inputbox .regi_inp::placeholder{color:#c1c1c1;} .regi .regi_li ._inputbox .regi_inp:last-child{margin-right:0;} .regi .regi_li ._inputbox .regi_select{display:inline-block;height:37px;border:1px solid #dfdfdf;border-radius:5px;font-size:17px;padding:0 10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('../img/regi_sel_arr.png') no-repeat right center;padding-right:40px;} .regi .regi_li ._inputbox .regi_select::-ms-expand{display:none;} .regi .regi_li ._inputbox .regi_select:last-child{margin-right:0;} .regi .regi_li ._inputbox input[type="radio"]{display:none;} .regi .regi_li ._inputbox input[type="radio"] + label{display:inline-block;vertical-align:middle;width:20px;height:20px;border:1px solid #dfdfdf;border-radius:100%;margin-right:3px;cursor:pointer;} .regi .regi_li ._inputbox input[type="radio"]:checked + label{background:#2aa0c1;} .regi .regi_li ._inputbox span{margin-right:10px;} .regi .regi_li ._inputbox ._two{width:49%;margin-right:1%;} .regi .regi_li ._inputbox ._three{width:32%;margin-right:1%;} .regi .regi_li ._inputbox ._margintop{margin-top:10px;} .regi .regi_li ._agree{float:left;width:40%;line-height:30px;} .regi .regi_li ._agree .regi_chk{display:none;} .regi .regi_li ._agree .regi_chk + label{display:inline-block;vertical-align:middle;width:18px;height:18px;border:1px solid #2aa0c1;border-radius:100%;margin-right:3px;cursor:pointer;} .regi .regi_li ._agree .regi_chk:checked + label{background:#2aa0c1;} .regi .regi_li ._agree span{display:inline-block;vertical-align:middle;font-size:15px;color:#818181;transform:skew(-0.1deg);} .regi .regi_li ._agree span a{color:#4bb1dc;font-weight:600;} .regi .regi_li ._agree.all{width:100%;} .regi .regi_submit{} .regi .regi_submit button{width:100%;height:50px;color:#fff;background:#2aa0c1;font-size:17px;font-weight:600;border:0;} .regi .regi_submit p{text-align:right;font-size:15px;line-height:30px;font-weight:600;transform:skew(-0.1deg);} .regi .regi_submit .txt01{color:#afafaf;text-decoration:underline;margin-top:12px;} .regi .regi_submit .txt02 a{color:#737373;} .regi .bar{width:100%;border-top:2px dotted #dfdfdf;margin-bottom:30px;} .regi .regi_li.certified{display:none;} .regi .regi_li.certified ._name{color:#4bb1dc;} input[type="password"]{font-family:"Nanum Barun Gothic";} .mail_sel {display:inline-block;vertical-align:middle;width:49%;position:relative;} .mail_sel .regi_inp {background:url('../img/regi_sel_arr.png') no-repeat right center;padding-right:40px;} .select_ul {position:absolute;left:0;top:37px;width:100%;z-index:100;border:1px solid #dfdfdf;display:none;} .select_ul.on {display:block;} .select_ul li {padding:5px 10px;border-bottom:1px solid #dfdfdf;background:#fff;cursor:pointer;color:#666;} .select_ul li:last-child {border-bottom:0;} .select_ul li:hover {background:#efefef;} .mypage_tab{overflow:hidden;width:100%;text-align:center;margin-bottom:80px;} .mypage_tab._margintop{margin-top:60px;} .mypage_tab li{float:left;width:50%;height:70px;} .mypage_tab li a{display:block;width:100%;height:100%;line-height:70px;font-size:21px;color:#acacac;background:#ededed;} .mypage_tab li.current a{color:#fff;background:#2aa0c1;} .mypage{padding:95px 0 105px;} .mp_couponlist{display:table;width:100%;border-spacing:0;} .mp_couponlist .ul_tr{display:table-row;} .mp_couponlist .ul_tr .li_th{display:table-cell;vertical-align:middle;text-align:center;height:50px;font-size:19px;font-weight:600;color:#fff;background:#b1b1b1;} .mp_couponlist .ul_tr .li_td{display:table-cell;vertical-align:middle;text-align:center;padding:20px 0;font-size:15px;font-weight:600;color:#535353;border-bottom:1px solid #efefef;transform: skew(-0.1deg);} .mp_couponlist .ul_tr .li_td div{transform:skew(-0.1deg);} .mp_couponlist .ul_tr.used .li_td div{opacity:0.5;} .mp_couponlist .ul_tr .li_td.td_name{width:30%;text-align:left;padding:20px;} .mp_couponlist .ul_tr .li_td.td_name ._thumb{display:inline-block;vertical-align:middle;width:100px;height:100px;margin-right:20px;} .mp_couponlist .ul_tr .li_td.td_name ._thumb img{} .mp_couponlist .ul_tr .li_td.td_name ._name{display:inline-block;vertical-align:middle;width:215px;width:calc(100% - 125px);width:-webkit-calc(100% - 125px);width:-moz-calc(100% - 125px);} .mp_couponlist .ul_tr .li_td.td_coupon{width:15%;} .mp_couponlist .ul_tr .li_td.td_condition{width:15%;} .mp_couponlist .ul_tr .li_td.td_validity{width:20%;} .mp_couponlist .ul_tr .li_td.td_used{width:20%;} .mp_couponlist .ul_tr .li_td.td_used .txt01{font-size:13px;margin-bottom:8px;} .mp_couponlist .ul_tr .li_td.td_used .coupon_btn{width:140px;height:40px;border:0;border-radius:5px;background:#2aa0c1;color:#fff;font-size:15px;transform:skew(-0.1deg);} .mp_couponlist .ul_tr.used .li_td.td_used .txt01{font-size:15px;} .mp_couponlist2 .ul_tr {display:table;width:100%;} .mp_couponlist2 .ul_tr li {font-size:13px !important;line-height:1.5;} .mp_couponlist2 .ul_tr li:nth-child(1) {width:4%;} .mp_couponlist2 .ul_tr li:nth-child(2) {width:7%;} .mp_couponlist2 .ul_tr li:nth-child(3) {width:23%;} .mp_couponlist2 .ul_tr li:nth-child(4) {width:10%;} .mp_couponlist2 .ul_tr li:nth-child(5) {width:8%;} .mp_couponlist2 .ul_tr li:nth-child(6) {width:10%;} .mp_couponlist2 .ul_tr li:nth-child(7) {width:10%;} .mp_couponlist2 .ul_tr li:nth-child(8) {width:10%;} .mp_couponlist2 .ul_tr li:nth-child(9) {width:10%;} .mp_couponlist2 .ul_tr li:nth-child(10) {width:6%;} .mp_couponlist2 .ul_tr .li_td {padding:20px 5px;} .coupon_popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2500;display:none;} .coupon_popup .pop_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:2500;} .coupon_popup .pop_box{position:absolute;top:50%;left:50%;width:790px;height:590px;background:#fff;transform:translate(-50%,-50%);z-index:2510;padding:70px 60px 0;text-align:center;} .coupon_popup .pop_box .pop_thumb{width:150px;height:150px;;margin:0 auto 22px;border:1px solid #dfdfdf} .coupon_popup .pop_box .pop_tit{font-size:17px;font-weight:800;padding-bottom:32px;border-bottom:1px solid #dfdfdf;margin-bottom:35px;} .coupon_popup .pop_box .pop_sel{width:460px;margin:0 auto 60px;text-align:left;} .coupon_popup .pop_box .pop_sel .sel{width:100%;height:42px;font-size:16px;font-weight:600;border:1px solid #dfdfdf;border-radius:5px;padding:0 15px;appearance:none;-webkit-appearance:none;-moz-appearance:none;/*background:url('../img/coupon_sel_arr.png') no-repeat right center;padding-right:40px;*/transform:skew(-0.1deg);} .coupon_popup .pop_box .pop_sel .sel::-ms-expand{display:none;} .coupon_popup .pop_box .pop_sel .desc{font-size:14px;font-weight:600;margin-top:18px;padding:0 12px;color:#f22d2d;transform:skew(-0.1deg);} .coupon_popup .pop_box .pop_btn{} .coupon_popup .pop_box .pop_btn button{width:200px;height:50px;font-size:18px;font-weight:600;border:0;border-radius:5px;margin:0 5px;color:#fff;} .coupon_popup .pop_box .pop_btn .pop_submit{background:#2aa0c1;} .coupon_popup .pop_box .pop_btn .pop_cancle{background:#cacaca;} .cp_down_btn {padding:10px 20px;font-size:17px;background:#2AA0C1;color:#fff;border:0px;border-radius:3px;display:block;margin:10px auto;} .coupon_info {margin-top:50px;} .coupon_info h3 {font-size:20px;line-height:20px;color:#333;} .coupon_info ul {margin-top:15px;} .coupon_info ul li {font-size:17px;line-height:27px;margin-bottom:10px;padding-left:22px;position:relative;} .coupon_info ul li span {position:absolute;left:0;top:0;} .coupon_info ul li:last-child {margin-bottom:0;} /* IE 한정 적용 */ /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .m2_count_p .m2_counter span{padding-top:22px;} .m2_count_p .m2_counter .num{padding-top:11px;} .sub0101_box .sub0101_box_left::after{transform:translateY(-18%);} .sub0101_box.sub0104_tablebox .sub0101_box_left::after{transform:translateY(0);} br{font-family:initial;} } /* IE6,7,8 */ @media \0screen\,screen\9 { .m2_count_p .m2_counter span{padding-top:22px;} .m2_count_p .m2_counter .num{padding-top:11px;} .sub0101_box .sub0101_box_left::after{transform:translateY(-18%);} .sub0101_box.sub0104_tablebox .sub0101_box_left::after{transform:translateY(0);} br{font-family:initial;} } /* IE9,10 */ @media screen and (min-width:0\0){ .m2_count_p .m2_counter span{padding-top:22px;} .m2_count_p .m2_counter .num{padding-top:11px;} .sub0101_box .sub0101_box_left::after{transform:translateY(-18%);} .sub0101_box.sub0104_tablebox .sub0101_box_left::after{transform:translateY(0);} br{font-family:initial;} } .sch_loc {width:600px;height:500px;background:#fff;position:fixed;left:50%;top:50%;margin-left:-300px;margin-top:-250px;z-index:10000;padding:30px;display:none;} .sch_sel {overflow:hidden;} .sch_sel select {float:left;width:49%;height:45px;padding:0 10px;border:1px solid #dfdfdf;font-size:15px;transform:skew(-0.1deg);appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url('../img/sel_arr.png') no-repeat 95% center;} .sch_sel select:first-child {margin-right:2%;} .sch_ipt_box {overflow:hidden;margin:10px 0;} .sch_ipt_box input {float:left;width:69%;height:45px;background:#fff;border:1px solid #dfdfdf;padding:0 10px;font-size:15px;transform:skew(-0.1deg);margin-right:2%;} .sch_ipt_box button {float:left;width:29%;height:45px;background:#2AA0C1;font-size:15px;color:#fff;border:none;outline:none;} .sch_scroll {width:100%;height:calc(100% - 165px);overflow-y:auto;border:1px solid #dfdfdf;} .sch_loc_ul {} .sch_loc_ul li {font-size:15px;line-height:23px;padding:10px;border-bottom:1px solid #dfdfdf;cursor:pointer;transform:skew(-0.1deg);} .sch_loc_ul .no_sch {text-align:center;border:none;} .sch_loc_x {height:45px;text-align:center;font-size:15px;line-height:45px;color:#fff;background:#2AA0C1;margin-top:10px;transform:skew(-0.1deg);cursor:pointer;} .shop_product_ul {overflow:hidden;margin-bottom:30px} .shop_product_ul li {float:left;width:25%;padding:10px} .prd_box {} .prd_box .prd_img {min-height:280px;border:1px solid #dfdfdf;vertical-align:middle;} .prd_box .prd_img img {} .prd_box .prd_it_name {font-size:16px;padding:0px 0px 0px;text-align:left;} .prd_box .prd_price {font-size:19px;font-weight:600;padding:10px 0px 5px;text-align:left;} .product_view_div {width:100%;overflow:hidden;} .product_view_div .view_img_div {width:500px;float:left;} .product_view_div .view_content_div {width:650px;float:right;} .product_view_div .view_content_div .view_cont_tit {font-size:17px;padding:6px 0px} .product_view_div .view_content_div .view_it_price {padding:5px 0;position:relative} .product_view_div .view_content_div .view_it_price span {font-size:21px;font-weight:600} .product_view_div .view_content_div .view_it_price_real span {color:red} .product_view_div .view_content_div .view_it_price_last span {position:absolute;right:0;font-size:30px} .product_view_div .view_content_div .view_it_price_last {padding:20px 0px} .product_view_div .view_content_div .view_it_name {font-size:27px;font-weight:600;margin-bottom:5px;padding:0px 15px;padding-bottom:10px} .product_view_div .view_content_div select {height:35px;width:79%;border:1px solid #dfdfdf} .product_view_div .view_content_div input[type="number"] {height:35px;border:1px solid #dfdfdf} .product_view_div .view_content_div .updown_btn {width:35px;height:35px;background:#fff;border:1px solid #dfdfdf;font-size:13px;color:#333} .product_view_div .label_tit {width:20%;display:inline-block;padding:0px 15px} .view_btn {margin-top:10px;float:right;margin-bottom:10px;} .view_btn li {float:left;margin-left:10px} .view_btn button {padding:10px 60px;font-size:17px; background:#2aa0c1;border:0;color:#fff;font-weight:600;border-radius:4px} .view_btn li:first-child button {background:#fff;color:#2aa0c1;border:1px solid #2aa0c1} .product_view_cont {border-top:20px solid #eaeaea;padding:20px;font-size:15px;margin-bottom:20px} .shop_nav {overflow:hidden;display: table;margin-left: auto;margin-right: auto;margin-bottom:50px} .shop_nav li {float:left;margin:0px 5px} .shop_nav li a {display:block;padding:10px 30px;border:1px solid #2aa0c1;color:#2aa0c1;font-size:17px;} .shop_nav li .active {background:#2aa0c1;color:#fff} .shop_table {width:100%;border-collapse:collapse;} .shop_table th {background:#2aa0c1;color:#fff;font-size:17px;padding:15px 30px} .shop_table td {text-align:center;font-size:17px;border-bottom:1px solid #dfdfdf;padding:10px 0px} .order_detail_tbl {width:100%;border-collapse:collapse;transform: skew(-0.1deg);} .order_detail_tbl th {background:#fff; color:#000;padding:0 10px 5px;font-size:15px;} .order_detail_tbl td {padding:5px;font-size:15px;border:1px solid #dfdfdf} .show_desc {font-size:14px;background:#f0f5f7;padding:10px 20px;border:1px solid #e2eaec;transform: skew(-0.1deg);} .shoporderul {overflow:hidden} .shoporderul li {margin-right:20px;float:left;font-size:17px;margin-bottom:10px;cursor:pointer;} .shoporderul li .on {color:#2AA0C1;font-weight:600} .bo_nav {overflow:hidden;display: table;margin-left: auto;margin-right: auto;margin-bottom: 50px;} .bo_nav li {float:left;padding:10px 20px;font-size:15px;border:1px solid #888;margin-right:20px;} .bo_nav li a {color:#888} .bo_nav li.on {border:1px solid #2aa0c1;background:#2aa0c1} .bo_nav li.on a {color:#fff;display:block;} .filter_box {margin-bottom:40px;transform:skew(-0.1deg);} .use_filter {margin-top:20px;overflow:hidden;font-size:15px;} .use_filter:first-child {margin-top:0;} .use_filter_txt {float:left;line-height:35px;margin-right:10px;} .use_filter_ipt {float:left;width:250px;height:35px;border:1px solid #b1b1b1;padding:0 7px;margin-right:10px;} .use_filter_sel {width:100px;} .use_filter button {float:left;width:70px;height:35px;border:none;background:#000;color:#fff;} #info_popup {width:700px;height:500px;background:#fff;position:fixed;left:50%;top:50%;margin-left:-350px;margin-top:-250px;z-index:100;box-shadow:5px 5px 5px rgba(0,0,0,0.2);padding:40px;display:none;} .info_popup_x {width:30px;height:30px;position:absolute;top:10px;right:10px;cursor:pointer;} .info_popup_x::before {content:'';width:100%;height:2px;background:#000;position:absolute;top:14px;left:0;transform:rotate(45deg);} .info_popup_x::after {content:'';width:100%;height:2px;background:#000;position:absolute;top:14px;left:0;transform:rotate(-45deg);} .info_pop_ul {width:100%;height:100%;overflow-y:auto;} .info_pop_ul li {border-bottom:1px solid #dfdfdf;padding:15px 0;} .info_pop_ul li:first-child {padding-top:0;} .info_pop_ul li:last-child {border-bottom:0;padding-bottom:0;} .info_pop_ul li h3 {display:inline-block;font-size:17px;line-height:21px;position:relative;padding-left:15px;} .info_pop_ul li h3::before {content:'';width:5px;height:90%;background:#094E61;position:absolute;left:0;top:0;} .info_pop_cont {font-size:14px;line-height:1.7;margin-top:15px;word-break:keek-all;transform:skew(-0.1deg);} .thum_pointer {cursor:pointer;}