@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap'); /* font-family: 'Noto Sans KR' font-family: 'Nanum Gothic' font-family: 'Noto Serif KR',*/ /*@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); font-family: 'NanumSquare';300,400,700,800*/ /*@import url('pretendard.css'); font-family: 'Pretendard';100,200,300,400,500,600,700,800,900*/ /* @font-face {font-family: 'GmarketSansBold';src: url('font/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'GmarketSansMedium';src: url('font/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'GmarketSansLight';src: url('font/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;} */ @font-face {font-family: 'GmarketSans';src: url('font/GmarketSansBold.woff2') format('woff2'),url('font/GmarketSansBold.woff') format('woff');font-weight:900;font-style: normal;} @font-face {font-family: 'GmarketSans';src: url('font/GmarketSansMedium.woff2') format('woff2'),url('font/GmarketSansMedium.woff') format('woff');font-weight:500;font-style: normal;} @font-face {font-family: 'GmarketSans';src: url('font/GmarketSansLight.woff2') format('woff2'),url('font/GmarketSansLight.woff') format('woff');font-weight:300;font-style: normal;} @font-face {font-family: 'Pretendard';font-weight: 900; font-style: normal; src: url('font/Pretendard-Black.woff2') format('woff2'),url('font/Pretendard-Black.woff') format('woff');font-display: swap;} @font-face {font-family: 'Pretendard';font-weight: 800; font-style: normal; src: url('font/Pretendard-ExtraBold.woff2') format('woff2'),url('font/Pretendard-ExtraBold.woff') format('woff');font-display: swap;} @font-face {font-family: 'Pretendard';font-weight: 700; font-style: normal; src: url('font/Pretendard-Bold.woff2') format('woff2'),url('font/Pretendard-Bold.woff') format('woff');font-display: swap;} @font-face {font-family: 'Pretendard';font-weight: 600; font-style: normal; src: url('font/Pretendard-SemiBold.woff2') format('woff2'),url('font/Pretendard-SemiBold.woff') format('woff');font-display: swap;} @font-face {font-family: 'Pretendard';font-weight: 500; font-style: normal; src: url('font/Pretendard-Medium.woff2') format('woff2'),url('font/Pretendard-Medium.woff') format('woff');font-display: swap;} @font-face {font-family: 'Pretendard';font-weight: 400; font-style: normal; src: url('font/Pretendard-Regular.woff2') format('woff2'),url('font/Pretendard-Regular.woff') format('woff');font-display: swap;} @font-face {font-family: 'Pretendard';font-weight: 300; font-style: normal; src: url('font/Pretendard-Light.woff2') format('woff2'),url('font/Pretendard-Light.woff') format('woff');font-display: swap;} @font-face {font-family: 'Pretendard';font-weight: 200; font-style: normal; src: url('font/Pretendard-ExtraLight.woff2') format('woff2'),url('font/Pretendard-ExtraLight.woff') format('woff');font-display: swap;} @font-face {font-family: 'Pretendard';font-weight: 100; font-style: normal; src: url('font/Pretendard-Thin.woff2') format('woff2'),url('font/Pretendard-Thin.woff') format('woff');font-display: swap;} /* 초기화 */ html {font-size:16px;} body {margin:0px 0px;padding:0px 0px;font-family: 'Pretendard';font-weight:400;font-size:16px;color:#555;box-sizing:border-box;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden} input, button {margin:0px;padding:0px;border-radius:0; /*-webkit-appearance:none;*/background:none;font-family: 'Pretendard';font-size:16px;} button, input[type=submit] {cursor:pointer;} input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none;} textarea, select,button {font-family: 'Pretendard';font-size:16px;font-style:400;color:inherit;} /*textarea {border-radius:0;-webkit-appearance:none;}*/ select {margin:0px;background:none;font-family: 'Pretendard';font-size:16px;} p {margin:0px;padding:0px;word-break:break-all} pre {overflow-x:scroll;} a {color:inherit;text-decoration:none} a:visited {color:inherit;text-decoration:none} /*a,img,input {selector-dummy: expression(this.hideFocus=true);}*/ a,img,input, a:active, a:focus {outline:none;} ul,li,dl,dt,dd{padding:0px;margin:0px;list-style:none;box-sizing:border-box;} img{margin:0px;padding:0px;} div {margin:0px;padding:0px;box-sizing:border-box;} table {border-collapse:collapse;border-spacing:0;width:100%;} caption {padding:0px 0px;margin:0px 0px;} /* select {appearance: none; -webkit-appearance: none;} select box style 화살표 초기화 select::-ms-expand { display:none; }*/ input[type="radio"]{ -webkit-appearance: radio;} /* 크롬에서 라디오버튼 보이게 */ /*자동완성 input 파란색 배경 없애기*/ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px inherit inset ; -webkit-text-fill-color: inherit; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } * {box-sizing: border-box;} *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *{-webkit-text-size-adjust:none} :root { --width:1200px; } /* main */ .top_menu_warp {width:100%;height:85px;border-bottom:1px solid #dddd;} .top_menu {clear:both;width:1200px;height:85px;margin:0px auto;} .top_menu li {float:left;} .top_menu li:nth-child(1) {width:400px;} .top_menu li:nth-child(1) img {margin:27px auto 0px;width:150px !important} .top_menu li:nth-child(1) .loan {display:inline-block;height:30px;line-height:30px;padding:0px 10px;border-radius:15px;background:#fcbd18;color:#000;letter-spacing:-1px;font-size:12px;margin-left:10px;position:relative;top:-10px;cursor:pointer;} .top_menu li:nth-child(2) {width:calc(100% - 800px);text-align:center;} .top_menu li:nth-child(2) img {margin:19px auto 0px;width:300px !important;image-rendering: -moz-crisp-edges; /* firefox */ /*이미지선명하게*/image-rendering: -o-crisp-edges; /* opera */ image-rendering: -webkit-optimize-contrast; /* chrome */ image-rendering: crisp-edges; transform: translateZ(0); backface-visibility: hidden;} .top_menu li:nth-child(3) {text-align:right;padding-top:30px;width:400px;} .top_menu li:nth-child(3) a {margin-left:10px;display:inline-block;padding:0px 7px;height:26px;line-height:24px;color:#444;font-size:13px;font-weight:500;border-radius:5px;transition: background 0.5s ease-in-out,color 0.5s ease-in-out;} .top_menu li:nth-child(3) a:hover {cursor: pointer;color:#000;} .top_menu li:nth-child(3) img {margin-right:5px;vertical-align:middle;position:relative;top:-2px;filter: invert(47%) sepia(0%) saturate(0%) hue-rotate(327deg) brightness(99%) contrast(90%);} #primary_nav_wrap {display:block;width:100%;height:65px;background-color:#fff;border-bottom:1px solid #dddd;padding-top:12px;box-sizing:border-box;} #primary_nav_wrap ul {list-style:none;position:relative;margin:0px auto;padding:0;width:1200px;z-index:99;display:flex;} #primary_nav_wrap ul a {display:block;text-decoration:none;padding:0 15px;} #primary_nav_wrap ul li {position:relative;float:left;margin:0;padding:0px;flex:1;height:40px;line-height:40px;text-align:center;font-size:18px;font-weight:500;transition: background 0.5s ease-in-out,color 0.5s ease-in-out;} #primary_nav_wrap ul li:hover {color:#ec242e;cursor:pointer;} #primary_nav_wrap ul ul {display:none;position:absolute;top:100%;left:0;background:#fff;padding:0;border:1px solid #ddd;width:180px;box-sizing:border-box;padding:10px 0px} #primary_nav_wrap ul ul li {float:none;width:180px;height:34px;font-size:13px;;line-height:100%;color:#444;text-align:left;} #primary_nav_wrap ul ul a {line-height:120%;padding:8px 15px;} #primary_nav_wrap ul ul ul {top:0;left:100%} #primary_nav_wrap ul li:hover > ul {display:block} #primary_nav_wrap ul ul li:hover {color:#ec242e;font-weight:700;;cursor:pointer;} #primary_nav_wrap .menu_ing {position:absolute;top:-32px;left:100px;z-index:2} /*new menu*/ nav {width:100%;position:relative;} .n_nav {clear: both;display: block;width:100%;background:#fff;padding:0px;margin:0px 0px -1px;color:#000;border-bottom:1px solid #dddd;position:relative;} .n_nav li > a:after {content: "";width: 0%;height: 5px;display: inline-block;background:#004D72;position: absolute;left: 0;bottom: -1px;transition: all 0.3s ease-in-out;} .n_nav li:hover > a:after {width: 100%;} .n_nav .first_menu {width:100%;max-width:1200px;margin:0px auto;display:flex;flex-wrap:wrap;} .n_nav .first_menu li {flex:1;font-weight:400;line-height: 65px;text-align: center;position:relative;} .n_nav .first_menu li.active {color:#005183;} .n_nav .first_menu li > a {font-size: 17px;width: 100%;height:100%;display:block;} .n_nav_sub {display: none;width: 100%;background-color: #fff;overflow: hidden;position: absolute;top:65px;z-index: 98;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;} .n_nav_sub ul {width:100%;max-width:1200px;margin:0px auto 0px;display:flex;flex-wrap:wrap;} .n_nav_sub li {display: inline-block;vertical-align: top;text-align:left;color:#444;line-height: 30px;width:calc(100% / 7);font-size: 14px;border-right:1px solid #e8e8e8;padding:9px 10px 12px 20px;transition:all 0.5s ease-in-out;} .n_nav_sub li a {display: block;} .n_nav_sub li:hover {background:#f2f4f5;border-top:1px solid #005183;} .n_nav_sub li a:hover {color: #005183;font-weight: 600;} .n_nav_sub li:first-child {border-left:1px solid #e8e8e8;} .n_nav .first_menu li {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .n_nav .first_menu li:last-child {transform:none;} /* .n_nav .first_menu li:hover, .n_nav li:focus, .n_nav li:active {color: #005183;} .n_nav .first_menu li:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;border-bottom:2px solid #005183;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .n_nav .first_menu li:hover:before, .n_nav li:focus:before, .n_nav li:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);} */ .first_menu .float {height:auto;position:absolute;animation-name: menu_jump; animation-duration:0.8s; animation-duration: leaner; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode: forwards;z-index:3;} @keyframes menu_jump { 0% {top:-5px;left:calc(50% - 25px)} 100% {top:-10px;left:calc(50% - 25px)} } .first_menu .nation {padding:0px 5px;height:16px;line-height:17px;border-radius:3px;background:#1f3469;color:#fff;font-size:11px;font-family: 'GmarketSans';font-weight:500;position:absolute;top:-8px;left:calc(50% - 25px);} .first_menu .deadline {display:inline-block;position:absolute;top:-10px;left:calc(50% - 25px);line-height:1.0;height:20px;} .first_menu .deadline .txt1 {background:#c13131;color:#f0ff00;font-size:11px;font-family: 'GmarketSans';font-weight:500;padding:2px 5px 1px;height:16px;line-height:1.0;border-radius:7px;} .first_menu .deadline .tri{color:#c13131;font-size:10px;position:relative;top:-5px;} input[id="topmenu_icon"] {display:none;} input[id="topmenu_icon"] + label{position: relative;left:calc(50% + 428px);top:-65px;display:block;width:calc(1200px / 7);height:65px;cursor:pointer;margin-bottom:-65px;text-align:center;padding:0px;box-sizing:border-box;background:#f0f0f0;} input[id="topmenu_icon"] + label:before{content: '전체메뉴';font-size:17px;color:#000;position:relative;top:22px} input[id="topmenu_icon"] + label > span {position: absolute;display:inline-block;width:0px;height:0px;background:rgba(0,0,0,0);transition: all 0.35s;z-index:101;} input[id="topmenu_icon"] + label > span:nth-child(1) {top:35%;} input[id="topmenu_icon"] + label > span:nth-child(2) {top:50%;transform: translateY(-50%);} input[id="topmenu_icon"] + label > span:nth-child(3) {bottom:33%;} input[id="topmenu_icon"]:checked + label > span {background:#000;width:20px;height:3px;} input[id="topmenu_icon"]:checked + label > span:nth-child(1) {top:50%;transform:translateY(-50%) rotate(45deg);} input[id="topmenu_icon"]:checked + label > span:nth-child(2) {opacity: 0;} input[id="topmenu_icon"]:checked + label > span:nth-child(3) {bottom:50%;transform:translateY(50%) rotate(-45deg);} #topmenu_icon + label + #top_submenu {position:absolute;width:1200px;border:1px solid #ccc;background:#fff;color:#333;top:-1px;padding:0px;box-sizing:border-box;right:calc(100% + 1200px);z-index:100;transition: all 0.35s;} #topmenu_icon:checked + label + #top_submenu {left:calc(50% - 600px);} #top_submenu section {width:100%;height:65px;border-bottom:1px solid #ccc;background:#f0f0f0;padding:0px 30px;line-height:65px;text-align:left;} #top_submenu ul {clear:both;width:95%;margin:30px auto;display:flex;flex-wrap: wrap;} #top_submenu ul li {width:20%;float:left;padding:0px 30px;} #top_submenu ul li h1 {clear:both;display:block;width:100%;border-bottom:1px solid #ccc;padding:10px;font-weight:700;font-size:18px;} #top_submenu ul li a {clear:both;display:block;width:100%;padding:5px 5px 5px 15px;font-weight:400;font-size:14px;} #top_submenu ul li a:hover {color:#3269ff;} #top_submenu hr {clear:both;display:block;width:100%;height:1px;border:0px;background:#ddd;margin:30px 0px;} .open_tmenu {clear:both;width:100%;font-size:20px;font-weight:700;text-align:right;} .open_tmenu a:link {margin-left:30px;} .open_tmenu .study {color:#ec242e;} .open_submenu {clear:both;width:1200px;background-color:#fff;border:1px solid #ddd;overflow:hidden;padding:20px 0px;box-sizing:border-box;margin-top:20px;position:absolute;top:-5px;left:-300px;z-index:99} .open_submenu h1 {font-size:18px;font-weight:700;display:block;margin-bottom:15px;width:100%;color:#333;} .open_submenu dt {display:none;} .open_submenu dd {float:left;width:182px;height:310px;border-right:1px solid #ddd;line-height:2.0;padding-left:25px;box-sizing:border-box;display:inline-block;color:#878787;}/*서브 메뉴 개수가 줄거나 늘때 height 조절*/ .open_submenu dd:last-child {border-right:0px;} .open_submenu dd a:link {display:block;clear:both;} .opne_submenu0 {position:relative;top:0px;left:0px;z-index:9999999} .top_tel {width:100%;height:45px;border-bottom:1px solid #ccc;} .top_tel ul {width:1200px;height:45px;line-height:45px;margin:0px auto;display:block;} .top_tel li {float:left;width:50%;} .top_tel li span {font-size:11px;color:#ccc;margin:0px 15px;font-weight:lighter} .top_tel li:nth-child(1) {font-weight:bold;} .top_tel li:nth-child(1) p {display:inline-block;color:#005183;margin-left:10px;} .top_tel li:nth-child(2) {text-align:right;font-size:13px;color:#444;font-weight:500;} .main_join {width:100%;box-sizing:border-box;text-align:right;;font-size:14px;} .main_join a:link {margin-left:25px;} .main_join a:hover {color:#e83535;cursor:pointer;} .main_join .join {color:#1a80c3;} .main_join .blt1 {display:inline-block;width:6px;height:6px;border-radius:50%;background:#1a80c3;margin-right:5px;vertical-align:middle;} .main_join .blt2 {display:inline-block;width:6px;height:6px;border-radius:50%;background:#969696;margin-right:5px;vertical-align:middle;} .main_join2 {width:100%;margin:25px 0px 40px;clear:both;display:inline-block;overflow:hidden;} .main_join2 dt {float:left;width:50%;;padding-top:0px;box-sizing:border-box;text-align:center;line-height:1.6;} .main_join2 dt .txt1 {font-size:20px;font-weight:700;display:block;} .main_join2 dt .txt1 span {;font-weight:400;} .main_join2 dd {float:left;width:50%;} .main_join2 dd .txt2 {width:80px;height:22px;background-color:#ddd;border-radius:5px;text-align:center;margin-right:20px;margin-bottom:10px;clear:both;display:inline-block;font-size:13px;;padding-top:4px;} .main_join2 dd .txt3 {color:#e83535;font-weight:700;display:inline-block;} .main_join3 {clear:both;width:100%;margin:0px 0px 25px 0px;display:block;text-align:left;font-size:12px;} .log_form01 {border:1px solid #dddddd;background-color:#fff;width:100%;height:45px;padding-left:10px;box-sizing:border-box;margin-bottom:10px;} .log_btn01 {width:100%;height:45px;background-color:#657e85;color:#fff;text-align:center;font-weight:700;border:none;font-size:18px;font-family: 'KoPubDotum';margin:5px 0px 15px;cursor:pointer;border-radius:5px;transition: background 0.5s ease-in-out;} .log_btn01:hover {background-color:#b25d57;cursor:pointer;} .log_btn02 {width:50%;height:45px;float:right;background-color:#e83535;color:#fff;font-family: 'KoPubDotum';text-align:center;font-weight:600;border:none;;margin:0px 0px 15px;cursor:pointer;transition: background 0.5s ease-in-out;} .log_btn02:hover {cursor: pointer;background:#ff791f} .log_btn03 {float:left;width:49%;height:45px;line-height:44px;background-color:#969696;color:#fff;font-size:14px;text-align:center;font-weight:700;border:none;margin:0px;cursor:pointer;border-radius:7px;} .log_btn04 {width:100%;height:80px;background-color:#e83535;color:#fff;text-align:center;font-weight:700;border:none;font-size:20px;margin:10px 0px 5px;cursor:pointer;} .log_btn05 {float:right;width:49%;height:45px;background-color:#0067b3;color:#fff;text-align:center;font-size:14px;font-weight:700;border:none;margin:0px;cursor:pointer;border-radius:7px;} .log_btn06 {width:100%;height:50px;line-height:50px;background-color:#e83535;color:#fff;text-align:center;font-size:14px;font-weight:700;border:none;;margin:0px 0px 5px 0px ;cursor:pointer;border-radius:7px;} .main_col1_warp {clear:both;width:100%;max-width:1200px;height:280px;display:block;margin:30px auto 0px;} .main_col1_warp ul {width:1200px;} .main_col1_warp ul li {float:left;height:280px;padding:20px 30px 0px;margin-right:20px;border-radius:5px;box-sizing:border-box;display:block;box-shadow:0px 0px 5px rgba(0,0,0,0.2);} .main_col1_warp ul li:nth-child(1) h1 {width:100%;display:block;color:#000;font-size:24px;font-weight:700;line-height:1.0;margin-top:2px;} .main_col1_warp ul li:nth-child(1) {width:360px;} .main_col1_warp ul li:nth-child(2) {width:455px;padding:5px 30px 0px;} .main_col1_warp ul li:nth-child(3) {width:345px;padding:5px 30px 0px;margin-right:0px;} .main_col1_warp li:nth-child(1) .list {clear:both;display:block;width:100%;} .main_col1_warp li:nth-child(1) .list dd {float:left;padding:5px 0px;} .main_col1_warp li:nth-child(1) .list dd:nth-child(odd) {width:calc(100% - 100px);line-height:30px;background:url('/home/common/img/main/dot_line2.png') center repeat-x;} .main_col1_warp li:nth-child(1) .list dd:nth-child(odd) div {display:inline-block;font-weight:600;color:#333;padding-right:10px;} .main_col1_warp li:nth-child(1) .list dd:nth-child(even) {width:100px;} .main_col1_warp li:nth-child(1) .list dd:nth-child(even) a {float:right;display:block;width:90%;height:30px;line-height:29px;border-radius:15px;text-align:center;background:#e9e9e9;color:#777;font-size:12px;transition:all 0.5s ease-in-out;} .main_col1_warp li:nth-child(1) .list dd:nth-child(even) a:hover {background:#000;color:#fff;} .main_col1_warp .log_tit {width:100%;display:block;overflow:hidden;} .main_col1_warp .log_tit dd {float:left;height:40px;} .main_col1_warp .log_tit dd:nth-child(1) {width:100px;font-weight:700;font-size:26px;color:#000;} .main_col1_warp .log_tit dd:nth-child(2) {width:calc(100% - 100px);font-weight:600;font-size:20px;color:#1a80c3;text-align:center;padding-top:3px;box-sizing:border-box;} .main_col1_warp .log_tit dd:nth-child(2) img {vertical-align:middle;margin-right:7px;margin-top:-4px;} .main_col1_warp .log_tit dd:nth-child(2) a {transition:color 0.5s ease-in-out;} .main_col1_warp .log_tit dd:nth-child(2) a:hover {cursor: pointer;color:#ff791f} .log_wrap {clear:both;width:100%;display:block;margin-top:10px;overflow:hidden;} .log_form1 {width:100%;height:45px;background:#fff;border:1px solid #ddd;padding:0px 8px;box-sizing:border-box;border-radius:5px;color:#444;margin:3px 0px;} .main_col1_warp .notice {width:100%;} .main_col1_warp ul li:nth-child(2) h1 {width:100%;display:block;color:#000;font-size:26px;font-weight:700;line-height:1.0;} .main_col1_warp ul li:nth-child(2) h1 span {float:right;color:#999999;font-size:12px;;margin-top:7px;} .main_col1_warp ul li:nth-child(2) h1 span:hover {cursor: pointer;color:#e83535;} .main_col1_warp .main_list {width:100%;clear:both;margin-top:30px;overflow:hidden;} .main_col1_warp .main_list dt {float:left;width:80%;clear:both;font-size:14px;margin-bottom:20px;padding-left:7px;box-sizing:border-box;} .main_col1_warp .main_list dt:hover {color:#1a80c3;font-weight:600;cursor:pointer;} .main_col1_warp .main_list dt p {font-size:0px;display:inline-block;width:7px;height:7px;border-radius:50%;background:#1a80c3;vertical-align:middle;margin-right:7px;} .main_col1_warp .main_list dd {float:right;width:20%;text-align:right;color:#999;font-weight:400;font-size:12px;margin-bottom:20px;padding-right:7px;box-sizing:border-box;} .main_col1_warp .main_list .new {display:inline-block;font-size:10px;;margin-left:10px;background-color:#005183;color:#fff;border-radius:3px;padding:3px 4px;line-height:1.0;position:relative;top:-2px;left:0px;} .main_col1_warp ul li:nth-child(3) h1 {width:100%;display:block;color:#000;font-size:24px;font-weight:700;line-height:1.0;} .main_col1_warp ul li:nth-child(3) h2 {clear:both;width:100%;display:block;color:#005183;font-size:34px;font-family: 'GmarketSans';font-weight:900;line-height:1.0;margin:10px 0px 20px;} .main_col1_warp ul li:nth-child(3) .worktime {width:100%;display:block;margin-top:15px;overflow:hidden;} .main_col1_warp ul li:nth-child(3) .worktime dt {clear:both;float:left;width:36px;height:20px;line-height:19px;background:#585858;border-radius:3px;color:#fff;font-size:12px;text-align:center;margin:2px 10px 2px 0px;} .main_col1_warp ul li:nth-child(3) .worktime dd {float:left;width:calc(100% - 46px);height:20px;line-height:20px;margin:2px 0px;font-size:13px;;} .main_col1_warp ul li:nth-child(3) hr {clear:both;display:block;width:100%;height:1px;margin:15px 0px;border:0px;background:#ddd;} .main_col1_warp ul li:nth-child(3) .sns {clear:both;width:100%;height:55px;display:flex;} .main_col1_warp ul li:nth-child(3) .sns dd {float:left;flex:1;text-align:center;} .main_col1_warp ul li:nth-child(3) .sns dd img {border-radius:5px;} .calss_list {width:100%;overflow:hidden;padding:30px 0px 50px 0px;background:url(../img/classlist_bg.png) center no-repeat;position: relative;margin: 0 auto;} .calss_list h1 {text-align:center;color:#fff;font-size:40px;font-weight:700;letter-spacing:-2px;margin-bottom:30px;} .calss_list ul {width:1360px;height:275px;overflow:hidden;margin:0px auto;} .calss_list li {float:left;width:260px;height:275px;background-color:#fff;margin-right:20px;padding:0px;box-sizing:border-box;color:#444;} .calss_list li h1 {clear:both;display:block;width:100%;height:100px;font-size:24px;line-height:1.2;font-weight:700;color:#000;text-align:left;padding-top:15px;box-sizing:border-box;} .calss_list li p {display:inline-block;padding:8px 20px;border:1px solid #bbbbbb;} .calss_list li:hover {background-color:#eb0000;color:#fff;cursor:pointer;} .calss_list li:hover h1 {color:#fff;cursor:pointer;} .calss_list li:hover p {border:1px solid #fff;cursor:pointer;} .calss_list button.prev2{position: absolute;left:10px;top:200px;border:0px;} .calss_list button.next2{position: absolute;right:120px;top:200px;border:0px;} .calss_list_warp {width:1200px;overflow-x:hidden;margin:0px auto;display:block;} .main_col3_wrap {width:1200px;height:150px;padding:20px;box-sizing:border-box;box-shadow:0px 0px 5px rgba(0,0,0,0.2);margin:10px auto 0px;display:block;border-radius:7px;} .main_col3_wrap ul {width:100%;height:110px;display:block;} .main_col3_wrap ul li {float:left;display:inline-block;} .main_col3_wrap ul li:nth-child(1) {width:160px;height:110px;border-radius:5px;background:#f4f4f4;padding:15px;box-sizing:border-box;font-size:20px;font-weight:600;color:#333;margin-right:20px;} .main_col3_wrap ul li:nth-child(2) {width:calc(100% - 180px);height:110px;} .main_col3_wrap ul li:nth-child(2) dl {width:100%;clear:both;} .main_col3_wrap ul li:nth-child(2) dd {float:left;width:16.666%;height:55px;font-size:13px;padding:10px;box-sizing:border-box;transition: background 0.5s ease-in-out;} .main_col3_wrap ul li:nth-child(2) dd img {margin-right:18px;vertical-align:middle;display:block;float:left;position:relative;top:-3px;} .main_col3_wrap ul li:nth-child(2) dd span {margin-top:8px;display:block;float:left;} .main_col3_wrap ul li:nth-child(2) dd:hover {cursor: pointer;background:#fffddc;border-radius:5px;color:#000;} .quick {width:140px;overflow:hidden;position:fixed;top:150px;right:0px;background:#fff;z-index:4;border-radius:5px 0px 0px 5px;border-width:1px 0px 1px 1px;border-style:solid;border-color:#ddd;padding:10px;box-sizing:border-box;} .quick dl {width:100%;clear:both;display:block;} .quick dt {clear:both;float:left;width:30px;margin:10px 0px;text-align:center;} .quick dd {float:left;width:calc(100% - 30px);margin:10px 0px;padding-left:5px;font-size:13px;display:block;} .quick dd:hover {cursor: pointer;color:#ec242e;} .quick .quick_tel {clear:both;width:100%;background:#f4f4f4;padding:10px 10px 1px;text-align:center;margin-top:20px;font-size:12px;font-weight:600;border-radius:5px;letter-spacing:-1px;} .quick .quick_tel p {color:#ec242e;font-size:15px;margin:7px 0px 20px;} .hotissue {clear:both;display:flex;flex-wrap: wrap;width:100%;max-width:1200px;margin:20px auto 0px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);border-radius:5px;overflow:hidden;} .hotissue > li {float:left;padding:20px 20px 10px 20px;} .hotissue > li:nth-child(1) {background:#005183;color:#fff;width:420px;} .hotissue li:nth-child(1) h1 {line-height:1.0;display:block;width:100%;font-size:13px;font-weight:600;margin:0px;padding:0px;} .hotissue > li:nth-child(2) {width:calc(100% - 420px);} .hotissue > li:nth-child(2) dl {clear:both;display:flex;flex-wrap: wrap;width:100%;margin:7px 0px 0px;} .hotissue > li:nth-child(2) dd {flex:1;text-align:center;border-right:1px solid #ddd;transition:all 0.5s ease-in-out;} .hotissue > li:nth-child(2) dd:last-child {border:none;} .hotissue > li:nth-child(2) dd:hover {color:#f39800;font-weight:600;cursor: pointer;} .hotissue > li:nth-child(2) dd img {width:40px;vertical-align:middle;margin-right:15px;display:inline-block;} .hotissue li:nth-child(1) #ticker{float:left;width:calc(100% - 30px);padding:0px;margin:0px;} .hotissue li:nth-child(1) #ticker > li {width:100%;height:30px;padding:0px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;font-weight:400;} .hotissue li:nth-child(1) #ticker > li:hover {color:#ffca71;cursor: pointer;} .hotissue li:nth-child(1) .arrow {float:right;font-size:12px;margin-top:-5px;width:30px;text-align:right;} .hotissue li:nth-child(1) .arrow .prev:hover,.hotissue li:nth-child(1) .arrow .next:hover {color:#f39800;cursor: pointer;} .hotissue li:nth-child(1) .block {height:36px; overflow:hidden;width:100%;float:left;border:0px;padding:7px 0px;margin:10px 0px 0px;overflow:hidden;} /* 개강안내 & 빠른 상담 */ .wrap_course {clear:both;width:100%;max-width:1200px;height:230px;display:block;margin:30px auto 0px;} .wrap_course li {float:left;width:50%;} .wrap_course .new_class {width:590px;height:230px;border-radius:5px;padding:15px 30px 0px;box-sizing:border-box;background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.2);position:relative;} .wrap_course .new_class h1 {display:inline-block;font-size:22px;;color:#000;background:linear-gradient(0deg, rgba(252,241,159,1) 0%, rgba(252,241,159,1) 45%, rgba(255,255,255,0) 46%, rgba(255,255,255,0) 100%);padding:0px 2px 2px;line-height:1.0;} .wrap_course .new_class h2 {clear:both;width:100%;display:block;font-size:40px;font-weight:800;color:#000;line-height:1.0;} .wrap_course .new_class dl {clear:both;display:block;margin-top:28px;} .wrap_course .new_class dl dt {clear:both;float:left;width:80px;height:26px;line-height:25px;text-align:center;color:#fff;background:#c9be9b;border-radius:5px;margin:2px 20px 3px 0px;font-size:14px;} .wrap_course .new_class dl dd {float:left;width:290px;height:26px;line-height:25px;margin:2px 0px 3px 0px;font-size:18px;;color:#000;} .wrap_course .new_class .go_course {display:inline-block;float:right;color:#fff;background:#f39800;;width:130px;height:36px;line-height:35px;text-align:center;border-radius:5px;margin-top:-10px;transition: background 0.5s ease-in-out;} .wrap_course .new_class .go_course:hover {cursor: pointer;background:#eb0000} .wrap_course .new_class .dday {position:absolute;top:27px;left:245px;background:#005183;padding:7px 15px 9px;line-height:1.0;font-size:12px;color:#fff;border-radius:4px 4px 4px 0px;} .wrap_course .new_class .dday .arrow {width: 0;height: 0;border-style: solid;border-width: 11px 11px 0px 0px;border-color: #005183 transparent transparent transparent;position:absolute;left:0px;bottom:-10px;} .wrap_course .advice {float:right;width:590px;height:230px;border-radius:5px;padding:15px 30px 0px;box-sizing:border-box;background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.2);} .wrap_course .advice h1 {display:block;width:100%;font-size:26px;font-weight:700;color:#000;line-height:1.0;} .wrap_course .advice dl {width:100%;display:block;} .wrap_course .advice dd {float:left;width:50%;padding:2px 0px;box-sizing:border-box;} .wrap_course .advice dd:nth-child(odd) {clear:both;padding-right:3px;} .wrap_course .advice dd:nth-child(even) {padding-left:3px;} .wrap_course .advice dd.txt {font-size:13px;line-height:1.2;color:#777;padding-top:5px;} .wrap_course .advice .adv_form1 {width:100%;height:36px;background:#fff;border:1px solid #ddd;padding:0px 5px;box-sizing:border-box;border-radius:5px;color:#444;} .wrap_course .advice .adv_form2 {width:84px !important;height:36px;background:#fff;border:1px solid #ddd;padding:0px 5px;box-sizing:border-box;border-radius:5px;color:#444;} .wrap_course .advice .adv_form3 {clear:both;width:18px !important;height:18px;background:#fff;border:1px solid #ddd;box-sizing:border-box;border-radius:2px;margin:2px 7px 2px 0px;position:relative;top:4px;} .wrap_course .advice .btn_advsend {width:100%;height:40px;line-height:39px;background:#005183;color:#fff;text-align:center;font-size:18px;;border-radius:5px;margin-top:5px;transition: background 0.5s ease-in-out;} .wrap_course .advice .btn_advsend:hover {cursor: pointer;background:#f39800;} .sangdam_pop_open{} .sangdam_pop_wrap{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0); font-size:0; text-align:center;z-index:10;} .sangdam_pop_wrap:after{display:inline-block; height:100%; vertical-align:middle; content:'';} .sangdam_pop_wrap .sangdam_contents {display:inline-block; padding:30px; background:#fff;border:4px solid #005183;vertical-align:middle;font-size:14px;} .sangdam_pop_wrap .sangdam_contents h1 {font-size:20px;font-weight:700;margin:0px auto 15px;} .sangdam_pop_wrap .sangdam_contents ul {clear:both;display:block;width:100%;} .sangdam_pop_wrap .sangdam_contents li {clear:both;display:block;width:100%;padding:7px 0px;text-align:left;} .sangdam_pop_wrap .sangdam_contents li p {width:100%;padding-left:15px;line-height:1.6;margin-top:7px;} .sangdam_close {padding:7px 15px;background:#000;color:#fff;margin:20px auto 0px;border-radius:5px;border:0px;} /* rolling main img */ .visual .swiper-container {width: 100%;min-width:1200px;} .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .visual .swiper-slide img {display: block;width: 100%;object-fit: cover;} .visual .swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .visual .swiper-wrapper {position:relative;width:100%;height:460px;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .visual .swiper-slide {flex-shrink:0;width:100%;position:relative;transition-property:transform} .visual .swiper-pagination {position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;bottom:20px;left:calc(50% - 90px);} .visual .swiper-pagination:hover {cursor: pointer;} .visual .swiper-container-horizontal>.visual .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;left:0;width:100%} .visual .swiper-pagination-bullet {width:50px;height:8px;border-radius:4px;display:inline-block;opacity:.5;border:1px solid #fff;margin-right:10px;} .visual button.swiper-pagination-bullet {border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none} .visual .swiper-pagination-bullet-active {opacity:1;background:#fff;} .visual .swiper-container-horizontal>.visual .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px} .visual .swiper-container-horizontal>.visual .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;transform:translateX(-50%);white-space:nowrap} .main_banner {width:1200px;height:50px;display:block;margin:30px auto 0px;} .main_banner li {float:left;width:162px;height:50px;margin-right:11px;border:1px solid #ededed;border-radius:5px;text-align:center;} .main_banner li:nth-child(7n) {margin-right:0px;} .main_banner2 {width:1200px;margin:30px auto 0px;display:flex;flex-wrap: wrap;gap:0px 12px;} .main_banner2 li {flex:1 0 0;border:1px solid #eee;border-radius:3px;text-align:center;padding:0;margin:0px auto;overflow:hidden;} /*마우스 스크롤시 하나씩 슬라이드*/ .up-on-scroll {margin-top: 20px;transition: transform 0.7s, opacity 1s;} .img-wrap {margin: 20px;display: flex;justify-content: center;overflow: hidden;max-height: 400px;} .img-wrap .image {object-fit: contain;max-width: 500px;width: 100%;} /* footer */ .footer_warp1 {clear:both;width:100%;min-width:1200px;height:60px;border-width:1px 0px;border-style:solid;border-color:#ededed;margin-top:30px;} .footer_warp2 {clear:both;width:1200px;margin:0px auto;text-align:center;} .footer_warp2 span {display:inline-block;margin:20px 25px 0px 25px;box-sizing:border-box;} .footer_warp2 span:hover {color:#ffb924;cursor:pointer;} .footer_warp2 .jumplink {width:200px;height:40px;float:right;background-color:#fff;color:#333;border:none;margin-top:10px;padding-left:10px;box-sizing:border-box;} .footer_warp3 {clear:both;width:100%;min-width:1200px;background-color:#f1f1f1;padding:20px 0px;box-sizing:border-box;overflow:hidden;margin-top:0px;} .footer_warp3 ul {width:1200px;margin:0px auto;} .footer_warp3 ul li {float:left;} .footer_warp3 ul li:nth-child(1) {width:300px;} .footer_warp3 ul li:nth-child(1) img {margin-top:10px;width:75%; /*이미지선명하게*/image-rendering: -moz-crisp-edges; /* firefox */ image-rendering: -o-crisp-edges; /* opera */ image-rendering: -webkit-optimize-contrast; /* chrome */ image-rendering: crisp-edges; transform: translateZ(0); backface-visibility: hidden;} .footer_warp3 ul li:nth-child(2) {width:900px;font-weight:500;font-size:13px;line-height:1.6;} .footer_warp3 ul li:nth-child(2) p {clear:both;margin-top:20px;} .footer_warp3 ul li:nth-child(2) span {margin:0px 15px;font-size:12px;color:#9d9d9d;display:inline-block;} /* sub layout */ .sub_top_tit1 {clear:both;width:500px;position:relative;top:70px;left:calc(50% - 350px);color:#ffffff;font-size:36px;font-weight:700;mix-blend-mode:normal;opacity: 0;animation: fadeInText_tit 3s 0s ease-out forwards;;text-align:left;} @keyframes fadeInText_tit {100% {opacity: 1;}} .sub_top_tit2 {clear:both;width:100%;color:#fff;font-weight:400;margin-top:10px;display:none;} .sub_top_add {width:100%;height:40px;clear:both;margin-top:40px;} .sub_top_add .add {width:1200px;height:40px;margin:0px auto;padding:9px 0px 0px 00px;text-align:right;color:#fff;font-weight:400;} .sub_top_add .add span {margin:0px 5px;font-size:13px;} .sub_top_add .add img {margin-right:10px;position:relative;top:3px;z-index:1;} .sub_warp {clear:both;width:var(--width);margin:40px auto;} /* 1200px로 중앙정렬 */ .sub_warp::after {display:block; clear:both; content:'';padding:0px 0px;} .sub_warp_a {clear:both;width:100%;margin:40px auto;} /* 100%로 wide정렬 */ .sub_warp_a::after {display:block; clear:both; content:'';padding:0px 0px;} .sub_warp_ad {clear:both;width:100%;} /* 100%로 wide정렬, 메뉴바 margin 없음 */ .sub_warp_a::after {display:block; clear:both; content:'';padding:0px 0px;} .sub_contents {width:100%;max-width:var(--width)}/*서브페이지 컨텐츠 wide*/ .sub_contents::after {display:block; clear:both; content:'';padding:0px 0px;} .sub_contents2 {width:calc(100% - 255px);float:left;}/*서브페이지 컨텐츠 2단 레이아웃*/ .sub_contents2::after {display:block; clear:both; content:'';padding:0px 0px;} .wide_contents {width:var(--width); margin: 0 auto;} .wide_contents_ad {width:100%; margin: 0 auto;} .sub_menu {float:left;width:255px;padding-right:45px;box-sizing:border-box;} .sub_menu .tit {width:100%;height:110px;background-color:#1a80c3;color:#fff;text-align:center;font-size:24px;font-weight:700;line-height:110px;border-radius:5px 5px 0px 0px} .sub_menu .tit2 {width:100%;height:110px;background-color:#e84747;color:#fff;text-align:center;font-size:24px;font-weight:700;line-height:110px;border-radius:5px 5px 0px 0px} .sub_menu .menu {width:100%;border-width:0px 1px;border-style:solid;border-color:#dcdcdc;margin-bottom:20px;} .sub_menu .menu li {width:100%;padding:15px;border-bottom:1px solid #dcdcdc;font-weight:700;letter-spacing:-1px;} .sub_menu .menu li a:hover {color:#1a80c3;cursor:pointer;} .sub_menu .menu li p {color:#6b6b6b;font-weight:400;margin-top:13px;clear:both;width:100%;padding-left:10px;letter-spacing:0px;} .sub_menu .menu li p:hover {color:#1a80c3;cursor:pointer;} .sub_menu2 {position:fixed;bottom:-21px;left:0px;width:200px;z-index:9989;overflow-y:auto;transition: left .3s ease-in-out;} .sub_menu2 .tit {width:100%;height:70px;line-height:70px;background-color:#1a80c3;color:#fff;text-align:center;font-size:22px;font-weight:700;border-radius:7px 7px 0px 0px;} .sub_menu2 .tit2 {width:100%;height:70px;line-height:70px;background-color:#e84747;color:#fff;text-align:center;font-size:22px;font-weight:700;border-radius:7px 7px 0px 0px;} .sub_menu2 .menu {width:100%;border-width:0px 1px;border-style:solid;border-color:#dcdcdc;margin-bottom:20px;} .sub_menu2 .menu li {width:100%;padding:15px 10px 15px 25px;border-bottom:1px solid #dcdcdc;font-weight:700;letter-spacing:-1px;background:#fff;} .sub_menu2 .menu li a:hover {color:#1a80c3;font-weight:700;cursor:pointer;} .sub_menu2 .menu li p {color:#6b6b6b;font-weight:400;clear:both;width:100%;padding:10px;letter-spacing:0px;background:#f8f8f8;} .sub_menu2 .menu li p:hover {color:#1a80c3;font-weight:700;cursor:pointer;} .sub_menu2 .menu li .m_b_tit {margin-bottom:12px;display:block;} .sub_menu2.on {left: -200px;color:#e83535} .sub_menu2 .menu .on {color:#000;font-weight:700;display:block;background:#fcbd18;} .sub_menu2 .menu .on:hover {color:#fff;} .sub_menu2 {-ms-overflow-style: none;} .sub_menu2::-webkit-scrollbar {display:none;} .on_off_btn {display: block;border:0px;background:none;} .on_off_btn p {font-size: 14px;} .on_btn:before{content:"≫";position:fixed;bottom:calc(50% - 12px);left:10px;color:#fff;font-size:18px;font-weight:bold;width:30px;height:25px;line-height:21px;border-radius:3px;background-color: #666;border: 0;transition: left .3s ease-in-out;z-index:9990;} .off_btn:before{content:"≪";position:fixed;bottom:calc(50% - 12px);left:200px;color:#fff;font-size:18px;font-weight:bold;width:30px;height:25px;line-height:21px;border-radius:0px 3px 3px 0px;background-color: #666;border: 0;transition: left .3s ease-in-out;z-index:9990;} .sub_top_add2 {width: 100%;margin:0px auto;clear: both;display: block;border-style:solid;border-width:1px 0px;border-color:#ddd;background:#f8f8f8;} /* .my_dropmenu {display: flex;flex-direction: row;flex-wrap: wrap;width:100%;margin: 0px auto 50px;font-size: 14px;font-weight:400;border-width:0px 0px 0px 1px;border-style:solid;border-color:#ddd;} .my_dropmenu li {flex: 1;flex-basis: auto;border-right: 1px solid #ddd;text-align: center;border-bottom: none;position: relative;transition:all 0.5s ease-in-out;} .my_dropmenu li:hover {background: #1a80c3;color:#fff;} .my_dropmenu li ul.nsubmenu {display: none;position: absolute;top: 41px;left: 0px;z-index:2;border-top: 1px solid #e5e5e5;} .my_dropmenu li:hover ul.nsubmenu {display: block;width: 100%;} .my_dropmenu li ul.nsubmenu li {display: inline-block;width: 100%;padding: 0px 0px;background: #fff;color:#444;border-width: 0px 1px 1px 1px;border-style: solid;border-color: #e5e5e5;text-align: center;box-sizing: border-box;font-size: 14px;} .my_dropmenu li ul.nsubmenu li:hover {color:#fff;} .my_dropmenu li a {display: block;width: 100%;padding: 12px 0;} .my_dropmenu li li a:hover {background: #f8f8f8;color: #1a80c3} .my_dropmenu .on {background: #1a80c3;color:#fff;} */ .my_dropmenu {width:100%;display:flex;flex-wrap: wrap;border:1px solid #ccc;border-radius:10px 10px 0px 10px;margin-bottom:50px;} .my_dropmenu li {flex:1;display: flex;justify-content:center;align-items:center;padding:10px 10px;border-radius:10px 10px 0px 10px;cursor: pointer;transition:all 0.5s ease-in-out;position: relative;text-align:center;} .my_dropmenu li.on {background:#f0f0f0;border:0px solid #ccc;color:#333;font-weight:700;border-width:0px 1px;border-color:#ccc;border-style:solid;} .my_dropmenu li:hover {color:#333;font-weight:700;} .my_dropmenu li.on:first-child {border-width:0px 1px 0px 0px;} .my_dropmenu li.on:last-child {border-width:0px 0px 0px 1px;} .my_dropmenu li ul.nsubmenu {display: none;position: absolute;top:62px;left: 0px;z-index:2;border-top: 1px solid #ccc;} .my_dropmenu li:hover ul.nsubmenu {display: block;width: 100%;} .my_dropmenu li ul.nsubmenu li {display:block;width: 100%;padding: 0px 0px;background: #fff;color:#444;border-width: 0px 1px 1px 1px;border-style: solid;border-color: #ccc;text-align: center;box-sizing: border-box;font-size: 14px;border-radius:0px;} .my_dropmenu li ul.nsubmenu li:hover {color:#fff;} .my_dropmenu li a {display: block;width: 100%;padding: 12px 0;} .my_dropmenu li li a:hover {background: #f8f8f8;color: #1a80c3} .my_dropmenu .on {background: #1a80c3;color:#fff;} .sub_cs {width:100%;overflow:hidden;background:#fff;border-radius:5px;border:2px solid #e5f2fa;padding:15px;color:#000;font-weight:600;} .sub_cs .tel {clear:both;width:100%;font-size:23px;font-weight:600;margin:10px 0px;color:#1a80c3;} .sub_cs p {clear:both;width:100%;background:#f4f4f4;padding:10px 15px;font-size:12px;border-radius:5px;line-height:1.6;color:#444;font-weight:500;} .sub_cs p span {margin-right:15px;} .post_tit {width:100%;clear:both;border-bottom:1px solid #dcdcdc;padding:0px 0px 10px 10px;font-size:24px;font-weight:700;margin-bottom:40px;overflow:hidden;} .wide_menubar {display: flex; flex-direction: row; flex-wrap: wrap; width: 1200px; margin: 20px auto 50px; border: 1px solid #ddd; font-size: 18px;} .wide_menubar li {width: 25%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;} .wide_menubar li:nth-child(4n) {border-right: none;} .wide_menubar li:nth-last-child(1) {border-bottom: none;} .wide_menubar li:nth-last-child(2) {border-bottom: none;} .wide_menubar li:nth-last-child(3) {border-bottom: none;} .wide_menubar li:nth-last-child(4) {border-bottom: none;} .wide_menubar li a {display: block; width: 100%; padding: 20px 0;} .wide_menubar li a:hover {background: #f4f4f4;} .margin_top10 {margin-top:10px !important; } .margin_top20 {margin-top:20px !important;} .margin_top30 {margin-top:30px !important;} .margin_top40 {margin-top:40px !important;} .margin_top50 {margin-top:50px !important;} .margin_top60 {margin-top:60px !important;} .margin_right10 {margin-right:10px !important;} .margin_right20 {margin-right:20px !important;} .margin_right30 {margin-right:30px !important;} .margin_right40 {margin-right:40px !important;} .margin_right50 {margin-right:50px !important;} .margin_bot10 {margin-bottom:10px !important;} .margin_bot20 {margin-bottom:20px !important;} .margin_bot30 {margin-bottom:30px !important;} .margin_bot40 {margin-bottom:40px !important;} .margin_bot50 {margin-bottom:50px !important;} .margin_left10 {margin-left:10px !important;} .margin_left20 {margin-left:20px !important;} .margin_left30 {margin-left:30px !important;} .margin_left40 {margin-left:40px !important;} .margin_left50 {margin-left:50px !important;} .text_red {color:#e83535 !important;} .text_blud {color:#198ade !important;} .right {float:right !important;} .left {float:left !important;} .tap_any {clear:both;display:flex;flex-wrap: wrap;margin-bottom:50px;width:100%;}/*tap 4배수*/ .tap_any li {flex:1;display: flex;justify-content:center;align-items:center;padding:15px 10px;text-align:center;border:1px solid #dcdcdc;margin-right:10px;color:#444;} .tap_any li:hover {background-color:#e83535;color:#fff;cursor:pointer;} .tap_any li:last-child {margin-right:0px;} .tap_any .tap_on {background-color:#e83535;color:#fff;border:0px;;;} .tap_any a {display:block;width:100%;height:100%;} .tap_5n {clear:both;display:inline-block;margin-bottom:50px;width:100%;}/*tap 4배수*/ .tap_5n li {float:left;width:162px;height:40px;line-height:38px;text-align:center;border:1px solid #dcdcdc;margin-right:10px;color:#444;} .tap_5n li:hover {background-color:#e83535;color:#fff;cursor:pointer;} .tap_5n li:nth-child(5n) {margin-right:0px;} .tap_5n .tap_on {background-color:#e83535;color:#fff;border:0px;;;} .tap_4n {clear:both;display:inline-block;margin-bottom:50px;width:100%;border-left:1px solid #dcdcdc;}/*tap 4배수*/ .tap_4n li {float:left;width:25%;height:60px;line-height:58px;text-align:center;border-width:1px 1px 1px 0px;border-style:solid;border-color:#dcdcdc;color:#444;box-sizing:border-box;} .tap_4n li:hover {background-color:#e83535;color:#fff;cursor:pointer;} .tap_4n .tap_on {background-color:#e83535;color:#fff;border:0px;;;} .tap_3n {clear:both;display:inline-block;margin-bottom:50px;width:100%;border-left:1px solid #dcdcdc;}/*tap 3배수*/ .tap_3n li {float:left;width:33.3%;height:60px;line-height:58px;text-align:center;border-width:1px 1px 1px 0px;border-style:solid;border-color:#dcdcdc;color:#444;box-sizing:border-box;} .tap_3n li:hover {background-color:#e83535;color:#fff;cursor:pointer;} .tap_3n .tap_on {background-color:#e83535;color:#fff;border:0px solid #e83535;;;} .tap_2n {clear:both;display:inline-block;margin-bottom:50px;width:100%;border-left:1px solid #dcdcdc;}/*tap 2배수*/ .tap_2n li {float:left;width:50%;height:60px;line-height:58px;text-align:center;border-width:1px 1px 1px 0px;border-style:solid;border-color:#dcdcdc;color:#444;box-sizing:border-box;} .tap_2n li:hover {background-color:#e83535;color:#fff;cursor:pointer;} .tap_2n .tap_on {background-color:#e83535;color:#fff;border:0px solid #e83535;;;} .left_menu_tit {width:100%;height:135px;line-height:135px;background:#005183;color:#fff;font-size:28px;font-weight:700;text-align:center;letter-spacing:-1px;border-radius:30px 30px 0px 30px;position:relative;top:-90px;} .left_menu_wrap {width:100%;clear:both;margin-top:-40px;} .left_menu_wrap li {width:100%;margin:0px 0px 10px 0px;padding:15px 20px;border-radius:10px;border:1px solid #ccc;font-weight:500;cursor: pointer;transition:all 0.5s ease-in-out;} .left_menu_wrap li.on, .left_menu_wrap li:hover {border-color:#005183;background:#f2f6f9;color:#005183;font-weight:700;} .left_menu_wrap li i {float:right;display:inline-block;font-style: normal;} .left_menu_wrap li.on i {color:#4949cd} .left_menu_wrap li p {clear:both;display:block;width:100%;padding:4px 5px;font-size:14px;font-weight:500} .left_menu_wrap li p.on {color:#4949cd;} .left_menu_wrap li a {display:block;width:100%;} .sub_top_menu {width:100%;display:flex;flex-wrap: wrap;border:1px solid #ccc;border-radius:10px 10px 0px 10px;margin-bottom:50px;} .sub_top_menu li {flex:1;display: flex;justify-content:center;align-items:center;text-align:center;padding:20px 10px;border-radius:10px 10px 0px 10px;cursor: pointer;transition:all 0.5s ease-in-out;} .sub_top_menu li.on {background:#f0f0f0;border:0px solid #ccc;color:#333;font-weight:700;border-width:0px 1px;border-color:#ccc;border-style:solid;} .sub_top_menu li:hover {color:#333;font-weight:700;} .sub_top_menu li.on:first-child {border-width:0px 1px 0px 0px;} .sub_top_menu li.on:last-child {border-width:0px 0px 0px 1px;} .sub_top_menu a {display:block !important;} /*서브메뉴 스크롤링 */ .scroll_fixed.drop {position: sticky;top:30px;animation: dropHeader 0.3s;} @keyframes dropHeader { 0% {top:0px;} 100% {top: 0;} } /* sub btn */ .orient {clear:both;width:100%;height:130px;margin-top:50px;display:inline-block;background:#745cb9 url('../img/sub/orient.png') 15px top no-repeat;padding:30px 0px 0px 310px;color:#fff;text-align:left;;} .orient h1 {clear:both;font-size:24px;margin-bottom:10px;} .orient:hover {color:#fff95f;cursor:pointer;} .my_conslut1 {width:60px;height:22px;float:right;color:#fff;background-color:#3d74c6;font-size:12px;font-weight:400;text-align:center;line-height:21px;border-radius:3px;} .my_conslut2 {width:60px;height:22px;float:right;color:#fff;background-color:#50ab13;font-size:12px;font-weight:400;text-align:center;line-height:21px;border-radius:3px;} .my_entry {clear:both;width:100%;height:65px;background-color:#e83535;color:#fff;text-align:center;padding-top:12px;border-radius:7px;line-height:1.2;;transition: background 0.5s ease-in-out;} .my_entry:hover {cursor: pointer;background-color:#3d74c6;} .my_entry2 {clear:both;display:block;width:400px;height:60px;line-height:60px;background-color:#e83535;color:#fff;text-align:center;border-radius:7px;font-size:24px;margin:30px auto 50px;transition: background 0.5s ease-in-out;} .my_entry2:hover {cursor: pointer;background-color:#3d74c6;} .study_yet {clear:both;width:100%;height:35px;line-height:33px;background-color:#a4a4a4;color:#fff;text-align:center;border-radius:7px;border:0px;;letter-spacing:-1px;font-weight:normal;} .study_yet:hover {cursor: pointer;background:#888888;} .study_yet2 {clear:both;width:100%;height:35px;line-height:33px;background-color:#e83535;color:#fff;text-align:center;border-radius:7px;border:0px;;letter-spacing:-1px;font-weight:normal;} .study_end {clear:both;width:100%;height:35px;line-height:33px;background-color:#1ea3f0;color:#fff;text-align:center;border-radius:7px;border:0px;;letter-spacing:-1px;font-weight:normal;} .study_end2 {clear:both;width:100%;height:35px;line-height:33px;background-color:#8cbb62;color:#fff;text-align:center;border-radius:7px;;letter-spacing:-1px;font-weight:normal;} .class_ent {clear:both;width:100%;height:35px;line-height:35px;background-color:#ff9728;color:#fff;text-align:center;border-radius:7px;;letter-spacing:-1px;transition: background 0.5s ease-in-out;} .class_ent:hover {cursor: pointer;background-color:#ff6a28;color:#fff;} .class_no {clear:both;width:100%;height:35px;line-height:35px;background-color:#e83535;color:#fff;text-align:center;border-radius:7px;;letter-spacing:-1px;transition: background 0.5s ease-in-out;} .class_no:hover {cursor: pointer;background-color:#ff6a28;} .class_yet {clear:both;width:100%;height:35px;line-height:35px;background-color:#666;color:#fff;text-align:center;border-radius:7px;;letter-spacing:-1px;} .join_next {display:inline-block;width:200px;height:60px;background-color:#e83535;color:#fff;text-align:center;padding-top:15px;border-radius:7px;line-height:1.2;font-size:22px;font-weight:500;transition: background 0.5s ease-in-out;} .join_next:hover {cursor: pointer;background-color:#ff6a28;} .join_cancle {display:inline-block;width:200px;height:60px;background-color:#f0f0f0;color:#444;text-align:center;padding-top:15px;border-radius:7px;line-height:1.2;font-size:22px;font-weight:500;transition: background 0.5s ease-in-out;} .join_cancle:hover {cursor: pointer;background:#ddd} .join_double {width:100px;height:35px;background-color:#60a0ee;color:#fff;text-align:center;padding-top:7px;margin-left:15px;border-radius:4px;display:inline-block;border:0px;font-weight:700;cursor:pointer;} .join_double2 {width:100px;height:35px;background-color:#ff6a28;text-align:center;color:#fff;margin-left:15px;border-radius:4px;display:inline-block;border:0px;font-weight:700;} .btn_viewer_end {clear:both;display:block;width:50%;height:50px;line-height:50px;background-color:#ff6a28;color:#fff;font-size:20px;text-align:center;font-weight:600;border:0px;border-radius:5px;margin:30px auto 0px;transition: background 0.5s ease-in-out;} .btn_viewer_end:hover {cursor: pointer;background-color:#3d74c6;} .btn_viewer_end2 {float:right;width:150px;height:50px;line-height:50px;background:#202160;text-align:center;color:#fff;font-weight:bold;font-size:18px;margin:-50px 20px 0px 0px;border:0px;border-radius:5px;transition: background 0.5s ease-in-out;} .btn_viewer_end2:hover {cursor: pointer;background-color:#ff6a28;} .btn_viewer_end3 {float:left;width:150px;height:50px;line-height:50px;background:#3e4078;text-align:center;color:#fff;font-weight:bold;font-size:18px;margin:-50px 0px 0px 20px;border:0px;border-radius:5px;transition: background 0.5s ease-in-out;} .btn_viewer_end3:hover {cursor: pointer;background-color:#ff6a28;} .course_app {clear:both;width:100%;height:45px;line-height:43px;background-color:#1ea3f0;color:#fff;text-align:center;border-radius:7px;;} .course_end {clear:both;width:100%;height:45px;line-height:43px;background-color:#a4a4a4;color:#fff;text-align:center;border-radius:7px;;} .course_spe {clear:both;width:100%;height:30px;line-height:28px;font-size:12px;font-weight:400;background-color:#b26bd3;color:#fff;text-align:center;border-radius:7px;} .course_lec {clear:both;width:40%;height:30px;line-height:28px;font-size:12px;font-weight:400;background-color:#80a749;color:#fff;text-align:center;border-radius:7px;margin-right:2%;display:inline-block;} .course_plan {clear:both;width:48%;height:30px;line-height:28px;font-size:12px;font-weight:400;background-color:#6b6dc1;color:#fff;text-align:center;border-radius:7px;display:inline-block;} .course_btn_view {clear:both;display:inline-block;height:22px;line-height:20px;padding:0px 5px;text-align:center;font-size:13px;;background-color:#444;color:#fff;border-radius:3px;} .course_basket {display:inline-block;width:200px;height:60px;background-color:#0067b3;color:#fff;text-align:center;padding-top:15px;border-radius:7px;line-height:1.2;font-size:22px;font-weight:400;transition: background 0.5s ease-in-out} .course_basket:hover {cursor: pointer;background-color:#ff6a28;} .course_plan2 {display:inline-block;width:200px;height:60px;background-color:#ff6a28;color:#fff;text-align:center;padding-top:15px;border-radius:7px;line-height:1.2;font-size:22px;font-weight:400;} .course_cancle {display:inline-block;width:200px;height:60px;background-color:#666;color:#fff;text-align:center;padding-top:15px;border-radius:7px;line-height:1.2;font-size:22px;font-weight:400;transition: background 0.5s ease-in-out;} .course_cancle:hover {cursor: pointer;background-color:#2c2c2c;} .course_next {display:inline-block;width:200px;height:60px;background-color:#e83535;color:#fff;text-align:center;padding-top:15px;border-radius:7px;line-height:1.2;font-size:22px;font-weight:400;transition: background 0.5s ease-in-out;} .course_next:hover {cursor: pointer;background-color:#ff6a28;} .course_btn_class1 {clear:both;display:inline-block;height:22px;line-height:20px;padding:0px 5px;text-align:center;font-size:13px;;margin:0px 5px 7px 0px;background-color:#e7f3df;color:#444;border-radius:3px;} .course_btn_class2 {clear:both;display:inline-block;height:22px;line-height:20px;padding:0px 5px;text-align:center;font-size:13px;;margin:0px 5px 7px 0px;background-color:#dfe9f3;color:#444;border-radius:3px;} .course_btn_class3 {clear:both;display:inline-block;height:22px;line-height:20px;padding:0px 5px;text-align:center;font-size:13px;;margin:0px 5px 7px 0px;background-color:#f3dfdf;color:#444;border-radius:3px;} .course_btn_last {clear:both;display:inline-block;height:22px;line-height:20px;padding:0px 5px;text-align:center;font-size:13px;;background-color:#e83535;color:#fff;border-radius:3px;} .pay_view {clear:both;width:100%;height:30px;line-height:30px;background-color:#0067b3;color:#fff;text-align:center;border-radius:7px;transition: background 0.5s ease-in-out;} .pay_view:hover {cursor: pointer;background-color:#60a0ee;} .pay_cancle {display:inline-block;width:200px;height:40px;line-height:39px;background-color:#0067b3;color:#fff;text-align:center;border-radius:7px;;font-weight:400;float:right;margin-top:30px;transition: background 0.5s ease-in-out;} .pay_cancle:hover {cursor:pointer; background:#333;} .pay_certi {display:block;width:300px;height:45px;line-height:43px;background-color:#666;color:#fff;border:1px solid #ddd;text-align:center;;font-weight:400;margin:30px auto 0px;transition: background 0.5s ease-in-out;} .pay_certi:hover {cursor:pointer;background:#333;} /* sub table */ .sub_tbl01, .sub_tbl09 {width:100%;border-top:2px solid #005183;margin-top:15px;font-size:16px} /* th,td center / top_bottom line */ .sub_tbl01 th, .sub_tbl09 th {text-align:center;padding:20px 0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:#005183;font-weight:600;color:#005183;background-color:#f2f6f9} .sub_tbl01 th:first-child, .sub_tbl09 th:first-child {border-left:0px solid #005183} .sub_tbl01 td, .sub_tbl09 td {text-align:center;padding:20px 10px;border-bottom:1px solid #ccc;color:#333;background-color:#fff;line-height:1.6;color:#555} .sub_tbl01 .title, .sub_tbl09 .title {text-align:left;font-size:15px;color:#000;;line-height:1.2;} .sub_tbl01 caption, .sub_tbl09 caption {display:none;} .sub_tbl01 .course_pay1 {color:#eb0000;;;text-align:right;} .sub_tbl01 .course_pay1 s {font-weight:400;} .sub_tbl01 .course_pay2 {color:#eb0000;} .sub_tbl02, .sub_tbl05 {width:100%;border-top:2px solid #005183;margin-top:15px;border-left:1px solid #ccc;}/* th,td center / all line */ .sub_tbl02 th, .sub_tbl05 th {text-align:center;padding:20px 0px;border-width:0px 1px 1px 0px;border-style:solid;border-color:#005183;font-weight:600;color:#005183;background-color:#f2f6f9} .sub_tbl02 th:first-child, .sub_tbl05 th:first-child {border-left:1px solid #005183} .sub_tbl02 td, .sub_tbl05 td {text-align:center;padding:20px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;color:#555;background-color:#fff;line-height:1.6;} .sub_tbl02 .title, .sub_tbl05 .title {text-align:left;;color:#000;;line-height:1.2;} .sub_tbl02 caption, .sub_tbl05 caption {display:none;} .sub_tbl03, .sub_tbl06 {width:100%;border-top:2px solid #005183;margin-top:15px;} /* th-center, td-left / top_bottom line */ .sub_tbl03 th, .sub_tbl06 th {text-align:center;padding:20px 0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:#005183;font-weight:600;color:#005183;background-color:#f2f6f9} .sub_tbl03 th:first-child, .sub_tbl06 th:first-child {border-left:0px solid #005183} .sub_tbl03 td, .sub_tbl06 td {text-align:left;padding:20px 10px;border-bottom:1px solid #ccc;color:#555;background-color:#fff;line-height:1.6;} .sub_tbl03 .title , .sub_tbl06 .title {text-align:left;color:#000;;line-height:1.2;} .sub_tbl03 .title2, .sub_tbl06 .title2 {text-align:left;line-height:1.5;} .sub_tbl03 caption, .sub_tbl06 caption {display:none;} .sub_tbl04 {width:100%;border-top:2px solid #005183;border-left:1px solid #ccc;margin-top:15px;}/* th-center, td-left / all line */ .sub_tbl04 th {text-align:center;padding:20px 0px;border-width:0px 1px 1px 0px;border-style:solid;border-color:#005183;font-weight:600;color:#005183;background-color:#f2f6f9} .sub_tbl04 th:first-child {border-left:1px solid #005183} .sub_tbl04 td {text-align:left;padding:20px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;color:#555;background-color:#fff;line-height:1.6;} .sub_tbl04 caption {display:none;} .sub_tbl07 {width:100%;border-top:1px solid #ccc;margin-top:15px;}/* th,td center / top_bottom line 폭이 좁음*/ .sub_tbl07 th {text-align:center;padding:7px 0px;border-bottom:1px solid #ccc;;color:#005183;background-color:#f8f8f8;} .sub_tbl07 td {text-align:center;padding:7px 10px;border-bottom:1px solid #ccc;color:#555;} .sub_tbl07 caption {display:none;} .sub_tbl08 {width:100%;border-top:1px solid #3c3c3c;margin-top:15px;border-left:1px solid #ccc;}/* th,td center / all line 폭이 좁음*/ .sub_tbl08 th {text-align:center;padding:10px 0px;border-width:0px 1px 1px 0px;border-style:solid;border-color:#ccc;;color:#005183;background-color:#f8f8f8;} .sub_tbl08 td {text-align:center;padding:10px 5px;border-width:0px 1px 1px 0px;border-style:solid;border-color:#ccc;color:#555;} .sub_tbl08 caption {display:none;} /* sub tit & txt box */ .sub_tit_my {width:30%;float:left;display:inline-block;padding-left:15px;border-left:4px solid #1a80c3;font-size:24px;font-weight:700;line-height:0.9;} .sub_tit_my2 {width:100%;display:inline-block;padding-left:15px;border-left:4px solid #1a80c3;font-size:24px;font-weight:700;line-height:0.9;margin-top:60px;} .sub_tit_my3 {width:100%;display:inline-block;padding-left:15px;border-left:4px solid #1a80c3;font-size:24px;font-weight:700;line-height:0.9;} .sub_tit_my4 {width:100%;display:inline-block;background:url('../img/sub/dot_blue.png') left 5px no-repeat;background-size:11px;padding-left:20px;font-size:18px;;margin-top:35px;word-spacing:-1px;} .sub_tit_my5 {width:100%;display:inline-block;font-size:18px;font-weight:400;margin-top:25px;} .sub_tit_my6 {width:100%;display:inline-block;background:url('../img/sub/blt_gray.png') 10px 7px no-repeat;background-size:10px 4px;padding-left:30px;;;margin-top:25px;word-spacing:-1px;} .sub_tit_my7 {height:40px;line-height:38px;padding:0px 20px;text-align:center;display:inline-block;background-color:#1a80c3;color:#fff;font-size:24px;font-weight:700;margin-top:70px;} .sub_tit_my8 {font-weight:400;margin-left:10px;display:inline-block;} .sub_tit_my9 {width:100%;display:inline-block;font-size:20px;font-weight:700;margin-top:20px;color:#333;} .sub_tit_my10 {width: 100%;display: inline-block;padding-left: 10px;font-size:18px;font-weight: 500;margin-top: 35px;word-spacing: -1px;border-left:5px solid #9eb7d6;} .sub_txt1 {margin-top:15px;line-height:1.6;width:100%;clear:both;display:inline-block;;color:#444;} .sub_txt2 {margin-top:15px;background-color:#f8f8f8;border:1px solid #f0f0f0;padding:20px;width:100%;text-align:center;box-sizing:border-box;;color:#444;} .sub_txt3 {margin-top:5px;line-height:1.6;width:100%;clear:both;display:inline-block;;color:#444;} .sub_txt3 li {width:100%;background:url('../img/sub/blt_gray.png') 15px 15px no-repeat;background-size:5px;padding:5px 0px 5px 30px;text-align:left;} .sub_txt4 {margin-top:5px;line-height:1.6;width:100%;clear:both;display:inline-block;;color:#444;} .sub_txt4 li {padding:5px 0px 5px 20px;text-align:left;} .sub_txt5 {clear:both;display:inline-block;width:100%;margin:20px 0px 0px 0px;;color:#444;} .sub_txt5 li {clear:both;width:100%;display:inline-block;background:url('../img/sub/blt_blue.png;') 0px 16px no-repeat;padding:7px 0px 7px 20px;} .sub_txt6 {margin-top:10px;background-color:#f8f8f8;border:1px solid #f0f0f0;padding:20px 40px;width:100%;text-align:left;box-sizing:border-box;;color:#444;line-height:2.0} .sub_txt7 {margin-top:30px;line-height:1.6;width:100%;clear:both;display:inline-block;;color:#444;background-color:#f8f8f8;padding:30px;} .sub_txt7 li {background:url('../img/sub/blt_gray.png') 15px 15px no-repeat;background-size:5px;padding:5px 0px 5px 30px;text-align:left;} /* 교육원 소개 */ .sub_top_usc {width:100%;height:200px;clear:both;background:url('../img/sub/topimg_usc.png') center no-repeat;text-align:center;} .academy_wrap {width:100%;display:block;clear:both; margin: 0 auto 80px;} .academy_wrap ul.goal {width: 100%; padding:30px 15px; margin-bottom: 50px; background: #f4f4f4;} .academy_wrap ul.goal li {display: inline-block;} .academy_wrap ul.goal li:nth-child(1) {width: 24%;} .academy_wrap ul.goal li:nth-child(2) {width: 74%} .academy_wrap ul.goal li.title {font-size: 25px; color: #000; text-align: center; font-weight: bold;} .academy_wrap ul.goal li.title i {display: inline-block; width: 61px; height: 79px; margin-right: 10px; background:url('../img/sub/icon_goal.png') center no-repeat; vertical-align: middle;} .academy_wrap ul.goal li.text {font-size: 16px; color: #666; line-height: 1.6; vertical-align: middle;} .way_wrap {width:100%; margin: 50px auto;display:block;clear:both;} .way_wrap ul.way {float: left; width: 25%; text-align: center;} .way_wrap ul.way li {position: relative; display: block; padding: 20px 0; margin-right: 10px; border: 1px solid #1a80c3; box-sizing: border-box;} .way_wrap ul.way li i {position: absolute; top: 64px; left: 50%; transform: translateX(-50%); display: block; width: 2px; height: 20px; background: #1a80c3;} .way_wrap ul.way li.title {margin-bottom: 20px; font-size: 20px; background: #1a80c3; color: #fff;} .way_wrap ul.way li.text {display: block; font-size: 16px;} /* 원장 인사말 */ .greet_wrap {width:100%;display:block;line-height:1.8;} .greet_wrap h1 {display:block;width:100%;clear:both;font-size:34px;color:#1a80c3;margin-bottom:30px;} .greet_wrap .greet_inner {width:100%; margin: 30px auto;text-align: right;} .greet_wrap .greet_inner span {margin-left:25px;font-size:50px;font-family: "Nanum Brush Script";letter-spacing:10px;float:right;position:relative;top:-30px;} .greet_wrap .img {clear:both;display:block;width:100%;height:300px;max-width:1200px;margin:0px auto 30px;background:url('../img/sub/aca_img01.png') center no-repeat;padding-top:90px;box-sizing:border-box;} .greet_wrap .img > h1 {clear:both;display:block;color:#fff;font-size:50px;font-weight:700;text-align:center;margin:0px auto 30px;line-height:1.0;padding:0px;} .greet_wrap .img > h1 span {color:#fcd418} .greet_wrap .img > h2 {clear:both;display:block;color:#fff;font-size:24px;font-weight:400;text-align:center;line-height:1.0;padding:0px;} .floating1 {position: absolute;top: 450px;left:calc(50% + 350px);width:250px;} /* 움직이는 로고 */ .floating2 {position: absolute;top: 565px;left:calc(50% + 300px);width:300px;} /* 움직이지 않는 이미지 */ .floating3 {display: block; width:1020px; margin: 0 auto;} /* 움직이지 않는 이미지 */ /* 연혁 */ .history_wrap {width:100%;display:block;clear:both;} .history_wrap ul {width:100%;display:block;clear:both;overflow:hidden;} .history_wrap li {float:left;overflow:hidden;margin-bottom:50px;} .history_wrap li:nth-child(odd) {clear:both;display:block;width:180px;margin-right:40px;border-top:1px solid #0067b3;padding:15px;box-sizing:border-box;} .history_wrap li:nth-child(odd) img {display:inline-block;margin-right:2px;float:left;height:30px;} .history_wrap li:nth-child(even) {display:block;width:730px;border-top:1px solid #ddd;padding:5px 0px;box-sizing:border-box;} .history_wrap li:nth-child(even) dl {width:100%; display:block;} .history_wrap li:nth-child(even) dt {clear:both;float:left;width:80px;height:40px;align-items:left;border-bottom:1px solid #ddd;padding:10px 10px 0px 10px;box-sizing:border-box;text-align:center;font-weight:600;} .history_wrap li:nth-child(even) dd {float:left;width:calc(100% - 80px);height:40px;border-bottom:1px solid #ddd;padding:12px 0px 0px;box-sizing:border-box;font-weight:500;color:#444;} /* 나의 강의실 */ .sub_top_my {display:block;width:100%;min-width:1200px;height:125px;clear:both;/*background:url('../img/sub/topimg_my.png') center no-repeat;*/text-align:center;} .sub_small_tit {float:right;font-size:12px;font-weight:400;margin-top:10px;} .sub_my01 {width:70%;float:right;} .sub_my01 dt {float:left;width:50%;height:50px;text-align:center;background-color:#eaf2f9;color:#000;;line-height:50px;} .sub_my01 dd {float:left;width:50%;height:50px;text-align:center;border:1px solid #eaf2f9;;line-height:50px;} .sub_my01 dd span {color:#ff3737;margin-right:7px;font-weight:700;} .sub_my02 {width:100%;margin-top:60px;display:inline-block;} .sub_my02 li {float:left;display:inline-block;width:calc(50% - 10px);height:230px;border:1px solid #dcdcdc;margin-right:10px;padding:15px 25px 0px 25px;box-sizing:border-box;} .sub_my02 li:nth-child(2) {margin-right:0px;margin-left:10px;} .sub_my02 li h1 {clear:both;width:100%;display:block;padding:0px 0px 15px 5px;margin:0px 0px 20px 0px;font-size:20px;font-weight:700;border-bottom:2px solid #666666;} .sub_my02 li h1 span {float:right;font-size:13px;font-weight:400;color:#444;margin-top:10px;} .sub_my02 li p {width:100%;margin:15px 0px;clear:both;display:block;background:url('../img/sub/blt_blue.png;') 5px no-repeat;font-weight:normal;padding-left:18px;color:#444;} .sub_my02 li p span {display:inline-block;font-size:10px;;margin-left:10px;background-color:#ff791f;color:#fff;border-radius:3px;width:16px;height:16px;text-align:center;line-height:15px;position:relative;top:-2px;left:0px;} .sub_my02 li p:hover {color:#eb0000;} .sub_my02 dl {width:100%;float:right;} .sub_my02 dl dt {float:left;width:75%;background:url('../img/sub/blt_blue.png;') left no-repeat;padding:7px 0px 5px 10px;font-weight:normal;} .sub_my02 dl dt:hover {color:#1a80c3;cursor:pointer;} .sub_my02 dl dd {float:right;width:25%;text-align:right;padding:3px 0px 5px 0px;} .sub_my03 {width:100%;margin-top:20px;display:inline-block;} .sub_my03 li {float:left;display:inline-block;width:calc(50% - 10px);height:90px;background-color:#eaf2f9;margin-right:10px;padding:15px 25px 0px 25px;box-sizing:border-box;} .sub_my03 li:nth-child(2) {margin-right:0px;margin-left:10px;} .sub_my03 li h1 {float:left;clear:both;width:27%;display:inline-block;font-size:20px;font-weight:700;margin-top:3px;} .sub_my03 dl {width:73%;float:right;margin-top:5px;} .sub_my03 dl dt {float:left;width:75%;background:url('../img/sub/blt_blue.png;') left no-repeat;padding-left:10px;margin-bottom:10px;} .sub_my03 dl dt:hover {color:#1a80c3;cursor:pointer;} .sub_my03 dl dd {float:right;width:25%;text-align:right;margin-bottom:10px;} .sub_my04 {clear:both;display:inline-block;width:100%;margin:20px 0px 0px 0px;} .sub_my04 li {clear:both;width:100%;display:inline-block;background:url('../img/sub/blt_blue.png;') 0px 12px no-repeat;padding:7px 0px 7px 20px;line-height:1.4} .sub_my05 {margin-top:5px;line-height:1.6;width:100%;clear:both;display:inline-block;} .sub_my05 li {width:100%;background:url('../img/sub/blt_gray.png') 15px 15px no-repeat;background-size:5px;padding:5px 0px 5px 30px;text-align:left;} .my_tit01 {display:inline-block;height:22px;line-height:20px;font-size:13px;;padding:0px 7px;margin:0px 5px 5px 0px;background-color:#f4e7e7;color:#444;border-radius:3px;} .my_tit02 {clear:both;display:inline-block;width:60px;height:22px;text-align:center;font-size:13px;;margin:0px 10px 5px 0px;background-color:#ecf4e7;color:#444;border-radius:3px;} .my_tit03 {clear:both;display:inline-block;width:60px;height:22px;text-align:center;font-size:13px;;margin:10px 10px 0px 0px;background-color:#ecf4e7;color:#444;border-radius:3px;} .my_tit05 {clear:both;display:inline-block;width:40px;height:22px;text-align:center;font-size:13px;;margin:0px 10px 5px 0px;background-color:#eaf2f9;color:#444;border-radius:3px;} .my_tit06 {clear:both;display:inline-block;width:40px;height:22px;text-align:center;font-size:13px;;margin:10px 10px 0px 0px;background-color:#eaf2f9;color:#444;border-radius:3px;} .my_txt1 {width:100%;border:3px solid #dcdcdc;padding:20px 25px 10px;clear:both;display:inline-block;margin-bottom:20px;line-height:1.4;} .my_txt2 {width:100%;border:3px solid #dcdcdc;padding:20px 25px;clear:both;display:inline-block;margin:30px 0px;line-height:1.4;} .my_txt3 {width:100%;background-color:#f0f0f0;color:#444;padding:20px 25px;clear:both;display:inline-block;margin:30px 0px;line-height:1.8;} .pop_note_warp {width:700px;height:600px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 50px 30px 50px;} .pop_note_warp img {width:160px;display:block;position:relative;top:-45px;left:-50px;} .pop_note_warp h1 {font-size:18px;font-weight:700;width:100%;clear:both;margin-bottom:20px;text-align:left;border-left:3px solid #60a0ee;line-height:0.9;padding-left:10px;} .pop_note_warp .txt {width:100%;margin-top:15px;color:#444;line-height:1.6;font-weight:400;} .my_form1 {display:inline-block;width:181px;height:35px;background-color:#fff;border:1px solid #dcdcdc;margin:0px 15px 10px 0px;padding:0px 5px;color:#444;} .my_form2 {display:inline-block;width:380px;height:35px;background-color:#fff;border:1px solid #dcdcdc;margin:0px 15px 10px 0px;padding:0px 5px;color:#444;} .my_form3 {display:inline-block;width:181px;height:35px;background-color:#0067b3;color:#fff;text-align:center;line-height:33px;border:0px;} .my_form4 {display:inline-block;width:100%;height:35px;background-color:#fff;border:1px solid #dcdcdc;margin:0px;padding:0px 5px;text-align:center;} .my_form5 {display:inline-block;width:100%;height:200px;background-color:#fff;border:1px solid #dcdcdc;margin:10px 0px 0px;padding:0px 5px;} .my_form6 {display:inline-block;width:40%;height:35px;background-color:#fff;border:1px solid #dcdcdc;margin:0px;padding:0px 5px;text-align:center;margin:0px 10px;} .my_form7 {display:inline-block;width:50%;height:35px;background-color:#fff;border:1px solid #dcdcdc;margin:0px;padding:0px 5px;text-align:center;} .my_form8 {display:inline-block;width:30%;height:35px;background-color:#fff;border:1px solid #dcdcdc;margin:0px;padding:0px 5px;text-align:center;margin:0px 5px;} .calendar {clear:both;width:100%;border-top:2px solid #3c3c3c;} .calendar th {text-align:center;padding:20px 0px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#1d1d1d;background-color:#f8f8f8;} .calendar td {text-align:left;height:90px;padding:10px 10px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#333;vertical-align:top;} .calendar th:first-child {color:#e83535;} .calendar th:last-child {color:#60a0ee;} .calendar td:first-child {color:#e83535;} .calendar td:last-child {color:#60a0ee;} .calendar p {clear:both;width:100%;padding:5px 0px 5px 13px;background:url('../img/sub/blt_blue.png') left 10px no-repeat;font-size:12px;line-height:1.2;} .month {clear:both;float:left;width:50%;display:inline-block;margin-bottom:10px;} .month h1 {display:inline-block;font-size:40px;color:#000;margin-right:20px;} .month h2 {display:inline-block;font-size:12px;color:#444;border:1px solid #dcdcdc;width:70px;height:20px;line-height:18px;text-align:center;margin-right:10px;font-weight:400;} .today {float:right;width:50%;display:inline-block;margin-top:35px;text-align:right;} .pop_sche_warp {width:500px;height:350px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 50px 30px 50px;} .pop_sche_warp h1 {font-size:18px;font-weight:700;width:100%;clear:both;margin-bottom:20px;text-align:left;border-left:3px solid #60a0ee;line-height:0.9;padding-left:10px;} .pop_sche_warp img {width:160px;display:block;position:relative;top:-45px;left:-50px;} .pop_sche_warp table {width:100%;clear:both;border-top:1px solid #dcdcdc;margin-bottom:15px;} .pop_sche_warp th {padding:7px 10px;text-align:center;;background-color:#f4f4f4;border-bottom:1px solid #dcdcdc;} .pop_sche_warp td {padding:7px 10px;text-align:left;border-bottom:1px solid #dcdcdc;font-weight:400;color:#444;} .sche_form1 {width:100%;height:100px;border:1px solid #dcdcdc;background-color:#fff;padding:5px;} .sche_ok {float:right;display:inline-block;width:70px;height:30px;line-height:28px;background-color:#ff6a28;color:#fff;text-align:center;border-radius:7px;font-weight:400;} .sche_del {float:right;display:inline-block;width:70px;height:30px;line-height:28px;background-color:#777;color:#fff;text-align:center;border-radius:7px;font-weight:400;margin-right:10px;} .my_mac {clear:both;width:100%;padding:20px 15px 20px 220px;background:#f7f7fc url('../img/sub/my_mac.png') 25px 100px no-repeat;line-height:1.6;margin-top:50px;color:#444;} .my_mac h1 {font-size:20px;display:block;font-weight:700;margin-bottom:10px;color:#333;} .my_mac p {margin:5px 0px;background:url('../img/sub/dot_blue.png') left 8px no-repeat;background-size:6px;padding-left:15px;width:100%;clear:both;display:inline-block;} .mac_form {width:72%;height:40px;margin-right:3%;border:1px solid #dcdcdc;background-color:#fff;display:inline-block;} .mac_regi {width:25%;height:40px;line-height:38px;float:right;background-color:#60a0ee;color:#fff;text-align:center;} .mac_regi:hover {cursor: pointer;background-color:#0067b3;} .mac_off {width:25%;height:40px;line-height:38px;display:inline-block;background-color:#999;color:#fff;text-align:center;} .mac_day {width:100%;margin-top:10px;clear:both;font-size:12px;color:#444;text-align:left;} .mac_txt {width:100%;clear:both;padding:15px 25px;line-height:1.8;color:#444;margin-top:10px;border:1px solid #dcdcdc;display:inline-block;} .mac_down {width:80px;height:24px;line-height:22px;text-align:center;background-color:#ff6a28;color:#fff;display:inline-block;margin-left:10px;font-size:12px;border-radius:3px;} .mac_down:hover {cursor: pointer;background-color:#e83535;} .my_out {width:100%;clear:both;padding:25px 28px;background-color:#f4f4f4;color:#444;line-height:1.6} .my_out h1 {font-size:20px;display:block;font-weight:700;margin-bottom:10px;color:#333;} .my_out p {width:100%;padding-left:15px;margin:10px 0px 20px;;} .my_out span {width:100%;margin-top:10px;color:#e83535;;display:inline-block;clear:both;} .my_out .check {width:100%;margin-top:20px;background-color:#fff;padding:10px 20px;text-align:center;} .out_form_check {width:15px;height:15px;border:1px solid #dcdcdc;margin:0px 5px 0px 25px;position:relative;top:3px;} .out_form1 {width:100%;height:30px;border:1px solid #dcdcdc;background-color:#fff;color:#444;padding:0px 10px;} .out_form2 {width:100%;height:200px;border:1px solid #dcdcdc;background-color:#fff;color:#444;padding:10px;} .my_modify {clear:both;width:100%;padding:20px 15px 20px 220px;background:#d5f3f5 url('../img/sub/my_modify.png') 25px bottom no-repeat;line-height:1.6;margin-top:50px;color:#444;} .my_modify h1 {font-size:20px;display:block;font-weight:700;margin-bottom:10px;color:#333;} .my_modify p {margin:5px 0px;background:url('../img/sub/dot_blue.png') left 8px no-repeat;background-size:6px;padding-left:15px;width:100%;clear:both;display:inline-block;} .pop_message {width:500px;height:450px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 30px 30px;} .pop_message h1 {font-size:18px;font-weight:700;width:100%;clear:both;margin-bottom:20px;text-align:left;border-left:3px solid #60a0ee;line-height:0.9;padding-left:10px;} .pop_message img {width:160px;display:block;position:relative;top:-45px;left:-30px;} .pop_message table {width:100%;clear:both;border-top:1px solid #dcdcdc;margin-bottom:15px;} .pop_message th {padding:7px 10px;text-align:center;;background-color:#f4f4f4;border-bottom:1px solid #dcdcdc;} .pop_message td {padding:7px 10px;text-align:left;border-bottom:1px solid #dcdcdc;font-weight:400;color:#444;} .pop_message td div {width:100%;height:180px;overflow-y:auto;} .btn_mess_send {float:right;display:inline-block;width:70px;height:30px;line-height:28px;background-color:#60a0ee;color:#fff;text-align:center;border-radius:7px;;margin-right:10px;} .btn_mess_cancle {float:right;display:inline-block;width:70px;height:30px;line-height:28px;background-color:#a4a4a4;color:#fff;text-align:center;border-radius:7px;;} .btn_warp {width:100%;margin-top:20px;clear:both;display:block;} .pop_user {width:500px;height:450px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 30px 30px;overflow:hidden;} .pop_user h1 {font-size:18px;font-weight:700;width:100%;clear:both;margin-bottom:20px;text-align:left;border-left:3px solid #60a0ee;line-height:0.9;padding-left:10px;} .pop_user .p_logo {width:160px;display:block;position:absolute;top:15px;left:10px;} .user_search {width:100%;background-color:#f8f8f8;padding:10px;text-align:center;margin-bottom:20px;} .user_form1 {width:170px;height:30px;border:1px solid #dcdcdc;background-color:#fff;margin:0px 10px;} .user_form2 {width:100%;height:170px;border:1px solid #dcdcdc;color:#444;} .user_btn_search {display:inline-block;width:70px;height:30px;line-height:28px;background-color:#a4a4a4;color:#fff;text-align:center;border-radius:7px;;} .user_warp {width:100%;clear:both;} .user_warp li {float:left;width:43%;} .user_warp li:nth-child(2) {width:14%;padding:65px 0px 0px 17px;} .user_warp .arrow {border:1px solid #b6c6d7;padding:3px 7px 4px;border-radius:7px;font-size:20px;font-weight:400;color:#b6c5d9;line-height:1.0;overflow:hidden;display:inline-block;margin-bottom:5px;} .user_warp .arrow:hover {background-color:#b6c6d5;color:#fff;cursor:pointer;} .user_warp h2 {width:100%;font-size:15px;;line-height:1.0;margin-bottom:10px;background:url('../img/sub/dot_blue.png') left 5px no-repeat;background-size:9px;padding-left:15px;} .user_warp h2 span {font-size:12px;background-color:#e9eef3;height:21px;line-height:19px;padding:0px 10px;color:#333;float:right;font-weight:400;border-radius:5px;margin-top:-2px;} .user_warp h2 span:hover {cursor:pointer;} .user_page {width:100%;text-align:center;margin:0px auto;clear:both;margin-top:20px;} .user_page dd {display:inline-block;margin:0px 7px;color:#444;} .user_page dd:hover {color:#ff6a28;cursor:pointer;} .user_page .p_on {color:#000;font-weight:700;} .user_page dt {display:inline-block;border:1px solid #dcdcdc;padding:2px 5px;} .user_page dt img {width:7px;} .pop_before {width:800px;height:700px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 30px 30px;} .pop_before h1 {font-size:18px;font-weight:700;width:100%;clear:both;margin-bottom:20px;text-align:left;border-left:3px solid #60a0ee;line-height:0.9;padding-left:10px;} .pop_before img {width:160px;display:block;position:relative;top:-45px;left:-30px;} .pop_before_warp {width:100%;height:560px;overflow-y:auto;} .pop_before table {width:100%;clear:both;border-top:1px solid #dcdcdc;margin-bottom:15px;} .pop_before th {padding:7px 5px;text-align:center;;background-color:#f4f4f4;border-bottom:1px solid #dcdcdc;letter-spacing:-1px;} .pop_before td {padding:7px 5px;text-align:center;border-bottom:1px solid #dcdcdc;font-weight:400;color:#444;letter-spacing:-1px;} .pop_before td .p_print {display:inline-block;width:100%;height:24px;line-height:22px;background-color:#6e87a3;color:#fff;text-align:center;border-radius:7px;font-size:12px;font-weight:400;} .pop_before td .p_print:hover {background-color:#b5c5d6;cursor:pointer;} .mess_form1 {width:70%;height:100px;border:1px solid #dcdcdc;background-color:#fff;} .mess_form2 {width:100%;height:30px;border:1px solid #dcdcdc;background-color:#fff;} .mess_form3 {width:100%;height:250px;border:1px solid #dcdcdc;background-color:#fff;} .mess_btn1 {width:90px;height:25px;line-height:23px;border-radius:5px;background-color:#6e87a3;text-align:center;color:#fff;margin-bottom:7px;} .mess_btn2 {width:90px;height:25px;line-height:23px;border-radius:5px;background-color:#9faecc;text-align:center;color:#fff;} .mess_btn_warp {float:right;width:27%;} .time_exam {display:inline-block;float:right;font-size:14px;} .time_exam span {display:inline-block;margin:0px 1px;background-color:#dcdcdc;color:#333 !important;font-size:13px;padding:1px 5px 3px;border-radius:3px;font-weight:bold;} .time_exam span:nth-child(1) {margin-left:10px;} /* 과목홈 */ .study_01 {clear:both;width:100%;padding:20px 0px;text-align:center;background-color:#1a80c3;color:#fff;border-radius:7px;margin-bottom:40px;} .study_01 h1 {font-size:20px;font-weight:700;display:inline-block;margin:0px 20px 0px 0px;} .study_01 .jump_study {width:350px;height:45px;background-color:#fff;padding-left:10px;;border:1px solid rgba(0,0,0,0.1);color:#333;font-weight:600;;} .study_01 .comment {widh:100%;height: 45px;text-align: left;} .study_02 {width:100%;float:right;margin-top:5px;} .study_02 dt {float:left;width:80%;background:url('../img/sub/blt_blue.png;') left no-repeat;margin-bottom:10px;;font-weight:normal;padding-left:18px;color:#444;} .study_02 dt:hover {color:#eb0000;cursor:pointer;} .study_02 dd {float:right;width:20%;text-align:right;margin-bottom:10px;} .progress {display:inline-block;background:linear-gradient( 0deg, #b42525, #e83535);height:15px;font-size:0rem;position:relative;} .week {display:inline-block;height:22px;line-height:20px;;padding:0px 7px;margin:0px 5px 5px 0px;background-color:#1ea3f0;color:#fff;border-radius:3px;} .study_txt1 {width:100%;clear:both;padding:20px 20px 20px 220px;background:#f6f6f6 url('../img/sub/study_img01.png') -5px bottom no-repeat;margin-top:20px;line-height:1.6;color:#444;} .study_txt1 h1 {font-size:20px;display:block;font-weight:700;margin-bottom:10px;color:#333;} .pop_prog_warp {width:750px;padding:25px 20px;} .pop_prog_warp .txt1 {width:100%;clear:both;padding:15px;margin-top:20px;line-height:1.6;background:#1a80c3;color:#fff;font-size:20px;font-weight:600;border-radius:3px;} .pop_prog_tbl {width:100%;border-top:2px solid #3c3c3c;margin-top:15px;} .pop_prog_tbl th {text-align:center;padding:20px 0px;border-bottom:1px solid #dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;} .pop_prog_tbl td {text-align:center;padding:10px 10px;border-bottom:1px solid #dcdcdc;color:#444;} .pop_prog_tbl .yet {color:#e31616} .txt_orange {color:#ff6a28;font-weight:700;} .exam_txt1 {width:100%;clear:both;padding:20px 30px;border:1px solid #dcdcdc;margin-top:30px;color:#444;line-height:1.6} .exam_txt1 h1 {font-size:20px;display:block;font-weight:700;margin:-5px 0px 10px;color:#333;} .icon_file {margin-right:10px;position:relative;top:-10px;} .study_form1 {width:100%;height:35px;background-color:#fff;border:1px solid #dcdcdc;padding:0px 5px;} .study_form2 {width:100%;height:200px;background-color:#fff;border:1px solid #dcdcdc;padding:5px;} .study_form3 {width:120px;height:35px;line-height:32px;display:inline-block;background-color:#ededed;cursor: pointer;text-align:center;} .study_form4 {width:350px;height:40px;background-color:#fff;border:1px solid #dcdcdc;padding:0px 5px;font-weight:500;position:relative;top:2px;border-radius:4px;} .exam_warp {width:800px;height:700px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 30px 30px 30px;margin:0px auto;display:block;} .exam_warp .exam_logo {width:160px;display:block;position:relative;top:-45px;right:-25px;float:right;} .exam_warp h1 {font-size:24px;font-weight:700;float:left;position:relative;top:-55px;left:-15px;color:#fff;} .exam_warp h2 {font-size:18px;font-weight:700;width:100%;clear:both;margin-bottom:10px;top:-15px;position:relative;text-align:left;border-left:3px solid #60a0ee;line-height:1.0;padding-left:10px;} .exam_warp h2 span {color:#60a0ee;font-weight:400;} .exam_warp .txt1 {width:100%;color:#444;line-height:1.6;font-weight:400;margin:20px 0px;border:1px solid #dcdcdc;padding:20px 30px;border-radius:7px;} .exam_warp .txt1 li {clear:both;width:100%;display:inline-block;background:url('../img/sub/blt_blue.png;') 0px 16px no-repeat;padding:7px 0px 7px 20px;} .exam_warp .txt1 .tit01 {clear:both;display:inline-block;height:30px;line-height:28px;padding:0px 15px;;;background-color:#b26bd3;color:#fff;text-align:center;border-radius:7px;margin-bottom:10px;} .exam_warp .txt1 .tit02 {clear:both;display:inline-block;height:30px;line-height:28px;padding:0px 15px;;;background-color:#80a749;color:#fff;text-align:center;border-radius:7px;margin-bottom:10px;} .exam_warp .btn_start {width:250px;height:70px;background-color:#e83535;color:#fff;text-align:center;padding-top:10px;border-radius:7px;line-height:1.4;font-size:22px;font-weight:400;margin:0px auto;} .exam_warp .btn_start > span {font-weight:400;display:block;} .exam_warp .btn_start:hover {color:#fff83d;cursor:pointer;} .exam_warp .btn_view {width:150px;height:30px;line-height:28px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.4);margin-right:10px;display:inline-block;position:relative;top:-50px;left:10px;border-radius:7px;} .exam_warp .btn_view:hover {background-color:#ff9d4e;cursor:pointer;} .exam_warp2 {width:100%;clear:both;display:inline-block;overflow:hidden;} .exam_warp2 li {float:left;height:480px;overflow-y:auto;border:1px solid #dcdcdc;margin-right:5%;padding:15px 20px;} .exam_warp2 li:nth-child(1) {width:65%;} .exam_warp2 li:nth-child(2) {width:30%;margin-right:0;padding:0px;} .exam_warp2 .quest {width:100%;margin-bottom:50px;clear:both;display:inline-block;} .exam_warp2 .quest dt {border:1px solid #bad5f7;clear:both;width:100%;overflow:hidden;padding:10px;margin-bottom:10px;;border-radius:7px;} .exam_warp2 .quest dt .num {height:25px;} .exam_warp2 .quest dt p {width:89%;float:right;margin-top:-3px;} .exam_warp2 .quest dt .samp {width:100%;clear:both;display:inline-block;overflow:hidden;border:1px solid #dcdcdc;margin-top:10px;padding:10px;border-radius:7px;line-height:1.8;color:#444;} .exam_warp2 .quest dd {width:100%;clear:both;margin:7px 0px;display:inline-block;} .exam_warp2 .quest dd p {float:right;width:94%;} .exam_warp2 .quest dd .form1 {width:15px;height:15px;border-color:#dcdcdc;margin-top:3px;} .exam_warp2 li:nth-child(2) .exam_tbl {width:100%;border-top:2px solid #3c3c3c;} .exam_warp2 li:nth-child(2) th {text-align:center;padding:10px 5px;border-bottom:1px solid #dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;} .exam_warp2 li:nth-child(2) td {text-align:center;padding:5px 5px;border-bottom:1px solid #dcdcdc;color:#333;line-height:1.6;} .exam_warp2 li:nth-child(2) td:nth-child(2) {color:#e83535;} .exam_warp2 .exam_go {clear:both;width:90%;height:30px;line-height:28px;font-size:12px;;background-color:#60a0ee;color:#fff;text-align:center;border-radius:7px;display:inline-block;margin:0px auto;} .exam_warp2 .exam_go:hover {background-color:#e83535;cursor:pointer;} .exam_warp3 {clear:both;width:100%;margin-top:20px;} .exam_warp3 li {float:left;width:65%;color:#444;} .exam_warp3 li:nth-child(2) {width:30%;float:right;} .exam_warp .exam_form1 {width:100%;height:120px;background-color:#fff;border:1px solid #dcdcdc;padding:5px;} /* membership */ .sub_top_mem {width:100%;height:200px;clear:both;background:url('../img/sub/topimg_mem.png') center no-repeat;text-align:center;} .mem_warp {width:100%;clear:both;margin-bottom:50px;background-color:#f1f5fb;overflow:hidden;} .mem_warp li {float:left;overflow:hidden;padding:50px;text-align:center;border-right:1px solid rgba(0,0,0,0.05);} .mem_warp li:nth-child(1) {width:45%;} .mem_warp li:nth-child(2) {width:55%;border-right:0px;} .mem_warp li h1 {font-size:26px;font-weight:700;text-align:center;width:100%;clear:both;margin-bottom:30px;} .mem_warp2 {width:100%;clear:both;margin-bottom:50px;background-color:#f1f5fb;overflow:hidden;} .mem_warp2 li {float:left;width:50%;overflow:hidden;padding:50px;text-align:center;border-right:1px solid rgba(0,0,0,0.05);} .mem_warp2 li:nth-child(2) {border-right:0px;} .mem_warp2 li h1 {font-size:26px;font-weight:700;text-align:center;width:100%;clear:both;margin-bottom:30px;} .mem_warp2 li p {font-size:14px;} .mem_warn {clear:both;width:100%;padding:20px 20px 20px 180px;background:#d9f2f7 url('../img/sub/mem_warn.png') 40px 40px no-repeat;margin-top:30px;;;line-height:1.6;} .mem_warn p {margin-bottom:15px;clear:both;width:100%;} .mem_warn span {display:block;width:100%;margin-top:15px;line-height:1.8;} .mem_warn ul {width:100%;clear:both;margin-top:10px;} .mem_warn ul li {width:100%;background:url('../img/sub/blt_blue.png') 15px 15px no-repeat;background-size:5px;padding:5px 0px 5px 30px;font-weight:400;} .mem_join1 {width:100%;clear:both;margin:20px 0px;text-align:center;} .mem_join1 hr {width:25.5%;height:2px;background-color:#dcdcdc;display:inline-block;border:none;margin:0px 30px;position:relative;top:-12px;} .mem_join2 {width:33%;text-align:center;display:inline-block;;margin:0px auto;} .mem_join2_on {color:#eb0000} .mem_join3 {clear:both;width:100%;padding:20px 15px 20px 200px;background:#e5f4f8 url('../img/sub/mem_join.png') left 65px no-repeat;line-height:1.6;margin-top:50px;color:#444;} .mem_join3 h1 {font-size:20px;display:block;font-weight:700;margin-bottom:10px;color:#333;} .mem_join4 {clear:both;width:100%;padding:20px 30px;background:#e5f4f8;line-height:1.6;margin-top:20px;color:#444;} .mem_join5 {clear:both;width:100%;line-height:1.6;margin-top:10px;color:#444;} .mem_join5 h1 {display:block;;margin-bottom:10px;color:#333;} .mem_join5 p {width:100%;padding-left:15px;margin:10px 0px;} .mem_join6 {clear:both;width:100%;padding:20px 30px;background:#f4f4f4;line-height:1.6;color:#444;} .mem_join7 {width:100%;height:100px;margin:0px 0px 15px;clear:both;display:inline-block;overflow:hidden;background-color:#fff;padding:20px;} .mem_join7 dt {float:left;width:50%;;box-sizing:border-box;text-align:center;} .mem_join7 dt h1 {font-size:20px;font-weight:700;display:inline-block;line-height:1.0;margin-bottom:10px;padding-top:3px;} .mem_join7 dt .h1 {font-size:20px;font-weight:700;display:inline-block;line-height:1.0;margin-bottom:10px;padding-top:3px;} .mem_join7 dd {float:left;width:50%;text-align:left;} .mem_join7 dd span {width:80px;height:22px;background-color:#ddd;text-align:center;margin-right:20px;margin-bottom:10px;clear:both;display:inline-block;font-size:13px;font-weight:700;padding-top:4px;} .mem_join7 dd h2 {color:#e83535;font-weight:700;display:inline-block;} .join_form1 {width:100%;height:350px;background-color:#fff;border:1px solid #dcdcdc;padding:10px;margin-top:15px;color:#444;overflow-y:auto;} .join_form2 {width:50%;height:35px;background-color:#fff;border:1px solid #dcdcdc;padding:5px 10px;color:#444;} .join_form3 {width:28%;height:35px;background-color:#fff;border:1px solid #dcdcdc;padding:5px 10px;color:#444;} .join_form4 {width:28%;height:35px;background-color:#fff;border:1px solid #dcdcdc;padding:5px 10px;color:#444;margin-right:15px;} .join_form5 {width:5%;height:30px;border:1px solid #ddd} .join_form6 {width:100%;height:35px;background-color:#fff;border:1px solid #dcdcdc;padding:5px 10px;color:#444;} .join_form7 {width:100%;height:35px;background-color:#fff;border:1px solid #dcdcdc;padding:5px 10px;color:#444;margin:10px 0px;} .join_form_check {width:20px;height:20px;background-color:#fff;border:1px solid #dcdcdc;margin-right:10px;position:relative;top:5px;left:0px;} .join_file {width:120px;height:45px;display:inline-block;background-color:#ededed;cursor: pointer;text-align:center;line-height:45px;} .join_form_txt {font-weight:400;margin:0px 15px;display:inline-block;} .join_txt1 {font-size:12px;display:inline-block;} .join_txt2 {font-size:12px;display:inline-block;float:right;width:calc(100% - 320px);} .join_empty1 {display:inline-block;width:40px;font-size:0px;} .join_ok {width:100%;border:3px solid #d2e4f4;padding:30px 0px 30px 230px;margin-top:20px;font-size:18px;background:url('../img/sub/join_ok.png') 10px 40px no-repeat;} .join_ok h1 {font-size:34px;line-height:1.0;margin-bottom:30px;} .join_ok h1 span {color:#e83535;} .agree_agree {clear:both;width:100%;margin-top:10px;text-align:right;} .agree_radio {width:20px;height:20px;background-color:#fff;border:1px solid #dcdcdc;border-radius:10px;margin:0px 10px 0px 10px;position:relative;top:4px;} .agree_agree2 {clear:both;width:100%;margin-top:10px;padding:20px;background-color:#e8f4fb;margin-top:30px;text-align:center;} .agree_btn_warp {width:100%;text-align:center;margin-top:40px;} .pop_mem_warp {width:500px;height:250px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 50px 30px 50px;} .pop_mem_warp img {width:160px;display:block;position:relative;top:-45px;left:-50px;} .pop_mem_warp h1 {font-size:18px;font-weight:700;width:100%;clear:both;margin-bottom:20px;text-align:left;border-left:3px solid #60a0ee;line-height:0.9;padding-left:10px;} .pop_txt {width:100%;padding:20px 25px;background-color:#f6f6f6;text-align:left;} .pop_txt span {color:#eb0000;font-weight:700;} .pop_join_warp {width:500px;height:300px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 50px 30px 50px;} .pop_join_warp img {width:160px;display:block;position:relative;top:-45px;left:-50px;} .pop_join_warp h1 {font-size:18px;font-weight:700;width:100%;clear:both;margin-bottom:20px;text-align:left;border-left:3px solid #60a0ee;line-height:0.9;padding-left:10px;} .pop_join_warp .txt {width:100%;margin-top:15px;color:#444;line-height:1.6;font-weight:400;} .log_certi {position:relative;top:0px;left:0px;display:none;z-index:9999;width:100%;} .log_certi2 {width:100%;max-width:1200px;display:inline-block;overflow:hidden;clear:both;border:3px solid #ddd;padding:30px 50px;background-color:#f8f8f8;} .log_certi2 h1 {clear:both;text-align:center;font-size:24px;line-height:1.0;margin-bottom:40px;} .log_certi2 span {background-color:#777;color:#fff;;text-align:center;padding:0px 3px 1px 3px;margin-left:15px;font-size:13px;} .log_certi2 span a:hover {color:#fff32c;cursor:pointer;} .log_certi2 p {margin-top:15px;color:#444;} .certi_form01 {border:1px solid #dddddd;background-color:#fff;width:500px;height:45px;box-sizing:border-box;padding-left:10px;} .certi_btn {background-color:#60a0ee;width:200px;height:45px;line-height:43px;float:right;color:#fff;text-align:center;;;} .name_warp1 {width:100%;clear:both;border:4px solid #ffd3d3;padding:20px 70px;overflow:hidden;} .name_warp1 ul {width:100%;} .name_warp1 ul li {float:left;margin:10px 0px;width:30%;;;} .name_warp1 ul li:nth-child(2n) {width:70%;color:#444;font-weight:normal;} .name_form1 {width:44%;height:35px;background-color:#fff;border:1px solid #dcdcdc;padding:10px;color:#444;} .name_warp1 ul li span {width:10%;height:35px;display:inline-block;text-align:center;} .name_warp2 {width:100%;clear:both;background-color:#f8f8f8;border:1px solid #dcdcdc;padding:30px 40px 20px;margin-top:50px;} .name_warp2 ul {width:100%;clear:both;;color:#444;} .name_warp2 ul li {width:100%;background:url('../img/sub/blt_blue.png') 15px 15px no-repeat;background-size:5px;padding:5px 0px 5px 30px;} .name_warp2 ul li p {width:100%;padding-left:15px;line-height:2.0;clear:both;display:inline-block;margin-top:10px;} .auth_warp {width:100%;clear:both;overflow:hidden;margin-top:25px;padding:40px 0px;border-top:2px solid #60a0ee;border-bottom:1px solid #cfe2fa} .auth_warp li {float:left;width:100%;overflow:hidden} .auth_warp li dl {width:100%;} .auth_warp li dt {float:left;width:25%;text-align:center;} .auth_warp li dd {float:left;width:75%;;color:#444;} .auth_warp li dd h1 {clear:both;line-height:1.0;width:100%;color:#60a0ee;font-size:20px;margin-bottom:15px;} .auth_warp li img {width:120px;} .auth_warp hr {clear:both;width:100%;height:12px;border:0px;background:url('../img/sub/guide_bgline.png') center no-repeat;margin:40px 0px;display:inline-block;} .auth_warp .hr {clear:both;display:block;width:100%;height:12px;border:0px;background:url('../img/sub/guide_bgline.png') center no-repeat;margin:40px 0px;padding:0px;} .auth_warp2 {width:100%;border-top:2px solid #3c3c3c;margin-top:15px;} .auth_warp2 th {text-align:center;padding:20px 20px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#1d1d1d;background-color:#f8f8f8;;} .auth_warp2 td {text-align:center;padding:20px 20px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#444;} .auth_warp2 td:nth-child(2) {text-align:left;padding-left:30px;} .auth_warp2 th img {width:160px;} .auth_warp2 td h1 {color:#ff6a28;;line-height:1.0;margin-bottom:10px;} .auth_warp2 td:nth-child(2n) a {margin-left:20px;} .auth_warp2 td:nth-child(2n) a:hover {color:#ff6a28;cursor:pointer;} .auth_btn_go {display:inline-block;width:100%;height:23px;line-height:21px;text-align:center;font-size:13px;;background-color:#666;color:#fff;border-radius:3px;} .auth_btn_go:hover {background-color:#ff6a28;cursor:pointer;} .prov_warp {width:100%;clear:both;margin-top:30px;line-height:1.8;color:#444;} .prov_warp h1 {width:100%;display:inline-block;padding-left:15px;border-left:4px solid #1a80c3;font-size:18px;font-weight:700;line-height:0.9;margin-bottom:15px;color:#333;margin-top:50px;} .prov_warp h2 {width:100%;clear:both;line-height:1.6;margin:25px 0px 10px;color:#333;} .prov_warp h3 {width:100%;clear:both;line-height:1.6;font-size:15px;margin:25px 0px 10px;color:#333;} .prov_warp h4 {clear:both;display:inline-block;background:#1a80c3;font-size:20px;color:#fff;font-weight:700;line-height:0.9;margin:50px 0px 0px;padding:10px 30px;border-radius:5px;overflow:hidden;} .prov_warp p {width:100%;clear:both;margin:10px 0px;padding-left:15px;} .prov_warp dl {clear:both;width:100%;display:block;} .prov_warp dt {clear:both;width:100%;display:block;padding:20px 20px 5px;box-sizing:border-box;font-weight:600;} .prov_warp dd {clear:both;width:100%;display:block;padding:3px 20px;box-sizing:border-box;font-weight:400;} .prov_warp ul {clear:both;width:100%;display:block;margin:10px 0px;} .prov_warp ul li {width:100%;padding:7px 0px;line-height:1.4;} .prov_warp ol {clear:both;width:100%;display:block;margin:7px 0px;} .prov_warp ol li {width:100%;padding:5px 0px;line-height:1.4;} .ui_anchor {width:100%;border-width:2px 0px;border-style:solid;border-color:#0067b3;padding:10px 0px;overflow:hidden;margin:20px auto;} .ui_anchor li {float:left;width:50%;padding:7px 20px;} .priv_tab {display:inline-block;margin:10px 10px 0px 0px;background:#fff;border:1px solid #ddd;width:300px;height:50px;line-height:50px;text-align:center;} .log_cert_add {margin-top:10px;width:100%;overflow:hidden;border:3px solid #ddd;text-align:center;padding:10px;display:none} /* 수강신청 */ .sub_top_course {width:100%;height:200px;clear:both;background:url('../img/sub/topimg_course.png') center no-repeat;text-align:center;} .course_class1 {clear:both;width:100%;margin-top:20px;display:inline-block;} .course_class1 dt {float:left;width:37%;height:140px;background-color:#0067b3;text-align:center;font-size:22px;;color:#fff;padding-top:40px;} .course_class1 dt p {display:block;clear:both;width:100%;;font-weight:400;} .course_class1 dd {float:left;width:63%;height:140px;/*background-color:#e8f1f8;*/border-width:1px 1px 1px 0px;border-style:solid;border-color:#0067b3;padding:20px;line-height:1.8;} .course_class2 {clear:both;width:100%;margin-top:20px;display:inline-block;} .course_class2 dt {float:left;width:37%;height:140px;background-color:#90c7d5;text-align:center;font-size:22px;;color:#fff;padding-top:40px;} .course_class2 dt p {display:block;clear:both;width:100%;;font-weight:400;} .course_class2 dd {float:left;width:63%;height:140px;/*background-color:#e5f4f8;*/border-width:1px 1px 1px 0px;border-style:solid;border-color:#90c7d5;padding:20px;line-height:1.8;} .course_class3 {clear:both;width:100%;margin-top:20px;background-color:#f0f0f0;padding:20px 25px;display:inline-block;color:#444;line-height:1.8;} .course_class3 p {float:right;width:50%;display:inline-block;} .course_class3 span {color:#e83535;font-weight:700;} .course_class3 img {position:relative;top:-2px;margin-right:10px} .course_class4 {clear:both;width:100%;margin-top:20px;border:3px solid #dcdcdc;display:inline-block;} .course_class4 li {float:left;width:78%;height:70px;line-height:70px;} .course_class4 li:first-child {padding-left:25px;width:22%;} .course_class4 img {position:relative;top:-2px;margin-right:10px} .course_class4 span {color:#e83535;font-weight:700;} .course_class4 h1 {font-size:20px;border:1px solid #dcdcdc;margin:0px 30px;color:#444;width:30px;height:30px;line-height:28px;text-align:center;display:inline-block;position:relative;top:2px;} .course_txt1 {font-size:12px;margin-top:15px;text-align:left;line-height:1.8;} .course_txt2 {margin-top:15px;text-align:left;line-height:1.8;background-color:#f0f0f0;padding:30px;} .course_txt2 p {text-align:center;;} .course_tap01 {clear:both;width:100%;display:inline-block;margin-top:50px;}/*기수 tap 2단*/ .course_tap01 li {float:left;width:calc(50% - 10px);height:120px;padding:20px 0px 0px;box-sizing:border-box;border:1px solid #dcdcdc;color:#444;text-align:center;margin-bottom:10px;} .course_tap01 li:hover {background-color:#f8f8f8;color:#0067b3;border:1px solid #0067b3;cursor:pointer;} .course_tap01 li:nth-child(odd) {margin:0px 10px 0px 0px;} .course_tap01 .course_on {border:1px solid #0067b3;background-color:#0067b3;color:#fff;font-size:18px;} .course_tap01 dl {width:100%;margin-top:15px;font-size:14px;text-align:center;} .course_tap01 dt {width:100%;margin-bottom:5px;font-weight:normal;} .course_tap01 dd {width:100%;font-weight:normal;} .class_tap01 {clear:both;;display:flex;margin-top:50px;border-width:1px 0px 0px 1px;border-style:solid;border-color:#dcdcdc;} .class_tap01 li {float:left;flex:1;height:40px;line-height:38px;text-align:center;border-width:0px 1px 1px 0px;border-style:solid;border-color:#dcdcdc;transition: background 0.5s ease-in-out,color 0.5s ease-in-out; } .class_tap01 li:hover {background-color:#e83535;color:#fff;cursor:pointer;} .class_tap01 .tap_on {background-color:#e83535;color:#fff;} .blinking{ -webkit-animation:blink 0.3s ease-in-out infinite alternate;-moz-animation:blink 0.3s ease-in-out infinite alternate;animation:blink 0.3s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} } .course_form_check {width:20px;height:20px;border:1px solid #dcdcdc;background-color:#fff;} .course_btn_warp {width:100%;text-align:center;margin-top:40px;display:inline-block;} .course_view {position:absolute;top:40px;left:70px;z-index:999;display:inline-block;width:300px;height:200px;border:4px solid #bdd4f1;background-color:#fff;padding:15px 20px;text-align:left;} .course_view h1 {clear:both;width:100%;display:block;;;margin-bottom:15px;padding:0px 0px 10px 20px;border-bottom:2px solid #dcdcdc;background:url('../img/sub/dot_blue.png') left 9px no-repeat;background-size:10px;} .course_view dl {width:100%;} .course_view dt {width:50px;height:22px;line-height:20px;text-align:center;border-radius:5px;background-color:#444;color:#fff;display:inline-block;margin-bottom:4px;} .course_view dd {clear:both;display:block;width:100%;} .course_view_w {position:relative;z-index:99;top:0px;left:0px;} .pay_name {width:100%;display:inline-block;position:relative;left:-40px;} .pay_name dt {text-align:right;float:left;width:20%;display:inline-block;;;padding:8px 25px 0px 0px;} .pay_name dd {text-align:left;float:left;width:30%;display:inline-block;} .pay_form1 {width:100%;height:45px;line-height:43px;padding:0px 5px;border:1px solid #dcdcdc;background-color:#fff;} .payment {width:100%;clear:both;display:inline-block;margin-top:20px;} .payment li {float:left;width:190px;height:190px;text-align:center;border:1px solid #dcdcdc;background-color:#f4f4f4;margin-right:30px;;} .payment li:nth-child(4) {margin-right:0px;} .payment li img {margin:40px auto 20px;display:block;} .payment li span {font-weight:400;font-size:12px;} .pay_inno {clear:both;width:100%;padding:100px 20px 20px;background:#ffd21f url('../img/sub/pay_img01.png') center 20px no-repeat;line-height:1.6;font-size:20px;margin-bottom:50px;color:#222;text-align:center;border-radius:15px;} .pay_inno .txt {border:5px solid #000;border-radius:0px 0px 15px 15px;padding:30px;} .pay_inno .txt span {background-color:#eb0000;color:#ffd21f;padding:0px 5px 2px;line-height:1.0;display:inline-block;} .pay_inno2 {clear:both;width:100%;margin-top:20px;background-color:#f0f0f0;padding:20px 25px;display:inline-block;color:#333;line-height:1.8;} .pay_inno2 li {float:left;width:40%;display:inline-block;text-align:center;} .pay_inno2 li:nth-child(1) {font-weight:700;} .pay_inno2 li:nth-child(2) {width:60%;text-align:left;} .pay_inno2 span {color:#e83535;font-weight:700;} .pay_re_pay {color:#eb0000 !important;} .pay_result {width:100%;border:3px solid #f7d5d5;padding:30px 0px 30px 250px;margin:30px 0px 50px;font-size:18px;background:url('../img/sub/join_ok.png') 30px 10px no-repeat;background-size:150px;} .pay_result h1 {font-size:24px;line-height:1.0;margin-bottom:30px;color:#e83535;} .pay_result h1 span {color:#e83535;} .pay_result2 {clear:both;width:100%;margin-top:20px;border:3px solid #dcdcdc;display:inline-block;padding:0px 50px;;} .pay_result2 li {float:left;width:30%;height:70px;line-height:70px;} .pay_result2 li:nth-child(1) {width:25%;} .pay_result2 li:nth-child(2) {width:45%;} .pay_result2 img {position:relative;top:-2px;margin-right:10px} .pay_result2 span {color:#e83535;font-weight:700;} .plan_check {width:15px;height:15px;border:1px solid #dcdcdc;margin:0px 5px 0px 0px;position:relative;top:3px;} .plan_form1 {width:100px;height:25px;border:1px solid #dcdcdc;margin:0px 5px 0px 0px;color:#444;padding-left:5px;} .plan_form2 {width:100%;height:25px;border:1px solid #dcdcdc;margin:0px 5px 0px 0px;color:#444;padding-left:5px;} .plan_form3 {width:29%;height:25px;border:1px solid #dcdcdc;margin:0px 5px 0px 0px;color:#444;padding-left:5px;} .plan_form4 {width:100%;height:100px;border:1px solid #dcdcdc;margin:0px 5px 0px 0px;color:#444;padding-left:5px;} .plan_blank {width:4%;text-align:center;display:inline-block;} /* .pack_tap {width:100%;margin:70px 0px 50px;display:flex;flex-wrap:wrap;align-items: center;align-content: space-between;clear:both;border-width:0px 0px 0px 1px;border-color:#dcdcdc;border-style:solid;} .pack_tap li {padding:8px 0px 12px;border-width:1px 1px 1px 0px;border-color:#dcdcdc;border-style:solid;background-color:#f6f6f6;text-align:center;flex-grow:1;} .pack_tap li:hover {cursor:pointer} .pack_tap .on {background-color:#fff;border-width:1px 1px 0px 0px;border-style:solid;border-color:#dcdcdc;color:#000;;} */ .pack_tbl01 {width:100%;border-top:2px solid rgba(0,0,0,0.1);} .pack_tbl01 th {text-align:center;padding:20px 0px;border-bottom:1px solid #dcdcdc;;color:#111;background-color:#f8f8f8;;} .pack_tbl01 td {text-align:center;padding:20px 10px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#333;background-color:#fff;line-height:1.6;} .pack_tbl01 td .money {color:#e83535;font-weight:700;font-size:15px;} .pack_sample {padding:0px 7px 2px;margin:2px 0px;display:inline-block;background-color:#009b90;color:#fff;font-size:12px;border-radius:5px;} .pack_sample:hover {background-color:#e83535;cursor:pointer;} .pack_plan {padding:0px 7px 2px;margin:2px 0px;display:inline-block;background-color:#0067b0;color:#fff;font-size:12px;border-radius:5px;} .pack_plan:hover {background-color:#e83535;cursor:pointer;} .pack_pay {clear:both;width:300px;height:50px;line-height:49px;text-align:center;background-color:#d73c2c;border-radius:10px;color:#fff;font-size:22px;font-weight:700;margin:0px auto;display:block;transition: background 0.5s ease-in-out,color 0.5s ease-in-out;} .pack_pay:hover {background:#000;color:#fffc1c;cursor:pointer;} .pack_class1 {display:inline-block;background-color:#767c88;padding:10px 50px;color:#fff;border-radius:10px 10px 0px 0px;font-size:20px;margin-left:10px;} .pack_class1_warp {width:100%;clear:both;padding:20px 15px 15px;background:#767c88;border-radius:5px;} .pack_class2 {display:inline-block;background-color:#91b9d5;padding:10px 50px;color:#fff;border-radius:10px 10px 0px 0px;font-size:20px;margin-left:10px;margin-top:50px;} .pack_class2_warp {width:100%;clear:both;padding:20px 15px 15px;background:#91b9d5;border-radius:5px;} .pack_last {width:100%;margin:50px 0px 10px 0px;clear:both;display:block;overflow:hidden;} .pack_last li {float:left;width:60%;height:100px;line-height:90px;text-align:center;font-size:18px;font-weight:700;border-style:solid;border-color:#96ABB3;} .pack_last li:nth-child(1) {border-width:4px 0px 4px 4px;} .pack_last li:nth-child(2) {width:40%;font-size:28px;color:#e83535;border-width:4px 4px 4px 0px;letter-spacing:-1px;} .pack_warning {clear:both;width:100%;padding:20px 30px;background-color:#f0f0f0;border-radius:10px;line-height:1.8;margin-bottom:50px;overflow:hidden;} .pack_warning dt {float:left;width:25%;font-weight:700} .pack_warning dd {float:left;width:75%;} .pack_warning_tri {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 20px solid #f0f0f0;margin-left:20px;font-size:0px;} /* USC */ .greet_img1 {margin-bottom:30px;width:100%;max-width:100%;max-width:1200px;clear:both;display:inline-block;} .greet_tit1 {clear:both;width:100%;font-size:24px;font-weight:700;text-align:center;color:#0067b3;margin-top:40px;} .greet_tit2 {clear:both;width:100%;;font-weight:400;color:#444;text-align:center} .greet_txt {clear:both;width:100%;text-align:left;margin:50px 0px 50px;line-height:1.8;;color:#444} .greet_txt span {float:right;margin-top:40px;} .greet_txt2 {clear:both;width:100%;display:inline-block;margin-top:50px;} .greet_txt2 li {float:left;width:400px;height:200px;margin-right:50px;color:#fff;padding:30px;font-size:22px;;border-radius:7px;} .greet_txt2 li:nth-child(1) {background:#006091 url('../img/sub/greet_img07.png') 230px 70px no-repeat;background-size:150px;} .greet_txt2 li:nth-child(2) {margin-right:0px;background:#7093b1 url('../img/sub/greet_img08.png') 230px 70px no-repeat;background-size:150px;;color:#fff;} .greet_txt2 span {clear:both;background-color:#fff;color:#444;width:130px;height:30px;border-radius:7px;font-weight:400;text-align:center;line-height:28px;position:relative;top:50px;display:block;} .greet_txt2 span:hover {background-color:rgba(0,0,0,0.5);color:#fff;cursor:pointer;} .greet_map {margin-top:50px;width:100%;clear:both;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;display:inline-block;} .greet_map dt {clear:both;float:left;width:30%;font-weight:700;padding:10px 0px 20px 20px;display:inline-block;} .greet_map dt img {margin-right:15px;position:relative;top:0px;vertical-align:middle;} .greet_map dd {float:left;width:70%;padding:12px 20px 10px;color:#444;display:inline-block;line-height:1.6;} .greet_map dd b { margin-right:10px;} .greet_map hr {clear:both;width:100%;height:1px;background-color:#dcdcdc;border:0px;display:block;padding:0px;float:left;margin-left:0;} /*.greet_map hr {width:100%;height:1px;background-color:#dcdcdc;border:0px;display:inline-block;clear:both;}*/ .greet_map2 {width:100%;clear:both;display:block;border:1px solid #ddd;} /* GUIDE */ .sub_top_guide {width:100%;height:200px;clear:both;background:url('../img/sub/topimg_guide.png') center no-repeat;text-align:center;} .guide_txt1 {margin-top:15px;line-height:1.6;width:100%;clear:both;display:inline-block;font-size:15px;color:#444;overflow:hidden;} .guide_txt1 ul {width:100%;clear:both;margin-top:15px;} .guide_txt1 ul li {width:100%;background:url('../img/sub/blt_blue.png') 15px 15px no-repeat;background-size:5px;padding:5px 0px 5px 30px;font-weight:400;} .guide_txt1 dl {width: 100%;clear: both;border:1px solid #ddd;padding-bottom:10px;} .guide_txt1 dl dt {clear:both;width:100%;padding:10px 30px;background:#f4f4f4;font-weight:600;margin-bottom:10px;} .guide_txt1 dl dd {clear:both;width:100%;padding:5px 30px;} .guide_txt2 {margin-top:15px;background-color:#f8f8f8;border:1px solid #f0f0f0;padding:20px;width:100%;text-align:center;box-sizing:border-box;} .guide_txt3 {margin-top:5px;line-height:1.6;width:100%;clear:both;display:inline-block;font-size:15px;color:#444;} .guide_txt3 li {width:100%;background:url('../img/sub/blt_gray.png') 15px 15px no-repeat;background-size:5px;padding:5px 0px 5px 30px;text-align:left;font-weight:400;} .guide_txt4 {margin-top:5px;line-height:1.6;width:100%;clear:both;display:inline-block;font-size:15px;color:#444;} .guide_txt4 li {padding:5px 0px 5px 20px;text-align:left;} .guide_txt5 {clear:both;display:inline-block;width:100%;margin:20px 0px 0px 0px;font-size:15px;color:#444;} .guide_txt5 li {clear:both;width:100%;display:inline-block;background:url('../img/sub/blt_blue.png;') 0px 15px no-repeat;padding:7px 0px 7px 20px;font-weight:400;line-height:1.5;} .guide_txt6 {margin-top:10px;background-color:#f8f8f8;border:1px solid #f0f0f0;padding:20px 40px;width:100%;text-align:left;box-sizing:border-box;font-size:14px;color:#444;line-height:1.8} .guide_txt7 {margin-top:40px;border-radius:3px;background-color:#c2e7ff;border:0;padding:20px;width:100%;text-align:left;box-sizing:border-box;color:#333;line-height:1.6} .guide_txt8 {margin-top:10px;padding-left:28px;box-sizing:border-box;line-height:1.6;width:100%;clear:both;display:inline-block;font-size:15px;color:#444;font-weight:400;} .guide_txt12 {width:100%;margin:10px 0px 0px;} .guide_txt12 dt {width:100%;text-align:left;padding:10px 20px;background:#f8f8f8;font-weight:600;border:1px solid #eee;margin-top:10px;line-height:1.6;} .guide_txt12 dt span {color:#0098ff;} .guide_txt12 dd {padding:20px 30px;text-align:left;line-height:1.8;color:#555;border-width:0px 1px 1px 1px;border-style:solid;border-color:#eee;overflow:hidden;} .guide_tit1 {clear:both;color:#e83535;margin-top:15px;;;border-left:2px solid #e83535;padding-left:15px;line-height:0.9;padding-bottom:1px;display:inline-block;width:100%;} .guide_tit2 {clear:both;width:100%;display:block;font-size:18px;;margin-top:15px;} .guide_img01 {width:100%;margin:10px auto;} .guide_paper {width:100%;clear:both;overflow:hidden;margin-top:15px;} .guide_paper li {float:left;width:50%;line-height:1.8;} .guide_paper .txt1 {width:100%;padding:20px 30px;border:1px solid #dcdcdc;} .guide_paper .txt1 p {width:100%;padding-left:10px;margin:0px 0px 10px 0px;color:#444;} .guide_paper .box1 {float:right;width:80%;height:130px;line-height:128px;text-align:center;color:#fff;font-size:20px;background-color:#c4a7a4;} .guide_paper .box2 {float:right;width:80%;height:130px;line-height:128px;text-align:center;color:#fff;font-size:20px;background-color:rgba(108,167,174,1);} .guide_paper .box3 {width:100%;height:77px;clear:both;background:url('../img/sub/big_arrow_bottom.png') 60% 18px no-repeat;display:block} .guide_paper img {margin:25px 0px 0px 20px;} .overview_img {display: block; width:100%;max-width:1200px; margin: 20px auto;} .cautin_tap {clear:both;display:flex;margin-bottom:50px;width:100%;border-left:1px solid #dcdcdc;}/*tap 5배수*/ .cautin_tap li {flex:1;height:60px;text-align:center;border-width:1px 1px 1px 0px;border-style:solid;border-color:#dcdcdc;color:#444;box-sizing:border-box;padding-top:8px;line-height:1.5;} .cautin_tap li:hover {background-color:#e83535;color:#fff;border:0px;cursor:pointer;} .guide_guide {width:100%;clear:both;border-width:1px 0px;border-style:solid;border-color:#cfe2fa;display:block;margin-top:30px;overflow:hidden;} .guide_guide dd {float:left;width:80%;display:inline-block;padding:30px 0px;color:#444;line-height:1.6;} .guide_guide dt {float:left;width:20%;text-align:center;display:inline-block;padding:30px 0px;} .guide_guide dd h1 {width:100%;clear:both;display:block;line-height:1.0;font-size:22px;;color:#0067b3;margin-bottom:20px;} .guide_guide hr {clear:both;width:100%;height:12px;border:0px;background:url('../img/sub/guide_bgline.png') center no-repeat;} .guide_guide .hr {clear:both;display:block;width:100%;height:12px;border:0px;background:url('../img/sub/guide_bgline.png') center no-repeat;padding:0px;} .course_warp1 {width:100%;margin-top:20px;} .course_warp1 li {clear:both;width:100%;} .course_warp1 span {position:relative;top:7px;left:-3px;} .course_warp1 span img {width:30px;opacity: 0.3;} .course_warp1 li:nth-child(1) dl {width:100%;height:100px;background-color:#6696f2;overflow:hidden;color:#fff;} .course_warp1 li:nth-child(1) dl dt {;width:20%;height:100px;;float:left;text-align:center;padding-top:23px} .course_warp1 li:nth-child(1) dl dd {width:80%;height:100px;float:left;text-align:left;} .course_warp1 li:nth-child(1) p {width:26%;height:70px;background-color:rgba(0,0,0,0.3);padding-top:23px;text-align:center;display:inline-block;margin:15px 15px 0px 0px;color:#fff;} .course_warp1 li:nth-child(1) div {width:35%;height:70px;float:right;background-color:rgba(0,0,0,0.5);padding-top:10px;text-align:center;display:inline-block;margin:15px 15px 0px 0px;color:#fbd086;} .course_warp1 li:nth-child(2) dl {width:100%;height:100px;background-color:#3f7acf;overflow:hidden;color:#fff;margin-top:20px;margin-bottom:10px;} .course_warp1 li:nth-child(2) dl dt {;width:20%;height:100px;;float:left;text-align:center;padding-top:23px} .course_warp1 li:nth-child(2) dl dd {width:80%;height:100px;float:left;text-align:left;} .course_warp1 li:nth-child(2) p {display:inline-block;width:26%;height:70px;background-color:rgba(0,0,0,0.3);padding-top:13px;text-align:center;display:inline-block;margin:15px 15px 0px 0px;color:#fff;box-sizing:border-box;overflow:hidden;} .course_warp1 li:nth-child(2) div {width:35%;height:70px;float:right;background-color:rgba(0,0,0,0.5);padding-top:10px;text-align:center;display:inline-block;margin:15px 15px 0px 0px;color:#fbd086;} .course_tit1 {width:100%;padding:20px 30px;box-sizing:border-box;background:#1a80c3;color:#fff;font-size:22px;font-weight:600;text-align:center;border-radius:7px;margin:30px auto 0px;} .course1_top1 {width:100%;min-height:250px;background:#f44e4f url('../img/sub/course_01_02.png') right no-repeat;padding:10px 20px 0px;box-sizing:border-box;color:#fff;line-height:1.5;font-weight:400;margin-bottom:50px;} .course1_top1 h1 {display:block;width:100%;line-height:1.4;font-size:22px;font-weight:700;margin-bottom:30px;} .course2_top1 {width:100%;min-height:250px;background:#ffb052 url('../img/sub/course_02_02.png') right no-repeat;padding:10px 20px 0px;box-sizing:border-box;color:#fff;line-height:1.5;font-weight:400;margin-bottom:50px;} .course2_top1 h1 {display:block;width:100%;line-height:1.4;font-size:22px;font-weight:700;margin-bottom:50px;} .course3_top1 {width:100%;min-height:250px;background:#8da6ea url('../img/sub/course_03_01.png') right bottom no-repeat;padding:10px 20px 0px;box-sizing:border-box;color:#fff;line-height:1.5;font-weight:400;margin-bottom:50px;} .course3_top1 h1 {display:block;width:100%;line-height:1.4;font-size:22px;font-weight:700;margin-bottom:50px;} .pack_tap {width:100%;margin:50px 0px 30px;display:block;clear:both;overflow:hidden;} .pack_tap li {padding:20px 40px;/*border:1px solid #dfdfdf;background-color:#fff;*/text-align:center;width:32%;height:100px;margin:0px 1.3% 15px 0px;font-size:18px;line-height:1.6;word-break: keep-all;font-weight:normal;float:left;} .pack_tap li:hover {cursor:pointer} .pack_tap li:nth-child(3n) {margin-right:0px;} .pack_tap li p {text-align: center;position: relative;top: 50%;transform: translateY(-50%);width:100%;} .pack_tap .on {background-color:#004e96;color:#fff;border:1px solid #004e96;} .pack_tap .blue {background:#dfeffc;color:#333;} .pack_tap .blue_on {background:#228be6;color:#fff;font-weight:500} .pack_tap .red {background:#fee7e7;color:#333;} .pack_tap .red_on {background:#fa5252;color:#fff;font-weight:500} .pack_tap .green {background:#d7faef;color:#333;} .pack_tap .green_on {background:#12b886;color:#fff;font-weight:500} .pack_tap .yellow {background:#fff4dc;color:#333;} .pack_tap .yellow_on {background:#fab005;color:#fff;font-weight:500} .pack_tap2 {width:100%;display:block;margin-bottom:20px;overflow:hidden;} .pack_tap2 li {float:left;width:310px;height:120px;gap:25px;border:1px solid #ddd;text-align:center;padding:25px 0px 0px;border-radius:10px;margin:0px 10px 10px 0px;} .pack_tap2 li:nth-child(3n) {margin-right:0px;} .pack_tap2 li a {display:block;} .pack_tap2 .pakc_tit {color:#000;font-size:18px;font-weight:600;} .pack_tap2 dl {width:100%;text-align:center;color:#777;font-size:12px;margin-top:15px;} .pack_tap2 dt {width:100%;margin:5px 0px;} .pack_tap2 dd {width:100%;margin:5px 0px;color:#f63805} .pack_tap2 li:hover {border:2px solid #004e96;cursor: pointer;} .pack_tap2 .on {border:2px solid #004e96;} .pack_tap2 .on .pakc_tit {color:#004e96;font-size:18px;font-weight:600;} .pack_tbl01 {width:100%;border-top:2px solid rgba(0,0,0,0.1);} .pack_tbl01 th {text-align:center;padding:20px 0px;border-bottom:1px solid #dcdcdc;;color:#111;background-color:#f8f8f8;;} .pack_tbl01 td {text-align:center;padding:20px 10px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#333;background-color:#fff;line-height:1.6;} .pack_tbl01 td .money {color:#e83535;font-weight:700;font-size:15px;} .pack_sample {padding:0px 7px 2px;margin:2px 0px;display:inline-block;background-color:#009b90;color:#fff;font-size:12px;border-radius:5px;} .pack_sample:hover {background-color:#e83535;cursor:pointer;} .pack_plan {padding:0px 7px 2px;margin:2px 0px;display:inline-block;background-color:#0067b0;color:#fff;font-size:12px;border-radius:5px;} .pack_plan:hover {background-color:#e83535;cursor:pointer;} .pack_pay {clear:both;width:300px;height:50px;line-height:49px;text-align:center;background-color:#d73c2c;border-radius:10px;color:#fff;font-size:22px;font-weight:700;margin:0px auto;display:block;transition: background 0.5s ease-in-out,color 0.5s ease-in-out;} .pack_pay:hover {background:#000;color:#fffc1c;cursor:pointer;} .pack_class1 {display:inline-block;background-color:#767c88;padding:10px 50px;color:#fff;border-radius:10px 10px 0px 0px;font-size:20px;margin-left:10px;margin-top:20px;} .pack_class1_warp {width:100%;clear:both;padding:20px 15px 15px;background:#767c88;border-radius:5px;} .pack_class2 {display:inline-block;background-color:#91b9d5;padding:10px 50px;color:#fff;border-radius:10px 10px 0px 0px;font-size:20px;margin-left:10px;margin-top:20px;} .pack_class2_warp {width:100%;clear:both;padding:20px 15px 15px;background:#91b9d5;border-radius:5px;} .pack_last {width:100%;margin:50px 0px 10px 0px;clear:both;display:block;overflow:hidden;} .pack_last li {float:left;width:60%;height:100px;line-height:90px;text-align:center;font-size:18px;font-weight:700;border-style:solid;border-color:#96ABB3;} .pack_last li:nth-child(1) {border-width:4px 0px 4px 4px;} .pack_last li:nth-child(2) {width:40%;font-size:28px;color:#e83535;border-width:4px 4px 4px 0px;letter-spacing:-1px;} .pack_warning {clear:both;width:100%;padding:20px 30px;background-color:#f0f0f0;border-radius:10px;line-height:1.8;margin-bottom:50px;overflow:hidden;} .pack_warning dt {width:100%;font-weight:700} .pack_warning dd {width:100%;padding-top:15px;} .pack_warning_tri {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 20px solid #f0f0f0;margin-left:20px;font-size:0px;} .caution_tabBox{margin:20px 0;display:flex;border-left:1px solid #dcdcdc;} .caution_tablink {flex:1;flex-basis: auto;height:60px;line-height:58px;text-align:center;border-width:1px 1px 1px 0px;border-style:solid;border-color:#dcdcdc;color:#444;box-sizing:border-box;transition:all 0.5s ease-in-out;} .caution_tablink:hover {cursor: pointer;background-color:#e83535;color:#fff;border:0px;} .caution_tablink.current {background-color:#e83535;color:#fff;border:0px;} .caution_tabcontent {display: none;} .caution_tabcontent.current {display: block;width: 100%;margin-top:30px;} .join_ok_btn {display:block;width:280px;height:55px;line-height:55px;border-radius:27px;font-size:22px;color:#fff !important;text-align:center;background:#f94949;margin:50px auto 0px;transition: background 0.5s ease-in-out;} .join_ok_btn:hover {background:#3c71af;cursor: pointer;} .mp4_manual {width:100%;} .btn_open_mp4 {border:1px solid #ddd;display:inline-block;width:calc(33% - 19px);height:220px;border-radius:3px;text-align:center;margin:0px 28px 30px 0px;transition:color 0.5s ease-in-out,box-shadow 0.5s ease-in-out;vertical-align:top;} .btn_open_mp4:nth-child(3n) {margin-right:0px;} .btn_open_mp4:hover {color:#ed3636;box-shadow: 0px 0px 15px rgba(0,0,0,0.1);} .btn_open_mp4 img {width:100%;margin-bottom:25px;} .btn_open_mp4 h1 {font-weight:bold;font-size:16px;line-height:1.0;padding:0px 10px;margin:0px;} .wrap_mp4_fp {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); font-size:0; text-align:center;} .wrap_mp4_fp:after {display:inline-block; height:100%; vertical-align:middle; content:'';} .wrap_mp4_fp .pop_inner_ft {display:inline-block; padding:20px 30px;box-sizing:border-box;background:#fff; width:1060px;margin-top:50px} .wrap_mp4_fp .pop_inner_ft h1 {font-weight:bold;;line-height:1.0;padding:0px;margin:0px;width:100%;padding:10px 30px;box-sizing:border-box;background:#f4f4f4;color:#000;margin-bottom:20px;} .btn_close_mp4 {width:70px;height:30px;line-height:30px;background:#000;color:#fff !important;font-size:13px;font-weight:400;text-align:center;border:0px;border-radius:5px;display:inline-block;margin-top:30px;} .btn_go_creditbank {clear:both;width:390px;height:40px;line-height:39px;border:1px solid #ddd;text-align:center;margin:30px auto 0px;display:block;transition: background 0.5s ease-in-out} .btn_go_creditbank:hover {cursor: pointer;background:#f4f4f4;} /* tab css */ .allWrap{width: 100%;margin:0 auto;} .tabBox{margin:20px 0} .tab-link{width:250px;display: inline-block;padding:10px;text-align:center;background-color:#ddd;cursor: pointer;font-size:14px;} .tab-link.current{background-color: #fff;border-width:1px 1px 0px 1px;border-style:solid;border-color:#ddd;font-weight: 600;color:#333;font-size:18px;} .tab-content{display: none;} .tab-content.current{display: block;width: 100%;} /* 학습지원 센터 */ .sub_top_support {width:100%;height:200px;clear:both;background:url('../img/sub/topimg_support.png') center no-repeat;text-align:center;} .schedule_warp {width:100%;clear:both;display:inline-block;overflow:hidden;margin:15px 0px 20px 0px;} .schedule_warp li {float:left;width:50%;overflow:hidden;display:inline-block;} .schedule_warp .monthly1 {width:364px;border:1px solid #dcdcdc;} .schedule_warp .monthly1 th {padding:10px;} .schedule_warp .monthly1 th:nth-child(1) {color:#e83535;} .schedule_warp .monthly1 th:nth-child(7) {color:#60a0ee} .schedule_warp .monthly1 td {padding:10px;color:#444;text-align:center;} .schedule_warp .monthly1 td:nth-child(1) {color:#e83535;} .schedule_warp .monthly1 td:nth-child(7) {color:#60a0ee} .schedule_warp .monthly1 caption {width:100%;height:41px;padding-top:9px;text-align:center;background-color:#0067b3;color:#fff;font-weight:bold;} .schedule_warp .monthly1 caption span {width:18px;height:18px;text-align:center;color:#0067b3;background-color:rgba(255,255,255,0.5);margin:0px 30px;font-size:8px;border-radius:9px;display:inline-block;padding-top:1px;position:relative;top:-2px;} .schedule_warp .monthly2 {width:364px;border:1px solid #dcdcdc;} .schedule_warp .monthly2 th {padding:10px;} .schedule_warp .monthly2 th:nth-child(1) {color:#e83535;} .schedule_warp .monthly2 th:nth-child(7) {color:#60a0ee} .schedule_warp .monthly2 td {padding:10px;color:#444;text-align:center;} .schedule_warp .monthly2 td:nth-child(1) {color:#e83535;} .schedule_warp .monthly2 td:nth-child(7) {color:#60a0ee} .schedule_warp .monthly2 caption {width:100%;height:41px;padding-top:9px;text-align:center;background-color:#444;color:#fff;font-weight:bold;} .schedule_warp .monthly3 {width:100%;border-top:2px solid #3c3c3c;} .schedule_warp .monthly3 th {height:40px;text-align:center;padding:10px 10px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#1d1d1d;background-color:#f8f8f8;} .schedule_warp .monthly3 td {height:40px;text-align:left;padding:10px 10px 10px 20px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#333;} .schedule_view {clear:both;width:100%;background-color:#f0f4f7;padding:0px 30px 30px;overflow:hidden;} .schedule_view table {width:100%;border-top:2px solid #3c3c3c;margin:10px 0px 20px;} .schedule_view th {padding:20px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#1d1d1d;background-color:#f8f8f8;text-align:left;} .schedule_view th .time {clear:both;width:100%;font-weight:400;color:#444;margin-top:15px;word-spacing:4px;} .schedule_view th .time span {margin:0px 20px;font-size:10px;;color:#a7a7a7;position:relative;top:-2px;} .schedule_view td {padding:20px;border-bottom:1px solid #dcdcdc;font-weight:400;color:#444;text-align:left;line-height:1.8;background-color:#fff;} .remote {clear:both;width:100%;padding:20px 15px 20px 250px;background:#e5f4f8 url('../img/sub/remote_img01.png') 40px 60px no-repeat;line-height:1.6;margin-top:50px;color:#444;} .remote h1 {font-size:20px;display:block;font-weight:700;margin-bottom:10px;color:#333;} .remote p {width:95%;clear:both;margin-top:20px;background-color:#fff;padding:15px 25px;color:#444;text-align:left;display:inline-block;border-radius:7px;} .remote2 {clear:both;width:100%;margin-top:50px;overflow:hidden;} .remote2 li {float:left;width:calc(25% - 14px);height:210px;margin-right:14px;border:2px solid #dcdcdc;text-align:center;padding:25px 15px;;;line-height:1.4} .remote2 li:nth-child(4) {width:25%;margin-right:0px;} .remote2 li img {display:block;margin:0px auto 25px;} .certi_warp {width:100%;clear:both;margin:40px 0px 20px;display:block;overflow:hidden;} .certi_warp li {float:left;display:inline-block;width:30.333333%;height:405px;background-color:#617693;color:#d7dbe1;font-size:14px;line-height:1.4;margin:0px 1.5%;box-sizing:border-box;padding:0px 15px;} .certi_warp li div {width:100%;height:280px;background-color:#fff;padding:30px 20px;margin:15px auto 20px;text-align:center;;color:#444;line-height:1.4;border-radius:3px;} .certi_warp li div img {display:block;margin:0px auto 25px;} .certi_warp li div h1 {font-size:22px;line-height:1.0;margin-bottom:20px;color:#617693;;} .certi_warp li span {display:block;width:100%;margin-bottom:10px;font-size:15px;} /* 상담지원센터 */ .sub_top_reference {width:100%;height:200px;clear:both;background:url('../img/sub/topimg_reference.png') center no-repeat;text-align:center;} .refer_form1 {width:100%;height:30px;border:1px solid #dcdcdc;background-color:#fff;color:#444;padding:0px 10px;} .refer_form2 {width:30%;height:30px;border:1px solid #dcdcdc;background-color:#fff;color:#444;padding:0px 10px;} .refer_bar {width:4.5%;height:30px;text-align:center;display:inline-block;} .plan {clear:both;width:100%;padding:20px 35px 20px 220px;background:#eaeef2 url('../img/sub/plan_img01.png') -10px 30px no-repeat;line-height:1.6;margin-top:50px;color:#444;} .plan h1 {font-size:24px;line-height:1.4;margin-bottom:12px;color:#5b7190;} .plan p {clear:both;width:100%;display:inline-block;background:url('../img/sub/blt_blue.png;') 0px 16px no-repeat;padding:7px 0px 7px 20px;} .plan_warp1 {width:100%;clear:both;margin:50px 0px 20px;display:inline-block;} .plan_warp1 li{float:left;width:196px;height:190px;margin-right:22px;background-color:#5b7190;text-align:center;padding:10px;} .plan_warp1 li:nth-child(4) {margin-right:0px;} .plan_warp1 li .top {width:100%;height:70px;color:#fff;;padding:10px 15px;margin-bottom:10px;;} .plan_warp1 li .ftn {width:100%;height:90px;background-color:#fff;color:#333;padding:15px;color:#444;} .plan_warp1 li:hover {background-color:#0067b3;cursor:pointer;} .view_answer {clear:both;width:100%;margin:30px 0px;background-color:#ecf2f6;border:1px solid #b3d5ed;padding:20px 30px 30px;color:#595959;;border-radius:20px 0px 0px 0px;} .view_answer .time {clear:both;width:100%;font-weight:400;color:#444;margin-top:-70px;word-spacing:4px;text-align:right;} .view_answer .time span {margin:0px 20px;font-size:10px;;color:#a7a7a7;position:relative;top:-2px;} .view_answer .tit1 {clear:both;width:90px;height:75px;line-height:58px;/*background-color:#0067b3;*/background:url('../img/sub/view_icon01.png') left no-repeat;color:#fff;text-align:center;;;position:relative;top:-30px;left:-40px;} .view_answer .blank {width:100%;height:30px;clear:both;font-size:0px;} .view_answer img {margin:10px 0px;max-width:100%;clear:both;} /* 2021.06.20 추가 */ .ex_process {width:100%;clear:both;margin-top:40px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:30px 0px;overflow:hidden;} .ex_process dt {clear:both;float:left;width:15%;display:inline-block;overflow:hidden;padding:10px 0px 0px 20px;} .ex_process dd {float:right;width:85%;display:inline-block;line-height:1.8;overflow:hidden;} .ex_process dd .tit {clear:both;width:100%;display:inline-block;;font-size:20px;margin-bottom:10px;color:#0067b3;} .ex_process hr {clear:both;width:100%;height:1px;border:0px;background-color:#dcdcdc;margin:30px 0px;display:inline-block;} .ex_guide1 {width:100%;clear:both;display:inline-block;margin-top:30px;overflow:hidden;} .ex_guide1 li {float:left;width:175px;height:150px;margin-right:65px;border-radius:15px;text-align:center;padding-top:60px;font-size:20px;} .ex_guide1 li:nth-child(1) {border:2px solid #9b9b9b;margin-right:20px;padding-top:40px} .ex_guide1 li:nth-child(2) {border:2px solid #9b9b9b;padding-top:25px;} .ex_guide1 li:nth-child(3) {border:2px solid #60a0ee} .ex_guide1 li:nth-child(4) {border:2px solid #e83535;margin-right:0px;color:#e83535;font-size:24px;font-weight:600;padding-top:50px;} .ex_arrow {clear:both;position:relative;top:-100px;left:395px;width:20px;} .ex_arrow2 {clear:both;position:relative;top:-100px;left:610px;width:20px;} .ex_guide2 {width:100%;clear:both;clear:both;display:inline-block;margin-top:0px;line-height:1.8;border-radius:10px;background-color:#f8f8f8;padding:20px 30px;} .ex_guide2 b {font-size:24px;width:100%;clear:both;margin-bottom:20px;display:block;} .ex_guide2 p {;width:100%;clear:both;margin:15px 0px 5px 0px;display:block;color:#129679;} .ex_ship1 {width:100%;clear:both;overflow:hidden;} .ex_ship1 li {width:100%;clear:both;background:url('../img/sub/ex_ship.png') 0px 17px no-repeat;background-size:20px;padding:10px 0px 10px 40px;font-size:22px;;} .ex_ship2 {clear:both;width:100%;padding:20px 15px 20px 220px;background:#f7f7fc url('../img/sub/certi_img03.png') 50px 50px no-repeat;line-height:1.6;margin-top:50px;color:#444;} .ex_ship2 h1 {font-size:20px;display:block;font-weight:700;margin-bottom:10px;color:#333;} .ex_ship2 p {margin:5px 0px;background:url('../img/sub/dot_blue.png') left 8px no-repeat;background-size:6px;padding-left:15px;width:100%;clear:both;display:inline-block;} .ex_txt1 {width:200px;margin-bottom:10px;display:inline-block;} .urge_btn_g {width:100%;height:24px;line-height:22px;background-color:#40c8a7;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;} .urge_btn_b {width:100%;height:24px;line-height:22px;background-color:#5a95e5;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;} .urge_btn_r {width:100%;height:24px;line-height:22px;background-color:#f56856;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;} .urge_btn_k {width:100%;height:24px;line-height:22px;background-color:#626a72;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;} .urge_btn_g2 {height:24px;line-height:22px;padding:0px 10px;background-color:#40c8a7;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;border:0px;} .urge_btn_b2 {height:24px;line-height:22px;padding:0px 10px;background-color:#5a95e5;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;border:0px;} .urge_btn_r2 {height:24px;line-height:22px;padding:0px 10px;background-color:#f56856;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;border:0px;} .urge_btn_k2 {height:24px;line-height:22px;padding:0px 10px;background-color:#626a72;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;border:0px;} .urge_btn_k2_1 {height:24px;line-height:22px;padding:0px 10px;background-color:#ececec;color:#fff;text-align:center;font-size:12px;font-weight:400;display:inline-block;border-radius:3px;border:0px;} .nospam {width:400px;height:300px;clear:both;border-width:50px 7px 7px 7px;border-style:solid;border-color:#60a0ee;padding:10px 30px 30px;;line-height:1.6;color:#444;} .nospam .logo {width:160px;display:block;position:absolute;top:15px;left:15px;} .nospam h1 {font-size:18px;font-weight:700;width:100%;clear:both;margin:20px 0px;text-align:left;border-left:3px solid #60a0ee;line-height:0.9;padding-left:10px;color:#333;} .nospam h2 {font-size:18px;font-weight:700;width:100%;clear:both;margin:0px 0px;padding:0px;text-align:left;line-height:0.9;color:#fff;position:relative;top:-45px;left:-20px;opacity: 0.5;} .agree_box {overflow-y:scroll; width:100%; height:300px;margin-top:30px;border:1px solid #ddd;padding:0px 10px 10px;} .warning_txt1 {color:red;margin-top:15px;display:block;} /* 텍스트 비주얼 - TYPE A */ .visual .list .slide_typeA .visual_img{width: 100%; height: 940px; background-position: center top; color: transparent; font-size: 1px; background-size: cover;} .visual .list .slide_typeA .visual_img:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.65);} .visual .list .slide_typeA .textbox{position:absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 1200px; margin: 80px 0 0 80px; text-align: left; font-family: 'GmarketSans';font-weight:300; text-shadow: 2px 3px 6px rgba(0,0,0,0.1)} .visual .list .slide_typeA .textbox .title_txt{display: inline-block; padding: 12px 15px 10px; color: #fff; font-size: 20px; border: 1px solid #fff;} .visual .list .slide_typeA .textbox .title_txt_small {font-size: 18px; color: #fff;} .visual .list .slide_typeA .textbox .title_txt_small strong {font-size: 21px;} .visual .list .slide_typeA .textbox .title_sub {padding-top: 30px; font-size: 26px; color: #fff;font-family: 'GmarketSans';font-weight:300;} .visual .list .slide_typeA .textbox .title_sub:before{display:block; position:absolute; top: 30px; left: 50%; width: 2px; height:60px; background: #fff;} .visual .list .slide_typeA .textbox .title {margin-top: 15px; color: #fff; font-size: 82px; font-family: 'GmarketSans';font-weight:900;} .visual .list .slide_typeA > .textbox > .more_btn {display:inline-block; width: 260px; height: 54px; line-height: 54px; border: 2px solid #fff; border-radius: 102px; margin-top: 23px; text-shadow: none;} .visual .list .slide_typeA > .textbox > .more_btn > a {display:inline-block; width: 100%; color:#fff; font-size: 17px; text-decoration:none;} .visual .list .slide_typeA > .textbox > .more_btn > a i {display: inline-block; margin: 0 0 7px 3px; width: 30px; height: 30px; line-height: 30px; background:url(/images/icon/main_bottom_btn_img01.png) no-repeat; background-size: 100%; vertical-align: middle;} .visual .list .slide_typeA > .textbox > .more_btn > a:hover {background: rgba(0,0,0,0.5); border-radius: 102px;} /* certifi css */ .certi_tbl1 {width:100%;border-top:2px solid #3c3c3c;} .certi_tbl1 th {text-align:center;padding:15px 0px;border-width:0px 1px 1px 1px;border-style:solid;border-color:#dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;font-size:15px;} .certi_tbl1 td {text-align:center;padding:15px 5px;border-width:0px 1px 1px 1px;border-style:solid;border-color:#dcdcdc;color:#444;line-height:1.4;} .certi_tbl1 caption {display:none;} .certi_tbl2 {width:100%;border-top:2px solid #3c3c3c;margin-top:50px} .certi_tbl2 th {text-align:center;padding:10px 0px;border-width:0px 1px 1px 1px;border-style:solid;border-color:#dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;font-size:15px;} .certi_tbl2 td {text-align:center;padding:5px;border-width:0px 1px 1px 1px;border-style:solid;border-color:#dcdcdc;color:#444;line-height:1.4;} .certi_tbl2 caption {display:none;} /* 수강신청 추가 23.04.11 */ .course_add {position: relative; /* 기본 위치 */width:100%;background:#fff;padding:10px 20px;box-sizing:border-box;border:1px solid rgba(30,163,240,0.3);margin-top:30px;overflow:hidden;border-radius:3px;} .course_add.fixed {position: fixed; /* 최상단 고정 */top: 0px;width:100%;max-width:1200px;z-index:111;margin-top:0px;} .course_add h1 {display:block;width:100%;line-height:1.0;margin-bottom:15px;font-size:18px;font-weight:600;;color:#000;padding:0px;} .course_add h1 span {display:inline-block;float:right;width:130px;height:50px;line-height:50px;background:#f04e4e;color:#fff;text-align:center;font-size:16px;font-weight:500;border-radius:5px;margin:0px 0px 10px 0px;transition: background 0.5s ease-in-out} .course_add h1 span:hover {cursor: pointer;background-color:#ff6a28;} .course_add div {display:inline-block;padding:7px 20px 7px 10px;background:#f8f8f8;border-radius:4px;margin:0px 15px 10px 0px;font-size:0.857;color:#333;} .course_add div span {display:inline-block;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;background:#aaa;color:#fff;font-weight:500;margin-right:10px;} .course_add div span:hover {cursor:pointer;background:#888;} /*.course_add div span {display:inline-block;width:5px;height:5px;border-radius:50%;background:#60a0ee;margin-right:7px;font-size:0px;vertical-align:top;margin-top:5;}*/ .deadline {position:relative;top:3px;left:7px;} /* 강좌바구니담기 깜밖임 btn*/ .blinking2{-webkit-animation:blink 0.6s ease-in-out infinite alternate;-moz-animation:blink 0.6s ease-in-out infinite alternate;animation:blink 0.6s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0.7;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0.7;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0.7;} 100% {opacity:1;} } /* 프로모션 & 랜딩 하단 공동 css */ .warning {width:100%;padding:70px 20px;text-align:center;display:block;} .warning img {width:100%;max-width:1250px;} .tel_landing {width:100%;background:#bf375d;padding:20px 20px;text-align:center;display:block;} .tel_landing img {width:100%;max-width:1100px;} .consult_landing {width:100%;background:#ffbf00 url('../img/landing/consult_bg.png') top center no-repeat;padding:100px 20px;text-align:center;display:block;overflow:hidden;} .consult_landing .tit {width:100%;max-width:890px;} .consult_landing div {width:100%;max-width:1100px;margin:50px auto 0px;display:block;overflow:hidden;} .consult_landing ul {width:100%;margin:0px;} .consult_landing li {float:left;width:100%;padding:5px 0px;box-sizing:border-box;text-align:left;} .consult_landing li table {width:100%;border-top:2px solid #3c3c3c;border-left:1px solid #dcdcdc;} .consult_landing li th {text-align:center;padding:20px 0px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;;} .consult_landing li td {text-align:center;padding:20px 10px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;color:#444;background-color:#fff;line-height:1.6;} .consult_landing .form1 {width:100%;height:60px;background:#fff;border-radius:5px;border:none;text-align:center;} .consult_landing .form2 {width:30%;height:60px;background:#fff;border-radius:5px;border:none;text-align:center;} .consult_landing .form3 {width:20px;height:20px;background:#fff;border-radius:3px;border:none;text-align:center;margin:0px 10px 0px 0px;position:relative;top:2px;} .consult_landing .form4 {display:block;width:80%;height:80px;line-height:80px;border-radius:40px;border:0;text-align:center;background:#ffe599;color:#000;font-size:30px;font-family: 'GmarketSans';font-weight:900;box-shadow: 3px 3px 5px rgba(0,0,0,0.2);margin:30px auto 0px;transition: background 0.5s ease-in-out,color 0.5s ease-in-out;} .consult_landing .form4:hover {background:#ff7e00;color:#fff;cursor: pointer;} .consult_landing .form5 {width:100%;height:200px;background:#fff;border-radius:5px;border:none;text-align:center;} .consult_landing .dash {width:4.0%;height:50px;display:inline-block;text-align:center;margin:0px auto;padding:0px;box-sizing:border-box;} .consult_landing p {display:block;clear:both;margin-top:20px;text-align:center;font-size:18px;} .consult_landing img {width:90%;max-width:600px;} .consult_landing #toc-content {display: none;} .consult_landing #toc-toggle {cursor: pointer;color: #fff;margin-left:10px;} .consult_landing #toc-toggle:hover {text-decoration: underline;} /* 실습자료실 */ .training_form1 {float:right;width:330px;height:40px;border:1px solid #ddd;padding:0px 5px;} .training_txt1 {float:left;vertical-align:middle;margin-top:8px;} .training_tab_wrap {width:100%;text-align:center;margin:30px 0px;} .training_tab_wrap div {width:250px;height:45px;line-height:45px;text-align:center;color:#fff;display:inline-block;margin:0px 7px;transition: background 0.5s ease-in-out,color 0.5s ease-in-out; } .training_tab_wrap div:nth-child(1) {border:1px solid #aaa;color:#333;} .training_tab_wrap div:nth-child(1):hover {background:#f4f4f4;cursor:pointer;} .training_tab_wrap div:nth-child(2) {background:#5a6069;} .training_tab_wrap div:nth-child(2):hover {background:#000;cursor:pointer;} .training_tab_wrap div:nth-child(3) {background:#0098ff;} .training_tab_wrap div:nth-child(3):hover {background:#0c6cce;cursor:pointer;} .training_tab_wrap div a {display:block;} .training_map_wrap {width:100%;height:450px;border:1px solid #ddd;margin:50px auto 70px;} .training_tbl {width:100%;border-top:2px solid #3c3c3c;margin:15px 0px;border-left:1px solid #dcdcdc;} .training_tbl th {text-align:center;padding:15px 0px;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;font-size:15px;} .training_tbl td {text-align:center;padding:10px;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;color:#444;background-color:#fff;line-height:1.6;word-break: keep-all;} .training_tbl tr:hover td {background:#f4f4f4;} .training_btn01 {width:100%;background:#333;border:1px solid #333;color:#fff;width:90px;height:32px;line-height:31px;text-align:center;margin:0px auto;font-size:13px;font-weight:400;transition: background 0.5s ease-in-out,color 0.5s ease-in-out;} .training_btn01 a {display:block;} .training_btn01:hover {background:#000;cursor:pointer;} .training_btn02 {width:100%;background:#fff;color:#333;border:1px solid #333;width:90px;height:32px;line-height:31px;text-align:center;margin:0px auto;font-size:13px;font-weight:500;transition: background 0.5s ease-in-out,color 0.5s ease-in-out;} .training_btn02:hover {background:#000;color:#fff;cursor:pointer} .training_btn02 a {display:block;} .training_txt2 {width:100%;display:block;overflow:hidden;margin:10px 0px 0px;border-left:1px solid #ddd;} .training_txt2 dt {float:left;width:50%;text-align:center;padding:10px 20px;background:#f8f8f8;font-weight:600;border-width:1px 1px 1px 0px;border-style:solid;border-color:#ddd;line-height:1.6;} .training_txt2 dd {float:left;width:50%;text-align:center;padding:10px 20px;border-width:0px 1px 1px 0px;border-style:solid;border-color:#ddd;} .practice_photo {width:100%;height:180px;margin-bottom:15px;overflow:hidden;} .practice_photo img {height:180px;} .filebox {display:inline-block;} .filebox label { display: inline-block;padding: .5em .75em;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;} .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}/* 파일 필드 숨기기 */ .practice_btn1 {display:inline-block;float:right;background:#000;color:#fff;padding:7px 20px;font-size:12px;font-weight:normal;vertical-align:top;border-radius:2px;transition: background 0.5s ease-in-out,color 0.5s ease-in-out; } .practice_btn1:hover {background:#d73c2c;cursor: pointer;} .practice_sign {float:right;border-bottom:1px solid #ddd;display:inline-block;clear:both;padding:10px 10px 5px;position:relative;} .practice_sign2 {font-family: "Nanum Brush Script", cursive;position:absolute;top:-10px;right:0px;z-index:2;color:#000;font-size:34px;} .practice_sign3 {font-family: "Nanum Brush Script", cursive;position:absolute;top:65px;left:calc(50% + 30px);z-index:2;color:#000;font-size:34px;} .practice_sign4 {color:#9c9c9c;margin-left:120px;display:inline-block;} @import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap'); /*실습 프로필 사인용 폰트*/ .practice_radio {width:15px;height:15px;background-color:#fff;border:1px solid #dcdcdc;border-radius:10px;margin:0px 10px 0px 0px;position:relative;top:2px;} .practice_radio2 {width:15px;height:15px;background-color:#fff;border:1px solid #dcdcdc;border-radius:10px;margin:0px 10px 0px 40px;position:relative;top:2px;} /* 등록시 주의사항 레이어팝업 */ #popupBtn_warn {cursor: pointer;} #modalWrap_warn { position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgba(0,0,0,0.4); /*Black w/ opacity */ display: none; } #modalBody_warn {display:block;width:500px;padding:30px 30px;box-sizing:border-box;margin:0px auto;border:2px solid #bfd7ff;background-color: #fff;overflow:hidden;} #modalBody_warn > h1 {clear:both;display:block;width:100%;font-size:18px;font-weight:bold;padding:0px;margin:0px 0px 25px 0px;color:#000} #modalBody_warn dl {width:100%;clear:both;display:block;} #modalBody_warn dt {clear:both;display:block;width:100%;color:#000;font-weight:bold;margin:30px 0px 10px;} #modalBody_warn dd {clear:both;display:block;width:100%;line-height:1.6;margin:5px 0px;font-size:13px;color:#777;} #closeBtn_warn {display:block;width:100px;height:40px;line-height:40px;text-align:center;margin:10px auto 0px;font-weight: bold;color: #fff;font-size:14px;cursor: pointer;background:#0d4098;border-radius:5px;} /*무료학습설계*/ .abil_form1 {width:15px;height:15px;margin-right:6px;position:relative;top:2px} .abil_form2 {width:15px;height:15px;margin-right:6px;position:relative;top:2px} .abil_form3 {width:100%;height:250px;padding:5px;border:1px solid #ddd;} .abil_form4 {width:150px;height:30px;padding:5px;border:1px solid #ddd;margin:0px 10px;background:#fff;} .abil_txt1 {margin-right:30px;} .abil_txt2 {width:100%;padding:30px 20px;text-align:center;border:2px solid #004e96;background:rgba(0,78,150,0.05);color:#333;margin-top:50px;} .abil_txt3 {font-size:12px;color:#e72626;margin-top:37px;font-weight:500;} .abil_txt2 > h1 {display:block;width:100%;margin:0px 0px 20px;font-size:18px;font-weight:500;} .abil_ok {display:inline-block;height:30px;line-height:30px;background:#1a80c3;color:#fff;padding:1px 20px;border-radius:3px;display:inline-block;font-size:14px;font-weight:500;cursor: pointer;} .abil_go {float:right;background:#1a80c3;color:#fff !important;padding:7px 40px;border-radius:5px;display:inline-block;font-size:14px;font-weight:500;} .abil_go{ -webkit-animation: blink_go 0.5s ease-in-out infinite alternate; -moz-animation: blink_go 0.5s ease-in-out infinite alternate; animation: blink_go 0.5s ease-in-out infinite alternate; } @-webkit-keyframes blink_go { 0% {opacity: 0.5;} 100% {opacity: 1;} } @-moz-keyframes blink_go{ 0% {opacity: 0.5;} 100% {opacity: 1;} } @keyframes blink_go{ 0% {opacity: 0.5;} 100% {opacity: 1;} } /*오리엔테이션 추가 24.05.14 .orien_wrap {width:100%;max-width:1200px;background:#005183 url('../img/sub/orien_bg.png') top right no-repeat;padding:15px 15px 20px;box-sizing:border-box;font-weight:500;overflow:hidden;margin-top:50px;border-radius:5px;} .orien_wrap h1 {font-family: 'GmarketSans';font-weight:900;clear:both;display:block;width:100%;line-height:1.0;font-size:48px;color:#fff;margin-bottom:10px;} .orien_wrap h2 {clear:both;display:block;width:calc(100% - 370px);line-height:1.3;color:#fff;font-weight:500;word-break: keep-all;} .orien_wrap h2 p {clear:both;font-size:12px;font-weight:400;} .orien_wrap h2 span {color:#ff7521;}r .orien_wrap ul {clear:both;width:100%;display:block;max-width:870px;margin-top:15px;} .orien_wrap ul li {display:inline-block;float:left;width:calc(50% - 10px);height:76px;padding:15px 10px 0px 20px;box-sizing:border-box;background:#fff;color:#333;font-size:18px;font-weight:500;letter-spacing:-1px;text-align:left;border-radius:10px;margin:5px 10px 5px 0px;position:relative;} .orien_wrap ul li span {color:#ff7521;font-weight:700;} .orien_wrap ul li .btn_orien_on {width:90px;padding:20px 0px;text-align:center;color:#fff;font-size:14px;background:#3e7ee9;border-radius:5px;border:0px;position:absolute;top:10px;right:10px;transition:all 0.5s ease-in-out;} .orien_wrap ul li .btn_orien_on:hover {cursor: pointer;background:#ff7521;} .orien_wrap ul li .btn_orien_off {width:90px;padding:20px 0px;text-align:center;color:#fff;font-size:14px;background:#666;border-radius:5px;border:0px;position:absolute;top:10px;right:10px;transition:all 0.5s ease-in-out;} .orien_wrap ul li .btn_orien_off:hover {cursor: pointer;background:#333;} .orien_wrap dl {clear:both;display:block;width:100%;max-width:295px;margin:16px 0px 0px;line-height:1.0;} .orien_wrap dl dt {width:45px;float:left;display:inline-block;font-size:12px;padding:0px;color:#666;border-right:1px solid #dcdcdc;} .orien_wrap dl dd {width:calc(100% - 60px);float:right;display:inline-block;font-size:11px;padding:0px;position:relative;top:0px;color:#999} .orien_wrap #progress {appearance: none;margin:0px 10px;position:relative;top:-1px;width:calc(100% - 50px)} .orien_wrap #progress::-webkit-progress-bar {background: #f0f0f0;border-radius: 2px;border: 1px solid #eeeeee;height: 5px;width:100%;overflow: hidden;margin:0px auto;} .orien_wrap #progress::-webkit-progress-value {background: #ff3737;border-radius: 0px;height: 5px;width: 100%;} */ /*오리엔테이션 추가 24.08.13*/ .orien_wrap {width:100%;max-width:1200px;background:#00388c;padding:0px 50px 30px;box-sizing:border-box;font-family: 'Noto Sans KR';font-weight:500;border-radius:5px;overflow:hidden;margin-top:20px;} .orien_wrap h1 {font-family: 'GmarketSansBold';display:inline-block;width:400px;line-height:1.0;font-size:44px;color:#fff;} .orien_wrap h2 {float:right;display:inline-block;width:calc(100% - 400px);line-height:1.6;font-size:16px;color:#fff;font-family: 'Noto Sans KR';font-weight:500;margin-top:24px;} .orien_wrap h2 p {clear:both;font-size:12px;font-weight:400;} .orien_wrap h2 span {color:#fffd36;} .orien_wrap ul {clear:both;width:100%;display:block;} .orien_wrap ul li {display:inline-block;float:left;width:100%;height:76px;padding:15px 10px 20px 20px;box-sizing:border-box;background:#fff;color:#333;font-size:18px;font-weight:500;text-align:left;border-radius:10px;position:relative;} .orien_wrap ul li .btn_orien_on {font-family: "Noto Sans KR";width:200px;padding:20px 0px;text-align:center;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;background:#ff9728;border-radius:5px;border:0px;position:absolute;top:10px;right:10px;transition:all 0.5s ease-in-out;} .orien_wrap ul li .btn_orien_on:hover {cursor: pointer;background:#00388c;} .orien_wrap ul li .btn_orien_off {font-family: "Noto Sans KR";width:200px;padding:20px 0px;text-align:center;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;background:#666;border-radius:5px;border:0px;position:absolute;top:10px;right:10px;transition:all 0.5s ease-in-out;} .orien_wrap ul li .btn_orien_off:hover {cursor: pointer;background:#333;} .orien_wrap dl {clear:both;display:block;width:100%;max-width:calc(100% - 220px);margin:16px 0px 0px;line-height:1.0;} .orien_wrap dl dt {width:45px;float:left;display:inline-block;font-size:12px;padding:0px;color:#666;border-right:1px solid #dcdcdc;} .orien_wrap dl dd {width:calc(100% - 60px);float:right;display:inline-block;font-size:11px;padding:0px;position:relative;top:0px;color:#999} .orien_wrap #progress {appearance: none;margin:0px 10px;position:relative;top:1px;width:calc(100% - 60px)} .orien_wrap #progress::-webkit-progress-bar {background: #f0f0f0;border-radius: 5px;border: 1px solid #eeeeee;height: 10px;width:100%;overflow: hidden;margin:0px auto;} .orien_wrap #progress::-webkit-progress-value {background: #ff3737;border-radius: 0px;height: 5px;width: 100%;} /*간편인증*/ .easy_log dl {width:100%;clear:both;} .easy_log dd {width:calc(50% - 5px);margin-right:10px;float:left;margin-bottom:20px;} .easy_log dd:nth-child(2) {margin-right:0px;border:1px solid #FF5858;padding:12px 5px;box-sizing:border-box;border-radius:7px;text-align:center;} .easy_log dd:nth-child(2):hover {background:#f6f6f6;cursor: pointer;} .easy_log dd:nth-child(2) h2 {text-align:center;margin:0px 0px 10px 0px;color:#000;font-weight:600;font-size:18px;} .easy_log dd:nth-child(2) img {margin:10px 2px 0px;} .cert_entry {margin-top:10px;width:100%;overflow:hidden;border:3px solid #ddd;text-align:center;padding:30px 30px 20px;display:none} .cert_entry h1 {width:100%;display:block;text-align:center;font-size:24px;font-weight:bold;color:#000;padding:0px;margin:0px 0px 30px 0px;} .cert_entry section {clear:both;width:90%;margin:10px auto;overflow:hidden;text-align:center;} .btn_cert_write {width:170px;height:35px;line-height:35px;color:#fff;font-weight:bold;background:#FB3232;border-radius:5px;margin-left:10px;display:inline-block;} .btn_cert_install {width:180px;height:35px;line-height:35px;color:#fff;background:#4f669d;border-radius:5px;border:0px;margin-left:10px;display:inline-block;cursor: pointer;} .cert_form1 {width:calc(100% - 375px);background:#fff;border:1px solid #ddd;border-radius:3px;float:left;height:35px;padding:0px 10px;box-sizing:border-box;} /*footer 빠른 상담*/ .advice_ft {position:fixed;bottom:0px;right:0px;width:250px;z-index:3;overflow-y:auto;transition: bottom .3s ease-in-out;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .advice_ft.on {bottom: -250px;} .advice_ft {-ms-overflow-style: none;} .advice_ft::-webkit-scrollbar {display:none;} .on_off_advice_btn {display: block;border:0px;background:none;} .on_btn_advice:before{content:"빠른 학습상담 신청하기";position:fixed;bottom:0px;left:calc(100% - 250px);width:250px;height:44px;line-height:44px;padding:0px 15px;color:#fff;text-align:left;font-weight:600;font-family: 'SCoreDream';border-radius:10px 0px 0px 0px;background:#005183 url('/home/common/img/btn_open.png') 218px 11px no-repeat;background-size:22px;border: 0;transition: bottom 0.3s ease-in-out;z-index:4;} .off_advice_btn:before{content:"";position:fixed;bottom:246px;right:10px;width:22px;height:22px;border: 0;transition:bottom .3s ease-in-out;z-index:4;background:url('/home/common/img/btn_closed.png') center no-repeat;} .advice_ft h1 {width:100%;padding:15px 15px;margin:0px;text-align:left;line-height:1.0;background:#005183;color:#fff;border-radius:10px 0px 0px 0px;position:relative;font-size:20px;font-weight:600;} .advice_ft dl {width:100%;clear:both;display:block;background:#fff;overflow:hidden;padding:10px;box-sizing:border-box;} .advice_ft dl dd {margin:6px 0px;font-size:13px;font-weight:400;line-height:1.6;} .advice_ft .adv_form1 {width:100%;height:26px;border:1px solid #ddd;padding:0px 5px;} .advice_ft .adv_form2 {width:32%;height:26px;border:1px solid #ddd;padding:0px 5px;} .advice_ft .adv_form3 {width:14px;height:14px;border:1px solid #ddd;margin-right:5px;position:relative;top:2px;} .advice_ft .btn_advsend {width:100%;padding:10px;text-align:center;color:#fff;background:#333;transition:all 0.5s ease-in-out;font-size:15px;} .advice_ft .btn_advsend:hover {background:#005183;cursor: pointer;} .btn_open_advice{display:inline-block;margin-left:5px;} .pop_wrap_advice{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); font-size:0; text-align:center;z-index:5;} .pop_wrap_advice:after{display:inline-block; height:100%; vertical-align:middle; content:'';} .pop_wrap_advice .pop_advice_wrap {display:inline-block; padding:30px 30px; background:#fff; width:100%;max-width:800px; vertical-align:middle; font-size:16px;font-weight:500;z-index:6;text-align:left;} .pop_wrap_advice .pop_advice_wrap h1 {clear:both;width:100%;font-size:18px;color:#000;text-align:center;font-weight:600;margin:0px 0px 35px;line-height:1.0;background:#fcbd18;padding:10px 0px;} .pop_wrap_advice .pop_advice_wrap p {width:100%;padding-left:15px;margin:7px 0px 20px;line-height:1.5;text-align:left;font-weight:400;} .pop_wrap_advice .pop_advice_wrap .btn_close_advice {border:1px solid #555;clear:both;display:block;padding:10px 20px;margin:20px auto 0px;border-radius:3px;} .pop_wrap_advice .pop_advice_wrap .btn_close_advice:hover {background:#555;color:#fff;} /*로그인 팝업 박스*/ .popup_box_new {} .popup_box_new ul {clear:both;width:100%;width:900px;} .popup_box_new ul li {float:left;display:inline-block;width:420px;height:330px;padding:125px 40px 0px 25px;box-sizing:border-box;} .popup_box_new ul li:nth-child(1) {background:url('/home/common/img/popup/pop_old.png') no-repeat;} .popup_box_new ul li:nth-child(2) {background:url('/home/common/img/popup/pop_new.png') no-repeat;} .popup_box_new ul li h1 {color:#fff;font-size:22px;line-height:1.3;padding:0px;margin:0px 0px 10px 0px;text-align:left;font-family: 'GmarketSans';font-weight:900;} .popup_box_new ul li h2 {color:#fff;font-size:14px;line-height:1.4;padding:0px;margin:0px 0px 10px 0px;text-align:left;font-family: 'GmarketSans';font-weight:500;} .popup_box_new ul li .btn_go1 {clear:both;display:inline-block;padding:10px 30px 5px;border-radius:3px;background:#3c15ac;color:#fff;font-size:13px;font-family: 'GmarketSans';font-weight:500;float:right;margin:34px 0px 0px;transition:all 0.5s ease-in-out;} .popup_box_new ul li a {display:block;width:100%;height:100%;} .popup_box_new ul li .closed {clear:both;display:inline-block;padding:10px 30px 5px;border-radius:3px;background:#bca4ff;color:#fff;font-size:13px;font-family: 'GmarketSans';font-weight:500;float:right;margin:15px 0px 0px;transition:all 0.5s ease-in-out;} .popup_box_new ul li a:hover .btn_go1, .popup_box_new ul li a:hover .closed {cursor: pointer;display:inline-block;background:#fcbd18;color:#3c15ac;font-family: 'GmarketSans';font-weight:500;} #modalBody_new {display:block;width:900px;height:550px;background:#fcbd18 url('/home/common/img/popup/pop_bg.png') no-repeat;position: relative;top:40%;left:calc(50% - 450px); transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;padding:190px 0px 0px 30px;margin:0px auto} #modalBody_new > h1 {clear:both;display:block;width:100%;font-size:18px;font-weight:bold;padding:0px;margin:0px 0px 15px 0px;color:#000} #modalBody_new dl {width:100%;clear:both;display:block;} #modalBody_new dt {clear:both;display:block;width:100%;color:#000;font-weight:bold;margin:10px 0px 10px;} #modalBody_new dd {clear:both;display:block;width:100%;line-height:1.6;margin-bottom:20px;} #closeBtn_new {display:block;cursor: pointer;} #popupBtn_new {cursor: pointer;} #modalWrap_new { position: fixed; /* Stay in place */ z-index: 1001; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgba(255,255,255,1);/* Black w/ opacity */ display: none; } /*랜딩 하단 무료상담*/ .ft_sangdam {display:block;clear:both;width:100%;height:60px;position:fixed;left:0px;bottom:0px;z-index:5;background:#000730 url('/home/common/img/landing/ft_sangdam_bg.png') top center no-repeat;} .ft_sangdam ul {width:1300px;margin:0px auto;display:flex;flex-wrap: wrap;} .ft_sangdam ul li {float:left;display:inline-block;position:relative;line-height:60px;} .ft_sangdam ul li img {display:block;position:absolute;top:-50px;left:-20px;z-index:6;height:110px;} .ft_sangdam ul li:nth-child(1) {width:300px;color:#fff;font-size:16px;font-weight:400;} .ft_sangdam ul li:nth-child(1) span {font-family: 'GmarketSans';font-size:30px;font-weight:700;margin:0px 0px 0px 10px;letter-spacing:-1px;vertical-align:middle;} .ft_sangdam ul li:nth-child(2) {width:calc(100% - 650px)} .ft_sangdam ul li:nth-child(2) span {font-size:15px;font-family: 'GmarketSans';font-weight:700;color:#fff;margin-right:6px;} .ft_sangdam ul li:nth-child(3) {width:200px;color:#fff;padding:13px 0px 0px;margin:0px;line-height:1.0;} .ft_sangdam ul li:nth-child(3) a {font-size:12px;font-weight:400;clear:both;width:100%;display:block;margin:3px 0px 0px;padding:0px 0px 0px 25px;} .ft_sangdam ul li:nth-child(4) {width:150px;} .ft_sangdam .adv_form1 {width:130px;height:30px;border:1px solid #ddd;background:#fff;padding:0px 5px;margin-right:7px;border-radius:3px;} .ft_sangdam .adv_form2 {width:80px;height:30px;border:1px solid #ddd;background:#fff;padding:0px 5px;border-radius:3px;} .ft_sangdam .adv_form3 {width:14px;height:14px;border:1px solid #ddd;background:#fff;margin-right:5px;position:relative;top:2px;} .ft_sangdam .btn_advsend {width:100%;margin:10px 0px;box-sizing:border-box;text-align:center;color:#000;background:#fcbd18;transition:all 0.5s ease-in-out;font-weight:600;border-radius:3px;line-height:40px;} .ft_sangdam .btn_advsend:hover {background:#1889fc;color:#fff;cursor: pointer;} /*서브페이지 리뉴얼 20250210~*/ .new_tit01 {font-family: 'GmarketSans';font-weight:900;font-size:18px;color:#333;margin:0px auto 10px;width:100%;display:block;} .new_tit01 i {font-style:normal;color:#005183;margin-right:10px;} .new_tit01_a {font-family: 'GmarketSans';font-weight:900;font-size:18px;color:#333;margin:50px auto 10px;width:100%;display:block;} .new_tit01_a i {font-style:normal;color:#005183;margin-right:10px;} .new_tit02 {font-family: 'GmarketSans';font-weight:500;font-size:16px;color:#333;margin:0px auto 10px;width:100%;display:block;} .new_tit02 span {font-family: 'GmarketSans';font-weight:900;color:#005183} .course_txt01, .course_txt02, .course_txt03, .course_txt04 {clear:both;display:block;width:100%;border-width:2px 1px 1px 1px;border-color:#005183;border-style:solid;padding:30px 40px;box-sizing:border-box;line-height:1.5;} .course_txt01 {background:#f2f6f9 url('/home/common/img/sub/course_01_01.png') right bottom no-repeat;} .course_txt02 {background:#f2f6f9 url('/home/common/img/sub/course_02_01.png') right bottom no-repeat;} .course_txt03 {background:#f2f6f9 url('/home/common/img/sub/course_03_01.png') right bottom no-repeat;} .course_txt04 {background:#f2f6f9 url('/home/common/img/sub/course_04_01.png') right bottom no-repeat;} .txtbox_01 {width:100%;clear:both;display:block;padding:0px 0px 0px 30px;margin:20px 0px 0px 0px;} .txtbox_02 {width:100%;padding:0px 0px 0px 15px;line-height:1.6;margin:10px 0px 0px 0px} .dot_warn {width:16px;height:16px;border-radius:50%;display:inline-block;margin-right:10px;background:#FF0000;font-size:11px;font-style:normal;font-weight:500;color:#fff;text-align:center;line-height:17px;position:relative;top:-2px} .dot_01 {width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:10px;background:#6697b5;font-size:0px;position:relative;top:-9px;} .dot_02 {width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:10px;background:#ccc;font-size:0px;position:relative;top:-9px;} .dot_line1 {border-width:1px 0 0 0; border-style:dashed; border-color:#e5e5e5;width:100%;margin:40px 0px;display:block;clear:both;} .tip {float:left;vertical-align:top;padding:0px 15px;height:30px;line-height:30px;border-radius:15px;text-align:center;background:#ff0000;color:#fff;font-weight:700;} .new_txt_b1 {font-weight:700;} .new_dl01 {clear:both;display:block;width:100%;border-top:2px solid #005183} .new_dl01 dt {width:100%;padding:15px 30px;text-align:left;font-weight:700;color:#005183;background:#f2f6f9;border-width:0px 1px 1px 1px;border-style:solid;border-color:#005183;} .new_dl01 dd {clear:both;display:block;width:100%;padding:15px 30px;text-align:left;line-height:1.5;border-width:0px 1px 1px 1px;border-style:solid;border-color:#ccc;} .beauty_txt1 {clear:both;width:100%;display:flex;flex-wrap: wrap;} .beauty_txt1 dt {clear:both;width:142px;min-height:147px;display:flex;justify-content:center;background:url('/home/common/img/sub/circle_bg.png') top center no-repeat;text-align:center !important;color:#fff;font-weight:700;padding-top:62px;box-sizing:border-box;margin:10px 0px;} .beauty_txt1 dd {display: flex;align-items:center;width:calc(100% - 142px);margin:10px 0px;padding-left:20px;box-sizing:border-box;} .new_guide_tit1 {font-family: 'GmarketSans';font-weight:500;font-size:27px;display:block;width:100%;} .new_guide_tit1 span {font-family: 'GmarketSans';font-weight:900;color:#005183;} .new_guide_tit1 p {clear:both;width:100%;font-size:16px;margin-top:10px;} .new_guide_tit2 {font-family: 'GmarketSans';font-weight:900;font-size:24px;color:#333;display:block;width:100%;} .new_guide_tit2 span {font-family: 'GmarketSans';font-weight:900;color:#005183;} /*tap 내용 css*/ .way_contents ul {clear:both;display:flex;flex-wrap: wrap;width:100%;} .way_contents ul li {padding:25px 0px;} .way_contents ul li:nth-child(odd) {width:calc(100% - 500px);position:relative;} .way_contents ul li:nth-child(even) {width:500px;text-align:right;} .way_contents ul li:nth-child(odd) {width:calc(100% - 500px)} .way_contents ul li .line {clear:both;display:block;width:100%;height:24px;background:url('/home/common/img/sub/dot_line_bg.png') center no-repeat;position:absolute;bottom:13px;font-size:0px;} .way_contents ul li dl {clear:both;display:block;width:100%} .way_contents ul li dt {clear:both;float:left;width:110px;} .way_contents ul li dt span {display:inline-block;width:86px;height:30px;line-height:30px;border-radius:15px;text-align:center;background:#f39800;color:#fff;font-weight:700;} .way_contents ul li dd {float:left;width:calc(100% - 110px);line-height:1.4;} .way_contents ul li dd .tit {font-family: 'GmarketSans';font-weight:900;font-size:18px;display:block;width:100%;margin:5px 0px 20px;color:#333;} .way_contents ul li dd p {clear:both;display:block;width:100%;margin-bottom:10px;padding-left:22px;box-sizing:border-box;position:relative;word-break: keep-all;} .way_contents ul li dd p i {display:inline-block;font-style:normal;width:8px;height:8px;border-radius:50%;background:#f39800;font-size:0px;position:absolute;left:0px;top:6px;} .way_contents ul li dd p .q {font-weight:normal;font-size:16px;position:absolute;left:0px;top:0px;font-weight:normal;} .mobile_txt {clear:both;display:block;width:100%;margin:30px 0px 0px;} .mobile_txt dt {clear:both;float:left;width:60px;margin:0px 0px 20px;} .mobile_txt dt span {display:inline-block;background:#005183;color:#fff;font-weight:700;height:26px;line-height:26px;text-align:center;padding:0px 6px;border-radius:13px;} .mobile_txt dd {float:left;width:calc(100% - 60px);margin:0px 0px 20px;word-break:keep-all;line-height:1.5;padding-top:2px;} .tabBox_way {width:100%;display:flex;flex-wrap: wrap;margin-bottom:70px;} .tab_way {flex:1;display: flex;justify-content:center;align-items:center;text-align:center;padding:20px 5px;color:#ccc;cursor: pointer;transition:all 0.5s ease-in-out;} .tab_way.way_contents {font-weight:700;border-bottom:2px solid #005183;color:#005183;} .tab_content {display: none;} .tab_content.way_contents {display: block;width: 100%;} .pack_print {display:inline-block;height:49px;line-height:48px;border-radius:10px;background:#0098ff;color:#fff;font-size:1.1rem;padding:0px 20px;margin:0px 0px 0px 10px;vertical-align:top;transition:all 0.5s ease-in-out;} .pack_print:hover {cursor: pointer;background:#000;color:#f7d409;} /*실습생 의뢰서*/ #main_content {/*height: 100%;overflow-y: scroll;*/font-size:14px;} #main_container{ width: 95%;margin-left:20px;} #main_navi{width: 100%;height: 40px;border-bottom:1px solid #dcdcdc;line-height: 40px;font-size: 20px;color:#333;} #main_navi span:nth-child(2) {float:right;font-size:13px;font-weight:400;} .tit_top {width:100%;text-align:center;clear:both;display:block;font-family: "Noto Sans KR";font-size:14px;} .logo_wrap {clear:both;width:100%;display:block;margin-top:10px;} .logo_wrap li{width:100%;text-align:center;font-family: "Noto Sans KR";font-size:30px;font-weight:700;letter-spacing:2px;} .request_info {width:100%;line-height:1.8;font-size:14px;font-family: "Noto Sans KR";margin-top:15px;display:inline-block;} .request_info b {font-weight:400;width:60px;display:inline-block;} .request_subject {cleaR:both;display:block;width:100%;border-bottom:2px solid #333;padding:0px 0px 7px 10px;box-sizing:border-box;font-size:18px;font-weight:700;margin-top:15px;font-family: "Noto Sans KR";} .request_subject span {display:inline-block;width:60px;font-weight:400;text-align:left;display:inline-block;} .request_cont {clear:both;display:block;width:100%;padding:10px 15px;box-sizing:border-box;overflow:hidden;font-size:14px;font-family: "Noto Sans KR";} .request_cont ul {clear:both;width:100%;margin:5px 0px 5px 20px;} .request_cont li {width:100%;padding:4px 20px 4px 10px;box-sizing:border-box;list-style-type:decimal;list-style-position:outside;font-weight:500;} .request_cont .tit {font-weight:700;display:block;margin:10px 0px 3px;color:#1d1d1d} .request_tbl {width:100%;border-top:1px solid #3c3c3c;margin:0px 0px;font-size:14px;font-family: "Noto Sans KR";} .request_tbl th {text-align:center;padding:7px 0px;box-sizing:border-box;border-bottom:1px solid #dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;} .request_tbl td {text-align:center;padding:7px;box-sizing:border-box;border-bottom:1px solid #dcdcdc;color:#333;background-color:#fff;line-height:1.6;} .request_tbl2 {width:100%;border-top:0px solid #3c3c3c;margin:0px 0px;font-size:12px;font-family: "Noto Sans KR";} .request_tbl2 th {text-align:left;padding:5px;box-sizing:border-box;border-bottom:01px solid #dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;} .request_tbl2 td {text-align:left;padding:5px;box-sizing:border-box;border-bottom:0px solid #dcdcdc;color:#333;background-color:#fff;line-height:1.6;} .request_tbl3 {width:100%;border-top:1px solid #3c3c3c;margin:0px 0px;font-size:14px;font-family: "Noto Sans KR";} .request_tbl3 th {text-align:center;padding:7px 0px;box-sizing:border-box;border-bottom:1px solid #dcdcdc;font-weight:600;color:#1d1d1d;background-color:#f8f8f8;} .request_tbl3 td {text-align:left;padding:7px;box-sizing:border-box;border-bottom:1px solid #dcdcdc;color:#333;background-color:#fff;line-height:1.6;} .request_stamp {clear:both;display:block;width:100%;margin:30px 0px 0px 0px;text-align:center;font-family: "Noto Sans KR";font-size:30px;font-weight:700;letter-spacing:2px;} .request_stamp img {display:inline-block;vertical-align:middle;height:90px} .request_info_ft {width:100%;clear:both;display:block;border-top:10px solid #bbb;padding:10px;box-sizing:border-box;margin-top:30px;font-size:14px;font-family: "Noto Sans KR";color:#555;overflow:hidden;} .request_info_ft ul.info1 {clear:both;width:100%;display:block;} .request_info_ft ul.info1 li {float:left;padding:2px 0px;width:100px;} .request_info_ft ul.info1 li:nth-child(even) {margin-right:100px;} .request_info_ft ul.info2 {clear:both;width:100%;display:block;} .request_info_ft ul.info2 li {float:left;width:100%;padding:2px 0px;} .request_info_ft ul.info2 li div {float:left;} .prac_tit1 {font-weight:700;color:#1d1d1d;font-size:15px;margin:10px 0px;} .prac_txt-wrap1 {clear:both;display:block;width:100%;text-align:center;position:relative;} .prac_txt-wrap2 {clear:both;display:block;width:100%;position:relative;padding:20px;box-sizing:border-box;border:1px solid #ddd;margin:30px 0px;} .prac_txt-wrap2 dt {clear:both;display:block;width:100%;background:#f8f8f8;padding:10px 0px;text-align:center;color:#000;font-weight:600;margin-bottom:20px;} .prac_txt-wrap2 dd {clear:both;display:block;width:100%;line-height:1.6;} .prac_txt-wrap2 dd b {margin-right:15px;color:#1d1d1d} .prac_form_check {width:12px;height:12px;border:1px solid #ddd;margin-right:10px;} .practice_sign {float:right;border-bottom:1px solid #ddd;display:inline-block;clear:both;padding:10px 10px 5px;position:relative;top:-35px} .practice_sign2 {font-family: "Nanum Brush Script", cursive;position:absolute;top:-3px;right:0px;z-index:2;color:#000;font-size:30px;} .practice_sign3 {font-family: "Nanum Brush Script", cursive;position:absolute;top:72px;left:calc(50% + 50px);z-index:2;color:#000;font-size:30px;} .practice_sign4 {color:#9c9c9c;margin-left:120px;display:inline-block;} /*실습생 의뢰서 end.*/