/* Theme Name: the7dtchild Author: Dream-Theme Author URI: http://dream-theme.com/ Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project! Version: 1.0.0 License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself. You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended Template: dt-the7 */ /*@import url(font.css);*/ @font-face { font-family:'Noto'; font-weight: 400; font-style: normal; src: url('/wp/font/notokr-regular.eot'); src: url('/wp/font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('/wp/font/notokr-regular.woff2') format('woff2'), url('/wp/font/notokr-regular.woff') format('woff'), url('/wp/font/notokr-regular.ttf') format('truetype'); } @font-face { font-family:'Noto'; font-weight: 600; font-style: normal; src: url('/wp/font/notokr-medium.eot'); src: url('/wp/font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('/wp/font/notokr-medium.woff2') format('woff2'), url('/wp/font/notokr-medium.woff') format('woff'), url('/wp/font/notokr-medium.ttf') format('truetype'); } @font-face { font-family:'Noto'; font-weight: 700; font-style: normal; src: url('/wp/font/notokr-bold.eot'); src: url('/wp/font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('/wp/font/notokr-bold.woff2') format('woff2'), url('/wp/font/notokr-bold.woff') format('woff'), url('/wp/font/notokr-bold.ttf') format('truetype'); } /* placehoder */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999 !important; font-size:12px} ::-moz-placeholder { /* Firefox 19+ */ color: #999 !important; font-size:12px} :-ms-input-placeholder { /* IE 10+ */ color: #999 !important; font-size:12px} :-moz-placeholder { /* Firefox 18- */ color: #999 !important; ; font-size:12px} /* FONT-RESET */ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, select, h1, h2, h3, h4, h5, h6 {font-family:'Roboto','Noto','Malgun Gothic', sans-serif} h3, h4, h5, h6 {font-weight:600} h1, h2, h3, h4, h5, h6, p, span, li {word-break:keep-all} /* HEADER */ /* .inline-header {border-bottom:rgba(255,255,255,0.3) 1px solid !important}*/ .main-nav > li > a {transition:all 0.2s ease-in} /*.main-nav > li > a:hover {opacity:0.6}*/ .main-nav > li > a .menu-item-text .menu-text {font-family:'Roboto','Noto','Malgun Gothic', sans-serif; font-weight:700;} .main-nav > li.nav_eng > a .menu-item-text .menu-text {font-size: 13px; line-height: 1.5em; display: inline-block; padding: 4px 8px; border: #CCC 1px solid; border-radius: 3px} .top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) .main-nav > li.act > a:after {display:block; position:absolute; bottom:-1px; left:50%; width:60%; height:3px; margin-left:-30%; background-color:#FFF; content:""} .sub-nav {padding:0; margin-left:-27px; box-shadow:4px 4px 5px 0px rgba(0,0,0,.1)} .main-nav .sub-nav > li > a .menu-text {font-family:'Roboto','Noto','Malgun Gothic', sans-serif; font-weight:600; transition:all 0.2s ease-in} .main-nav .sub-nav > li > a {padding:15px; border-bottom:#EEE 1px solid} .main-nav .sub-nav > li:last-child > a {border-bottom:none} .main-nav .sub-nav > li > a:hover {background-color:#40434c !important; transition:all 0.2s ease-in !important} .main-nav .sub-nav > li.act > a:hover .menu-text {color:#fff !important} /* #phantom .with-logo .main-nav > li > a .menu-text {color:#555} */ /* #phantom .with-logo .main-nav > li > .sub-nav {border:#EEE 1px solid; border-top-width:0} */ #phantom .with-logo .main-nav > li > .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a:hover .menu-text {color:#FFF} .mobile-main-nav .sub-nav > li > a {padding:10px 30px 10px 0} .mobile-main-nav li > a .menu-text, .dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text {font-family:'Roboto','Noto','Malgun Gothic', sans-serif;} .dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text {color:#555; font-size:14px} /* Heading */ .fancy-header { background-size: cover !important; } /* Tab Menu */ .tab_menu {margin-top:-60px !important} .tab_menu ul.custom-menu {margin:0 !important; padding:0 !important; list-style:none; } .tab_menu ul.custom-menu:after {display:block; content:""; clear:both} .tab_menu ul.custom-menu li {margin:0; padding:0; background-color:#3d5e56; float:left} .tab_menu ul.custom-menu li > ul {display:none} .col7 ul li {width:14.285%} .col6 ul li {width:16.666%} .col5 ul li {width:20%} .col4 ul li {width:25%} .col3 ul li {width:33.333%} .col2 ul li {width:50%} .tab_menu .custom-menu a {display:block; text-align:center; padding:18px 8px; height:60px; border-right:rgba(255,255,255,0.3) 1px solid; color:#FFF !important; font-size:16px; font-weight:600; transition:all 0.3s ease} .tab_menu .custom-menu li:last-child a {border-right-width:0} .tab_menu .custom-menu li.act > a {color:#FFF !important; background-color:#243a35; border-right-color:#243a35} .tab_menu .custom-menu li.act > a:hover {background-color:#243a35; border-right-color:#243a35} .tab_menu .custom-menu a:hover {background-color:#243a35; border-right:#243a35 1px solid} /* SEED Menu .seed_menu {margin-bottom:20px} .seed_menu .seed-top {padding:12px 20px; border:#DDD 1px solid; cursor:pointer; transition:all 0.5s ease} .seed_menu .seed-top:hover {background-color:#FBFBFB; border-color:#DDD} .seed_menu .seed-top h3 {display:inline-block; margin:0; color:#666; font-size:15px; font-weight:600;} .seed_menu .seed-top:before {color:#666; font:12px/1 FontAwesome; content:"\f078" ; display:inline-block; padding-right:15px; vertical-align:1px} .seed_menu .view-all-off:before {content:"\f077"} .seed_menu .seed-list ul {margin:-1px 0 0 0 !important; padding:0 !important; list-style:none; border:#DDD 1px solid;} .seed_menu .seed-list ul li {margin:0; padding:0;} .seed_menu .seed-list ul li a {display:inline-block; width:100%; padding:16px 20px; border-bottom:#DDD 1px solid; font-size:15px; font-weight:600; transition:all 0.3s ease} .seed_menu .seed-list ul li a span:before {color:#666; font:14px/1 FontAwesome; content:"\f0f6" ; display:inline-block; padding-right:15px; vertical-align:1px} .seed_menu .seed-list ul li.act a span {color:#3b8ced} .seed_menu .seed-list ul li.act a span:before {color:#3b8ced} .seed_menu .seed-list ul li a span {color:#666; transition:all 0.3s ease} .seed_menu .seed-list ul li a:hover span {color:#3b8ced} .seed_menu .seed-list ul li a:hover span:before {color:#3b8ced} .seed_menu .seed-list ul li:last-child a {border-bottom-width:0} */ .seed_menu {margin-top:35px} .seed_menu ul {margin:0; padding:0; border-bottom:#4b81ef 1px solid; list-style:none} .seed_menu ul:after {display:block; content:""; clear:both} .seed_menu ul li {margin:0 5px -1px 0; padding:0; float:left} .seed_menu ul li a {display:block; padding:15px 15px; border:#444 1px solid; border-bottom-color:#3b8ced; font-size:15px; font-weight:600;} .seed_menu ul li a span {display:block; color:#666; transition:all 0.3s ease} .seed_menu ul li a span:before {color:#666; font:14px/1 FontAwesome; content:"\f0f6" ; display:inline-block; padding-right:10px; vertical-align:1px} .seed_menu ul li a:hover span {color:#3b8ced} .seed_menu ul li a:hover span:before {color:#3b8ced} .seed_menu ul li.act a {border-color:#3b8ced; border-bottom-color:#FFF;} .seed_menu ul li.act a span {color:#3b8ced} .seed_menu ul li.act a span:before {color:#3b8ced} /* Title */ #fancy-header.title-center.breadcrumbs-off .hgroup {margin:0 0 25px 0} #fancy-header .fancy-title {margin:0 !important; font-weight:600} .fancy-subtitle span {font-weight:600} .page_ti {margin-top:50px; color:#545c69; text-align:center; font-weight:700; letter-spacing:-0.5px;} .page_ti:after {display:block; width:50px; height:1px; margin:20px auto 30px auto; background-color:#3b8ced; content:""} .mar-t-20 {margin-top:20px} .mar-t-30 {margin-top:30px} .mar-t-40 {margin-top:40px} .mar-t-50 {margin-top:50px} .sub_copy {color:#666; font-size:15px; text-align:center; word-break:keep-all} .page-title h1, .page-title h1 span {font-family:'Roboto','Noto','Malgun Gothic', sans-serif !important} .src_result .post .entry-title a {font-size:18px !important; font-weight:600} .src_result .blog-content .entry-meta {display:none} .src_result .edit-link {display:none} .hilite { background:#D3E18A; } /* FOOTER */ .foot_txt p, .foot_txt p span, .foot_txt p a { color: #FFF !important; } .foot_txt p {margin-bottom:0; font-size:12px;} .foot_txt p span, .foot_txt p a {display:inline-block; margin-right:10px} .foot_txt p span.de {margin-right:8px; color:#BBB;} .foot_txt p.space {margin-bottom:10px} .foot_txt p.copyright {margin-top:10px; font-size:10px; color:#BBB; text-transform:uppercase} /* QUICK */ .side_quick {position: fixed; top:410px; left: 50%; width:90px; transform: translateX(700%);} /* BUTTON */ .btn_wht {background-color:#FFF !important; padding:12px 24px; color:#333 !important; font-size:14px; font-weight:600; text-align:center; transition:all 0.3s ease} .btn_wht:hover {background-color:#333 !important; color:#FFF !important} .btn_ci_down {background-color:#FFF !important; padding:25px 45px; color:#555 !important; font-size:16px; font-weight:600; text-align:left; border:#333 1px solid; border-radius:6px; transition:all 0.3s ease} .btn_ci_down i {margin-left:20px !important} .btn_ci_down:hover {background-color:#333 !important; color:#FFF !important} .btn_more_st1 {padding:12px 16px; font-size:12px; font-weight:600; transition:all 0.3s ease} .btn_contact {padding:30px 64px; font-size:18px; font-weight:600; background-color:rgba(255,255,255,0) !important; border:#FFF 1px solid; border-radius:0; transition:all 0.3s ease} /* Main */ .main_sec_ti {color:#FFF; font-size:32px; text-align:center; font-weight:700; } .main_sec_ti:after {display:block; width:25px; height:2px; margin:25px auto; background-color:#FFF; content:""} .main_sec_p {color:#FFF; font-size:14px; text-align:center; font-weight:600; } .main_sol_wrap {text-align:center;} .main_sol_wrap .sol_name_en {color:#FFF; font-size:24px; font-weight:700} .main_sol_wrap .sol_name_kr {color:#FFF; font-size:15px; } .black {color:#333} .gray {color:#777} .black:after {display:block; width:25px; height:2px; margin:25px auto; background-color:#4b81ef; content:""} .support_wrap h4 {font-size:18px; text-align:center} .support_wrap h4:after {display:block; width:30px; height:1px; margin:20px auto; background-color:#000; content:""} .support_wrap p {color:#666; font-size:14px; line-height:1.5em; margin-bottom:20px; text-align:center} .support_wrap p.sf {color:#4b81ef; font-size:15px; font-weight:700;} .support_wrap p.ef {color:#2db37f; font-size:15px; font-weight:700;} .main_hard_wrap p.hard_name {color:#FFF; font-size:16px; font-weight:600; text-align:center} /* About */ .info_box .left-icon .aio-icon-left .aio-icon {margin-right:25px} .info_box .aio-icon-title {margin-bottom:0} .p_32 {position:relative; padding-top:1em; font-size:32px; font-weight:400; line-height:1.35em; word-break:keep-all; } .up_bar:before {display:block; position:absolute; top:0; right:0; width:82px; height:5px; background-color:#4b81ef; content:""} .intro_top_box {text-align:center} .intro_top_box h2 {color:#FFF; margin-bottom:1em;} .intro_top_box p {color:#FFF; line-height:1.7em} .biz_area p {color:#FFF; font-size:32px; line-height:1.5em; text-align:center; margin-bottom:1.5em} .intro_major span.under {padding-bottom:10px; border-bottom:#999 1px solid; color:#999; font-size:28px; font-weight:600; line-height:1.5em; letter-spacing:-1px} .intro_major_list {list-style:none !important; margin:0 !important} .intro_major_list li {color:#FFF; font-size:15px; margin-bottom:12px;} .intro_major_list li:before {display:inline-block; content:'\e95d'; margin-right:12px; color:rgba(255,255,255,0.5); font-size:10px; font-family:"fontello"; font-weight:400; vertical-align:middle} .tb_intro {border-collapse:collapse; border-spacing:0; border-top:#333 1px solid; border-color:#666 !important} .tb_intro th, .tb_intro td {padding:18px 24px; border-bottom:#DDD 1px solid; border-top:0} .tb_intro th {width:20%; background-color:#F6F6F6; color:#666; font-size:14px; text-align:left} .tb_intro td {font-size:15px} .tb_intro td ul {padding-left:20px; margin:10px 0} .tb_intro td ul li {margin-bottom:8px; font-size:15px} .his_wrap {margin-top:-5px} .his_wrap h5.his_yr:after {margin:8px 0 16px 0; display:block; width:22px; height:2px; background-color:#c1c1c1; content:""} .his_wrap ul {list-style:none !important; margin:0 0 30px 0} .his_wrap ul li {font-size:15px; color:#666; font-weight:600; margin-bottom:10px} .his_wrap ul li .his_mon {color:#999; padding-right:12px; font-weight:400} .his_wrap ul li .his_mon_w {color:#FFF; padding-right:12px; font-weight:400} .img_shadow img {box-shadow:-15px 30px 40px 0 #b7b7b7} .case_wrap .case_ti_01 {font-size:16px; color:#2456bc; font-weight:600; margin-bottom:10px; padding-left:30px; background:url(/img/case_ti_ic_01.png) 0 no-repeat;} .case_wrap .case_p {font-size:15px; color:#555; margin-bottom:25px;} .case_wrap .case_ti_02 {font-size:16px; color:#2d9e51; font-weight:600; margin-bottom:10px; padding-left:30px; background:url(/img/case_ti_ic_02.png) 0 no-repeat;} .case_h4 h4 {font-size:24px; color:#525252; font-weight:600; font-family:'Roboto','Noto','Malgun Gothic', sans-serif;} .tb_case_y {border-collapse:collapse; border-spacing:0;} .tb_case_y th {width:20%; background-color:#F6F6F6; border-top:#333 1px solid; border-bottom:#333 1px solid; color:#333; font-size:18px; text-align:center} .tb_case_y td {padding:12px 12px; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; vertical-align:top} .tb_case_y td {font-size:14px; width:20%} .tb_case_y ul {list-style:none !important; margin:15px 0 15px 15px !important} .tb_case_y ul > li {margin-bottom:10px; padding-left:20px; background:url(/img/list_ic_blue.png) 0 7px no-repeat; font-size:14px; color:#555; font-weight:600; word-break:normal} .tb_case_s {border-collapse:collapse; border-spacing:0;} .tb_case_s th {width:15%; padding:12px 12px; border-top:#3366cc 1px solid; border-bottom:#3366cc 1px solid; color:#333; font-size:18px; text-align:center} .tb_case_s th img {width:100px; margin:5px} .tb_case_s td {padding:12px 12px; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; vertical-align:top} .tb_case_s ul {list-style:none !important; margin:5px 0 5px 15px !important} .tb_case_s ul > li {margin-bottom:5px; padding-left:15px; background:url(/img/list_ic_red.png) 0 9px no-repeat; font-size:14px; color:#555; word-break:normal} /* Orz */ .orz_wrap {padding:0 100px} .tree {position:relative; margin:0 !important; padding:0; list-style:none !important} .tree:after {content:''; display:block; clear:both} .tree > li:first-child:after {content:''; display:block; position:relative; width:50%; height:120px; border-right:1px solid #E0E0E0} .tree > li:first-child > ul {list-style:none; padding:0; border:none;} .tree > li:first-child > ul:before {content:''; display:block; position:relative; width:98%; margin:0 auto; border-bottom:1px solid #E0E0E0;} .tree > li:first-child > ul > li {margin-top:-35px} .tree > li:last-child > ul:before {display:none} .tree li {position:relative; text-align:center;} .tree li p {color:#333; sans-serif; font-size:16px; font-weight:600; line-height:1.5em; text-decoration:none;} .tree li p {display:block; background-color:#FFF; padding:18px 10px; margin:0; box-sizing:border-box;} .tree li div.dep1 p {width:25%; margin:0 auto; border:5px solid #0297da; background-color:#03a9f4; color:#FFF} .tree li p.dep2 {border:5px solid #da473d; background-color:#F44336;color:#fff} .tree li p.dep3 {border:5px solid #9E9E9E} .tree li p.dep4 {border:5px solid #3d6ac5; background-color:#4b81ef; color:#FFF} .tree li div.dep1:after {content:''; display:block; position:relative; width:50%; height:80px; border-right:1px solid #E0E0E0} .tree > li > ul {list-style:none; padding:0; margin:0; border-bottom:1px solid #E0E0E0} .tree > li > ul > li {width:25%; padding:0 1%; float:left;} .tree > li > ul > li:last-child {float:right} .tree > li > ul > li > ul {list-style:none; border:none; padding:0; margin:0; } .tree > li > ul > li> ul:before {content:''; display:block; position:absolute; width:50%; height:60px; } .tree > li > ul > li:first-child > ul:before {top:0; left:0; border-top:1px solid #FFF; border-right:1px solid #E0E0E0;} .tree > li > ul > li:nth-child(2) > ul:before {top:0; left:50%; border-left:1px solid #E0E0E0;} .tree > li > ul > li:nth-child(3) > ul:before {top:0; left:50%; border-left:1px solid #E0E0E0;} .tree > li > ul > li:last-child > ul:before {top:0; left:50%; border-top:1px solid #FFF; border-left:1px solid #E0E0E0;} .tree > li > ul > li > ul {list-style:none; padding:0; margin:60px 0 0 0;} .tree > li > ul > li > ul > li > ul {list-style:none; padding:0; margin:0; background-color:#9E9E9E} .tree > li > ul > li > ul > li > ul > li {padding:12px 10px; border-bottom:rgba(255,255,255,0.5) 1px solid;} .tree > li > ul > li > ul > li > ul > li:last-child {border-bottom:none} .tree > li > ul > li > ul > li > ul > li > p {color:#FFF; padding:0; margin:0; background:none; font-size:15px} /* Solution */ .sol_top_logo-1 {margin-bottom:5px; text-align:center;} .sol_top_logo-2 {margin-bottom:5px; text-align:center;} .sol_top_intro {font-size:15px; line-height:1.6em; text-align:center;} .sol_sec_ti {color:#2580d6; text-align:center;} .sol_sec_p {margin-top:1.8em; color:#555; font-size:15px; text-align:center} .wht {color:#FFF} .sol_sec_ic_ti {color:#FFF; text-align:center; font-weight:700} h5.wht_h {text-align:center; margin-bottom:2.6em} h5.wht_h span.under {font-size:20px; padding-bottom:12px; border-bottom:rgba(255,255,255,0.25) 1px solid; color:#FFF; text-align:center;} .wht_list {list-style:none !important; margin:0 !important} .wht_list > li {margin-bottom:10px; color:#FFF; font-size:15px; font-weight:600} .wht_list > li:before {display:inline-block; margin-right:10px; content:'\e8ad'; color:#efefef; font-size:14px; font-family:"fontello"; font-weight:400; vertical-align:2px} .wht_list > li > ul {margin-top:15px; margin-bottom:15px !important; list-style:none !important} .wht_list > li > ul > li {margin-bottom:6px; color:#FFF; font-size:14px; font-weight:600} .wht_list > li > ul > li:before {display:inline-block; margin-right:8px; content:'\e8ad'; color:#CCC; font-size:10px; font-family:"fontello"; font-weight:400; vertical-align:2px} h5.blu_h {color:#4271d2; text-align:center;} h5.blu_h:after {display:block; width:20px; height:2px; margin:15px auto; background-color:#4271d2; content:""} .blu_list {list-style:none !important; margin:0 !important} .blu_list > li {border-bottom:#4271d2 1px dotted; padding:10px 0; color:#555; font-size:13px; font-weight:600; text-align:center} .blu_list > li:last-child {border-bottom:none} .sol_cap_desc {font-size:15px; font-weight:600; text-align:center; } h4.head-sol {font-size:16px; font-weight:700; padding-left:28px; background:url(/img/list_ic_sol.png) 0 6px no-repeat} p.desc-sol {margin:0 0 25px 28px; font-size:15px; color:#555;} /*.sol_feat_col {text-align:center} .sol_feat_col h4 {color:#555; font-size:24px; letter-spacing:-0.05em} .sol_feat_col h4:after {display:block; margin:12px auto 20px auto; width:30px; height:3px; background-color:#CCC; content:""} .sol_feat_col h4 p {font-weight:600} .sol_feat_col h4.blue {color:#2580d6; font-size:26px; font-weight:700;} .sol_feat_col h4.blue:after {display:none} .sol_slogun_wrap p {font-size:24px; color:#999; line-height:1.4em; font-weight:600; letter-spacing:-0.05em; text-align:right} .sol_effec_wrap h4 {position:absolute; top:0; left:0; color:#333; font-size:26px; font-weight:700} .sol_effec_wrap ul {list-style:none; margin:0 0 0 130px} .sol_effec_wrap ul li {color:#666; font-size:16px; margin-bottom:12px} .sol_effec_wrap ul li:before {display:inline-block; margin-right:8px; content:'\e89f'; color:#666; font-size:10px; font-family:"fontello"; font-weight:400; vertical-align:2px}*/ /* Icon with Title */ .ic_add_user:before {display:inline-block; margin-right:15px; content:'\e80a'; color:#5472D2; font-size:20px; font-family:"fontello"; font-weight:400; text-align:center} /* Fancy Text */ .ft_32 {font-size:32px; font-weight:700; line-height:1.4em; word-break:keep-all} /* Support */ h3.head-bar {font-size:22px; color:#555; line-height:1.4; letter-spacing:-0.8px} /* h3.head-bar:before {display:block; margin:0 0 18px 0; width:30px; height:2px; background-color:#3366cc; content:""}*/ h3.head-bar:before {display:inline-block; content:"\f0ae"; margin-right:12px; color:#333; font-size:14px; font-family:"FontAwesome"; vertical-align:2px} h4.head-check {font-size:18px; font-weight:700; padding-left:28px; background:url(/img/list_ic_check.png) 0 6px no-repeat} h4.head-hard {font-size:18px; font-weight:700; padding-left:28px; background:url(/img/list_ic_hard.png) 0 6px no-repeat} h4.head-hard:after {display:block; margin:10px 0 10px -28px; height:1px; background-color:#DDD; content:""} p.spt-txt {font-size:16px; color:#444; font-weight:400; line-height:1.6} p.spt-cap {font-size:14px; color:#666; font-weight:600; line-height:1.6; text-align:center} p.spt-txt span.spt-txt-mini {font-size:14px; color:#666; } .item-bot-sbj {font-size:14px; color:#666; } .spt-tb th {padding:12px 20px; background-color:#3366cc; border-bottom:#DDD 1px solid; border-right:#DDD 1px solid; color:#FFF; font-size:14px; font-weight:400; text-align:center} .spt-tb td {padding:15px 20px; font-size:14px; line-height:1.6; border-bottom:#DDD 1px solid; border-right:#DDD 1px solid; vertical-align:top} .spt-tb th:last-child, .spt-tb td:last-child {border-right-width:0} .spt-tb td > ul {margin:0 0 10px 20px} .spt-tb td > ul > li {margin-bottom:5px; line-height:1.8; font-weight:400} .spt-tb td > ul > li > ul {margin:6px 12px 8px 12px !important} .spt-tb td span.bn {display:inline-block; margin:5px;} .spt-tb td.ct {text-align:center} .spt-tb td .spt-in-tb th {padding:8px; border:#DDD 1px solid; background-color:#EFEFEF; color:#333} .spt-tb td .spt-in-tb td {padding:8px; border:#DDD 1px solid} .spt-tb.left-line th {font-size: 13px; line-height: 1.5em} .spt-tb.left-line td:first-child {border-left: #DDD 1px solid} .spt-tb.left-line td:last-child {border-right-width:1px} .spt-tb2 th {font-size:16px; font-weight:600; padding:15px 20px} .spt-tb2 td {font-size:15px} .spt-tb2 td > ul > li > ul > li {color:#666; font-size:14px} .plan-tb th {padding:10px 10px; background-color:#555; border-bottom-width:0; border-right:#DDD 1px solid; color:#FFF; font-size:13px; font-weight:400; text-align:center;} .plan-tb th:last-child, .plan-tb td:last-child {border-right-width:0} .plan-tb td {padding:15px 30px; font-size:14px; line-height:1.4em; border-bottom:#DDD 1px solid; border-right:#DDD 1px solid; word-break:keep-all} .plan-tb td.blu {padding-left:15px; color:#3366cc; font-size:15px; font-weight:600;} .plan-tb td.plan-1 {background:url(/img/plan_bar_1.gif) 0 50% repeat-x} .plan-tb td.plan-2 {background:url(/img/plan_bar_2.gif) 0 50% repeat-x} .list-type-2 {list-style:none !important; margin:15px 0 35px 30px !important} .list-type-2 > li {margin-bottom:10px; padding-left:20px; background:url(/img/list_ic_blue.png) 0 7px no-repeat; font-size:15px; color:#555; font-weight:600} .list-type-2 > li.list-none {padding-left:0; background:none} .list-type-2 > li > ul {margin:15px 15px 25px 15px !important} .list-type-2 > li > ul > li {margin-bottom:5px; padding-left:0; background:none; font-size:14px; color:#666; line-height:1.7; font-weight:400} .list-type-2 > li > ul > li.list-red {color:#C00} .list-type-2 > li > span.blu {display:inline-block; padding-right:12px; color:#3366cc;} .li-400 {list-style:none !important; margin:15px 0 35px 30px !important} .li-400 > li {margin-bottom:10px; padding-left:20px; background:url(/img/list_ic_blue.png) 0 7px no-repeat; font-size:15px; color:#555; font-weight:400} /* Recruit */ .table-e2 table {width:100%} .table-e2 table caption {display:none} .table-e2 table th {font-size:13px; font-weight:600; text-align:center; padding:12px; border:#E3E3E3 1px solid; border-top:#333 1px solid; background:#F9F9F9} .table-e2 table td {color:#333; font-size:14px; padding:12px 15px; border:#E3E3E3 1px solid; } .table-e2 table td.pro {font-size:15px; font-weight:700; text-align:center} .table-e2 table td ul {margin:0 0 10px 20px; list-style-type:disc} .table-e2 table td ul li {text-align:left; margin-bottom:5px} .list-type-1 ul {list-style:none;} .list-type-1 ul li {margin-bottom:5px; font-size:15px} .list-type-1 ul li:before {display:inline-block; margin-right:10px; content:'\e8ad'; color:#5472D2; font-size:18px; font-family:"fontello"; } /* Contact Form */ .wpcf7-form-control-wrap .form_ipt {margin-bottom:15px; border-top:#bbb 1px solid; } .wpcf7-form-control-wrap .form_sel {margin-bottom:15px; padding:10px 15px; width:30%; height:50px; border:#4b81ef 1px solid; background:#FFF url(/wp/wp-content/plugins/kboard/images/select-arrow.gif) right 10px center no-repeat; background-size:8px; font-size:14px !important; font-weight:600} .wpcf7-form-control-wrap .form_atta {display:block; padding:15px 0 30px 0; border-bottom:#333 1px solid; width:100%; background-color:#FFF;} .wpcf7-form-control-wrap .w30 {width:30% !important} .wpcf7-form-control-wrap .w50 {width:50% !important} .wpcf7-form .form_send {display:block; margin:20px auto; padding:6px 40px !important; font-size:15px; font-weight:600 !important; font-family:'Roboto','Noto','Malgun Gothic', sans-serif !important; transition:all 0.4s ease} .wpcf7-form .form_agree {text-align:right; font-size:13px; padding:15px 0;margin-bottom:30px; border-bottom:#333 1px solid; color:#333} .wpcf7-form .form_agree_box {margin:0; padding:25px 15px; height:180px; background-color:#FBFBFB; border:#CCC 1px solid; overflow:scroll; overflow-x:hidden} .wpcf7-form .form_agree_box > ul > li {color:#333; font-size:14px; font-weight:600} .wpcf7-form .form_agree_box > ul > li > ul > li {color:#666; font-size:13px} .wpcf7-form-control-wrap .form_atta {font-size:14px} .help_eng_h4 {color: #555; font-size: 24px; line-height: 1.8em; font-weight: 600; margin-bottom: 1.0em} .help_eng_h5 {color: #555; font-size: 18px; line-height: 1.6em;} .form_eng_wrap {width: 85%; margin: 0 auto} /* Hardware */ .hd-wrap br {display:none} .ser_tit {display:inline-block; font-size:20px; margin-bottom:10px !important} .ser_tit_s {font-size:18px; color:#7d7d7d} .ser_tit_s:before {display:block; margin:10px 0 10px 0; width:30px; height:2px; background-color:#FF9800; content:""} .ser_desc {display:inline-block; font-size:15px; margin-bottom:20px !important} .ser_tb_bot {margin-bottom:35px !important} .ser_img {margin:30px !important; text-align:center} /* YOUTUBE */ .tube_wrapper {position: relative; width: 85%; margin: 0 auto 70px auto} .tube_wrapper .inner_wrap {position: relative; width: 100%; height:0; padding-bottom: 56.25%; overflow: hidden;} .tube_wrapper .inner_wrap iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0;} /* Media */ @media screen and (max-width: 1230px) { /* 지원사업 탭 */ .seed_menu ul {border-bottom:none; font-size:0} .seed_menu ul li {display:inline-block; margin:0 8px 8px 0; padding:0; float:none} .seed_menu ul li a {border:#444 1px solid;} .seed_menu ul li.act a {border-color:#3b8ced;} /* QUICK */ .side_quick {display:none} } @media screen and (max-width: 1200px) { .plan-tb td {padding:15px 10px;} } @media screen and (max-width: 768px) { .tab_menu {display:none} .orz_wrap {padding:0} .tree li div.dep1 p {width:50%} /* Solution */ .sol_sec_skill_col3 .vc_column-inner {border-left:#555 1px solid} .sol_effec_wrap h4 {position:static; top:0; left:0; color:#333; font-size:18px; font-weight:700; margin-bottom:1.2em} .sol_effec_wrap ul {list-style:none; margin:0 0 0 20px} .sol_slogun_wrap p {text-align:left} .sol_slogun_wrap p br {display:none} /* 상단 타이틀 */ #fancy-header.title-center.breadcrumbs-off .hgroup {margin:0} /* 지원사업 탭 */ .seed_menu ul li {display:block; margin:-1px 0 0 0;} .seed_menu ul li a {border:#444 1px solid;} /* YOUTUBE & Movie */ .tube_wrapper {width: 100%;} .form_eng_wrap {width: 100%;} } @media screen and (max-width: 600px) { .tb_oh {width:100%; overflow-x:auto} .tb_oh table {width:600px} .w800 table {width:800px} } @media screen and (max-width: 480px) { /* Main */ .main_sec_ti {font-size:24px;} /* Common */ #fancy-header .fancy-title>span {font-size:24px; line-height:1.4em} .vc_row-has-fill>.vc_column_container>.vc_column-inner {padding-top:10px !important} /* Orz */ .tree > li:first-child:after {height:60px} .tree > li > ul {border-bottom:none} .tree > li:first-child > ul:before {display:none} .tree > li > ul > li {width:100%; padding:0; margin:0; float:none;} .tree > li > ul > li:last-child {float:none} .tree > li:first-child > ul > li {margin:0 0 20px 0} .tree > li:first-child > ul > li:last-child {margin:0} .tree li div.dep1 p {width:100%} .tree > li > ul > li > ul {margin:0} .tree > li > ul > li {margin-bottom:20px} /* Recruit */ .table-e2 {overflow:scroll} /* ABOUT */ .biz_area p {font-size:24px; } .case_h4 h4 {font-size:16px; text-align:center; line-height:1.5em} .tb_case_s th img {width:70px} .tb_case_s ul > li {line-height:1.5em} /* Page */ .page_ti {font-size:20px; line-height:1.4em; margin-top:25px} .page_ti:after {margin:15px auto 25px auto} /* Seed */ h3.head-bar {font-size:18px} .seed_menu ul li a {padding:8px 10px; font-size:13px;} .item-bot-sbj {line-height:1.5em} h4.head-check {font-size:15px; padding-left:26px; font-weight:600} .list-type-2 {margin:15px 0 35px 10px !important} .list-type-2 table {margin-top:0 !important} .inner_resp .vc_column-inner {margin-top:0 !important} /* Solution */ .row_resp {padding-top:30px !important; padding-bottom:30px !important;} .carousel-shortcode.carousel-shortcode-id-1 .owl-dot {margin:0 2px !important} /* TABLE */ .tb_intro th {line-height:1.5em; font-size:12px; word-break:keep-all} .tb_intro td {padding:10px 24px} .tb_intro td ul li {font-size:13px; margin-bottom:4px} .spt-tb th {padding:8px 10px; font-size:12px} .spt-tb td {padding:8px 10px; font-size:12px; line-height:1.5em; word-break:keep-all} }