@charset "utf-8";

.tb {font-weight:400 !important;}


.main_button {padding-top:60px; text-align:center;}
.main_button a {display:inline-block; font-size:13px; font-weight:300; color:#fff; height:38px; line-height:38px; border:1px solid #55b9ff; background:url(./image/images/main/more_case_w.png) no-repeat right 15px center #55b9ff; border-radius:20px; padding:0 40px 0 20px; transition:all 0.1s ease-out;}
.main_button a:hover {border:1px solid #55b9ff; background:url(./image/images/main/more_case_b.png) no-repeat right 15px center #fff; color:#55b9ff;}


/*sub_layout*/
#sub_layout .sub_visual {height:320px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
#sub_layout .sub_visual p.blind {position:absolute; top:0; left:0; width:100%; height:100%; background:url(./image/images/sub/caption_b75.png); display:none;}
#sub_layout.sub_01 .sub_visual {background-image:url(./image/images/sub/visual_01.jpg);}
#sub_layout.sub_02 .sub_visual {background-image:url(./image/images/sub/visual_02.jpg);}
#sub_layout.sub_03 .sub_visual {background-image:url(./image/images/sub/visual_03.jpg);}
#sub_layout.sub_04 .sub_visual {background-image:url(./image/images/sub/visual_04.jpg);}
#sub_layout.sub_05 .sub_visual {background-image:url(./image/images/sub/visual_05.jpg);}
#sub_layout .sub_visual {overflow:hidden;}
#sub_layout .sub_visual .sub_title .wrap {height:260px;}
#sub_layout .sub_visual .sub_title ul {position:absolute; bottom:20px; left:0;}
#sub_layout .sub_visual .sub_title ul li {color:#fff;}
#sub_layout .sub_visual .sub_title ul li.t1 {font-size:20px; line-height:25px; font-family:'Open Sans', sans-serif; font-weight:300; margin-bottom:5px;}
#sub_layout .sub_visual .sub_title ul li.t2 {font-size:40px; line-height:45px; font-family: "MontB", sans-serif;}
#sub_layout .snb {height:59px; line-height:59px; border-top:1px solid #fff; position:relative; z-index:2;}
#sub_layout .snb ul li {float:left; text-align:center;}
#sub_layout .snb ul.two li {width:50%;}
#sub_layout .snb ul.three li {width:33.33%;}
#sub_layout .snb ul.four li {width:25%;}
#sub_layout .snb ul.five li {width:20%;}
#sub_layout .snb ul.six li {width:16.66%;}
#sub_layout .snb ul li a {color:#fff; display:block; opacity:0.5; font-family:'Open Sans', sans-serif; font-weight:400;}
#sub_layout .snb ul li a:hover {opacity:1;}
#sub_layout .snb ul li.on a {border-top:2px solid #fff; height:57px; line-height:57px; background:url(./image/images/sub/snb_point.png) no-repeat center bottom; opacity:1;}
#sub_layout .sub_contents {min-height:500px; position:relative; overflow:hidden; zoom:1;}
#sub_layout .sub_contents #page_title {position:absolute; top:0; left:0; width:100%;}
#sub_layout .sub_contents #lnb {padding-top:30px;}
#sub_layout .sub_contents #lnb h4 {max-width: 1200px; margin:0 auto; background: url(./image/images/text_i.png) no-repeat left 14px; text-indent: 30px; font-size:30px; font-weight: 300; padding-bottom:30px;}
#sub_layout .sub_contents #lnb .wrap {border-bottom:1px solid #ccc; height:49px;}
#sub_layout .sub_contents #lnb ul {overflow:hidden; zoom:1;}
#sub_layout .sub_contents #lnb ul li {float:left; margin-right:10px; background: url(./image/images/tab_off_re.png) no-repeat left top; margin-left:-50px; position: relative; height:50px;}
#sub_layout .sub_contents #lnb ul li a {display:block; font-size:12px; font-weight:300; color:#888; height:50px; line-height: 50px; padding:0 24px; background: url(./image/images/tab_off.png) no-repeat right top;}
#sub_layout .sub_contents #lnb ul li a span {display: block; height:50px; background: url(./image/images/tab_off_li.jpg) repeat-x center top; padding:0 20px;}
#sub_layout .sub_contents #lnb ul li:nth-child(1) {z-index: 5; margin-left:0; background: url(./image/images/tab_off_ns_re.png) no-repeat left top;}
#sub_layout .sub_contents #lnb ul li:nth-child(2) {z-index: 4;}
#sub_layout .sub_contents #lnb ul li:nth-child(3) {z-index: 3;}
#sub_layout .sub_contents #lnb ul li:nth-child(4) {z-index: 2;}
#sub_layout .sub_contents #lnb ul li:nth-child(5) {z-index: 1;}
#sub_layout .sub_contents #lnb ul li.on {background: url(./image/images/tab_on_re.png) no-repeat left top; z-index: 6;}
#sub_layout .sub_contents #lnb ul li.on a {background: url(./image/images/tab_on.png) no-repeat right top; color:#505a64; font-weight: 500;}
#sub_layout .sub_contents #lnb ul li.on a span {background: url(./image/images/tab_on_li.jpg) repeat-x center top;}
#sub_layout .sub_contents #lnb ul li:first-child.on {background: url(./image/images/tab_on_ns_re.png) no-repeat left top;}
#sub_layout .sub_contents #lnb ul li:first-child.on a {background: url(./image/images/tab_on.png) no-repeat right top;}
#sub_layout .sub_contents #lnb ul li:last-child.on a {background: url(./image/images/tab_on_ns.png) no-repeat right top;}
#page_title {margin-top:520px;}
#page_title ul {position:absolute; top:0; right:0; padding-left:15px; background:url(./image/images/location_home.png) no-repeat left center;}
#page_title ul li {float:left; font-size:12px; height:50px; line-height:50px; margin-left:10px; font-weight:300; color:#888888; padding-right:14px; background:url(./image/images/location_divine.png) no-repeat right center;}
#page_title ul li.current {background:none; padding:0; font-weight:600; color:#444;}
#page {padding-top:60px;}
.button_box {padding-top:60px; text-align:center; clear:both;}
.sub_button {display:inline-block; font-size:13px; font-weight:300; color:#fff; height:38px; line-height:38px; border:1px solid #a31f15; background:url(./image/images/main/more_case_w.png) no-repeat right 15px center #a31f15; border-radius:20px; padding:0 40px 0 20px; transition:all 0.1s ease-out;}
.sub_button:hover {border:1px solid #a31f15; background:url(./image/images/more_case_b.png) no-repeat right 15px center #fff; color:#a31f15;}

th {font-weight:400;}
td {font-weight:300;}
td i {vertical-align:middle;}
.coltable {border-top:2px solid #444;}
.coltable th {padding:8px; border-bottom:1px solid #ddd; background:url(./image/images/sub/th_divine.png) no-repeat right center;}
.coltable td {padding:12px; border-bottom:1px solid #ddd;}
.coltable tr:hover td {background-color:#f9f9fb;}
.rowtable {border-top:2px solid #444;}
.rowtable th {padding:10px; border-bottom:1px solid #ddd; background:url(./image/images/sub/th_divine.png) no-repeat right center; width:25%;}
.rowtable th:last-child, .coltable th:last-child {background:none;}
.rowtable td {padding:10px; border-bottom:1px solid #ddd;}

.con_title {text-align:center; padding-bottom:80px;}
.con_title ul li.t1 {font-size:70px; line-height:65px; font-weight:200;}
.con_title ul li.t1 span {display:block; font-family: "MontB", sans-serif; font-size:30px; line-height:35px; padding-bottom:10px;}
.con_title ul li.t1 img {max-height:50px;}
.con_title ul li.deco {width:100px; height:1px; background-color:#000; margin:40px auto 0 auto;}
.con_title ul li.t2 {font-size:35px; line-height:40px; font-family: "NanumSquareR", sans-serif; margin-top:40px;}
.con_title ul li.t3 {font-size:18px; line-height:36px; font-weight:300; margin:30px auto 0 auto; width:75%;}
.con_title ul li.img {position:relative; height:400px; margin-top:30px;}
.con_title ul li.img img {position:absolute; top:0; left:50%; margin-left:-800px; height:100%;}
.con_title ul li.logo {padding-top:50px; margin-top:50px; border-top:1px solid #eee;}
.con_title ul li.logo p.img img {max-width:75%; margin:0 auto;}
.con_title ul li.logo p.text {font-size:60px; line-height:65px; font-family: "Helvetica67"; padding:20px 0; color:#a31f15;}
.con_title.with_img p {float:right; width:45%; padding-top:50px;}
.con_title.with_img p img {max-width:100%;}
.con_title.with_img ul {max-width:50%;}
.con_title.with_img ul li {text-align:left;}
.con_title.with_img ul li.deco {margin:40px auto 0 0;}
.con_title.with_img ul li.t3 {width:100%;}

.text_i {font-size:20px; line-height:30px; margin-bottom:30px; letter-spacing:-0.5pt; background:url(./image/images/sub/text_i.png) no-repeat left 6px; padding-left:32px;}
.text_c {font-size:18px; line-height:36px; margin-bottom:30px; font-weight:300;}
.keytitle {font-size:30px; line-height:35px; font-family: "MontB", sans-serif; margin-bottom:30px;}
.keytitle span {display:block; font-family: "NanumSquareR", sans-serif; font-weight:300; padding-top:10px;}
.sum_title {font-size:30px; line-height:40px; font-family: "NanumSquareR", sans-serif; font-weight:300; margin-bottom:20px;}
.kb_title {font-size:40px; line-height:60px; font-weight:200; margin-bottom:30px;}
.kb_title span {display:block; font-size:25px; line-height:30px; font-family: "NanumSquareR", sans-serif; font-weight:300;}

.num_list {overflow:hidden; zoom:1;}
.num_list li {font-size:18px; line-height:28px; position:relative; padding-left:45px; font-weight:300; margin:10px 0;}
.num_list li span {width:30px; text-align:center; height:30px; line-height:30px; display:block; border-radius:15px; font-size:15px; background-color:#a31f15; color:#fff; position:absolute; top:0; left:0;}

.point_list {overflow:hidden; zoom:1;}
.point_list li {font-size:18px; line-height:28px; position:relative; padding-left:15px; font-weight:300; margin-bottom:10px;}
.point_list li:last-child {margin-bottom:0;}
.point_list li span {position:absolute; top:0; left:0; color:#a31f15;}

ul.img_flist {overflow:hidden; zoom:1;}
ul.img_flist li {float:left;}
ul.img_flist li span {display:block; padding:0 10px;}
ul.img_flist li span img {width:100%;}
ul.img_flist.three li {width:33.33%;}

.keyf_list.type_01 .keytitle {text-align:center; margin-bottom:40px;}
.keyf_list.type_01 ul {border-top:2px solid #000; overflow:hidden; zoom:1;}
.keyf_list.type_01 ul li {width:50%; float:left; padding:0; border-bottom:1px solid #000; font-size:16px; line-height:26px; margin-bottom:0;}
.keyf_list.type_01 ul li span {padding:8px 0;}
.keyf_list.type_01 ul li p {padding:10px 15px;}
.keyf_list.type_02 {border-top:2px solid #000; overflow:hidden; zoom:1;}
.keyf_list.type_02 .keytitle {width:20%; float:left; padding-top:20px;}
.keyf_list.type_02 ul {width:75%; float:right; overflow:hidden; zoom:1;}
.keyf_list.type_02 ul li {width:50%; float:left; padding:0; border-bottom:1px solid #000; font-size:16px; line-height:26px;}
.keyf_list.type_02 ul li span {padding:8px 0;}
.keyf_list.type_02 ul li p {padding:10px 15px;}
.keyf_img_list {overflow:hidden; zoom:1;}
.keyf_img_list>* {padding:80px 4%;}
.keyf_img_list h4 {width:32%; float:left; text-align:right; background-color:#ddd; background-size:cover; background-repeat:no-repeat; background-position:center center; margin:0; color:#fff;}
.keyf_img_list ul {width:52%; float:right; background-color:#f9f9fb;}
.keyf_img_list ul li {margin:20px 0;}
.keyf_img_list ul li span {top:0;}

.ps_box {padding-top:200px; overflow:hidden;}
.ps_box .product_slide {background:url(./image/images/sub/sub1_1mapu.png) no-repeat center bottom #a31f15; padding-bottom:80px;}
.ps_box .product_slide .slide_box {position:relative;}
.ps_box .product_slide .slide_box .bg {position:absolute; top:-200px; left:50%; margin-left:-600px; z-index:999;}
.ps_box .product_slide .slide_box .rolling {position:relative; z-index:1;}
.ps_box .product_slide .slide_box .rolling *:focus {outline:0;}
.ps_box .product_slide .slide_box .rolling p.img {position:absolute; top:-200px; left:50%; margin-left:-600px; text-align:center;}
.ps_box .product_slide .slide_box .rolling p.img span.box {display:block; position:relative;}
.ps_box .product_slide .slide_box .rolling p.img span.box .caption {position:absolute; bottom:0; left:0; width:100%; height:50px; line-height:50px; background:url(./image/images/sub/caption_50.png); color:#fff;}
.ps_box .product_slide .slide_box .rolling p.text {color:#fff; font-size:18px; line-height:36px; font-weight:300; padding-top:310px; margin:0 150px;}
.ps_box .product_slide .slide_box .rolling p.text>span {display:block; position:relative; color:#fff; text-align:center;}
.ps_box .product_slide .slide_box .rolling p.text>span>span {color:#fff; margin-right:10px;}
.ps_box .product_slide .slide_box .rolling p.space {padding-top:280px;}
.ps_box .product_slide .slide_box .rolling .slick-slide {float:left;}
.ps_box .product_slide .slide_box .rolling button {position:absolute; top:320px; left:0; font-size:0; border:0; background:url(./image/images/sub/slide/slide_control.png) no-repeat left center; width:50px; height:100px; z-index:9999;}
.ps_box .product_slide .slide_box .rolling button.slick-next {left:auto; right:0; background-position:right center;}

.feature_box {background:url(./image/images/sub/sub1_1mapl.png) no-repeat center top #f9f9fb; padding:100px 0;}
.feature_box .con_title ul li.t1 {font-size:50px;}
ul.feature_list {overflow:hidden; zoom:1;}
ul.feature_list li {width:48%; float:left; margin-bottom:20px;}
ul.feature_list li:nth-child(even) {padding-left:2%;}
ul.feature_list li:nth-child(odd) {padding-right:2%;}
ul.feature_list.three li {width:33.33%; padding:0;}
ul.feature_list.three li p {margin-right:15px; margin-left:15px;}
ul.feature_list.two li {width:50%; padding:0;}
ul.feature_list.four li {width:25%; padding:0;}
ul.img_list {overflow:hidden; zoom:1;}
ul.img_list li {float:left;}
ul.img_list li img {width:100%; border:1px solid #ddd;}
ul.img_list.three li {width:30%; margin:0 1.5%;}
.product_slide .sub_button {border:1px solid #fff; background:url(./image/images/main/more_case_b.png) no-repeat right 15px center #fff; color:#a31f15;}
.product_slide .sub_button:hover {border:1px solid #fff; background:url(./image/images/main/more_case_w.png) no-repeat right 15px center #a31f15; color:#fff;}
.img_sum div.img {width:48%; float:left; position:relative; text-align:center;}
.img_sum div.img img {max-width:100%; margin:0 auto;}
.img_sum div.text {width:48%; float:right;}
.vod_bg {height:340px; background-color:#f2f2f4; position:relative; margin:76px auto; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.vod_bg p.notebook {position:absolute; top:-70px; margin-left:-455px; left:50%;}
.vod_bg p.notebook img {height:491px;}
.vod_bg i {position:absolute; top:50%; left:50%; margin-top:-60px; margin-left:-40px;}
.vod_box {height:350px; background-color:#f2f2f4; position:relative; margin:175px auto; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.vod_box p.vod {max-width:1200px; margin:0 auto; position:relative;}
.vod_box p.vod iframe {width:100%; height:700px; margin-top:-175px;}
.vod_play i {display:block; width:80px; height:80px; text-align:center; line-height:80px; font-size:30px; color:#fff; background-color:#666; border-radius:40px;}

.dolly_01 {position:relative;}
.dolly_01>img {position:absolute; top:-100px; right:5px;}
.dolly_01 .upper {background-color:#a31f15;}
.dolly_01 .upper * {color:#fff;}
.dolly_01 .upper p {padding-right:50%;}
.dolly_01 .lower {background-color:#f9f9fb;}
.peacock_01 {margin-bottom:80px;}
.peacock_01 * {color:#fff;}
.peacock_01 ul {max-width:800px; padding-right:40px;}
.peacock_01 img {position:absolute; top:-80px; right:0; height:491px; width:911px; max-width:inherit !important;}
.chameleon_01 {position:relative; overflow:hidden; zoom:1;}
.chameleon_01 .text {position:absolute; top:0; left:0; width:40%; height:100%; background:url(./image/images/sub/1_4_bg.jpg) no-repeat center center; background-size:cover;}
.chameleon_01 .text div {position:relative; height:100%;}
.chameleon_01 .text div p {color:#fff; position:absolute; top:50px; right:50px; font-family: "MontB", sans-serif; text-align:right; font-size:40px; line-height:50px;}
.chameleon_01 .text div p span {display:block; color:#fff; font-family: "NanumSquareR", sans-serif; font-weight:300; font-size:30px; line-height:40px;}
.chameleon_01 .img {text-align:center; padding:5%; float:right; width:50%;}
.chameleon_01 .img.lower {clear:both;}
.chameleon_01 .img img {max-width:100%; margin:0 auto;}
.roro .con_title ul li.t1 img {max-height:60px;}
.roro_01.monitor_box {text-align:center; height:550px; position:relative; background:url(./image/images/sub/1_5_bg.png) no-repeat center center #a31f15; margin:50px 0;}
.roro_01.monitor_box p.monitor {width:800px; height:606px; position:absolute; top:-40px; left:50%; margin-left:-400px; z-index:0;}
.roro_01.monitor_box p.monitor img {width:100%; display:block;}
.roro_01.monitor_box iframe {width:724px; height:408px; position:absolute; top:-10px; left:50%; margin-left:-364px; z-index:1;}
.roro_02 {text-align:center; padding:80px 0;}
.roro_02 ul.title li.t1 {font-size:25px; line-height:35px; font-weight:400; color:#a31f15; margin-bottom:10px;}
.roro_02 ul.title li.t2 {font-size:40px; line-height:60px; font-weight:300;}
.roro_02 ul.title li.deco {width:100px; height:1px; background-color:#000; margin:60px auto;}
.roro_02 ul.con {overflow:hidden; zoom:1; margin:0 auto;}
.roro_02 ul.con li {width:33.33%; float:left;}
.roro_02 ul.con li p {padding:0 20px; font-size:30px; line-height:40px; font-weight:200;}
.roro_02 ul.con li p.img {margin-bottom:20px;}
.roro_03 .wrap {overflow:hidden; zoom:1;}
.roro_03 .kb_title {width:30%; float:left; line-height:50px;}
.roro_03 .kb_title span {padding-top:20px; font-family: "MontB", sans-serif; color:#afb9c3;}
.roro_03 .con {width:65%; float:right;}
.roro_03 .con ul {overflow:hidden; zoom:1;}
.roro_03 .con ul li {width:48%;}
.roro_03 .con ul li img {max-width:100%;}
.atlassian {background:url(./image/images/sub/bg_studio.png) repeat-x center top;}
.atlassian .vod_bg {max-width:1600px; background-image:url(./image/images/sub/2_1_bg.jpg);}
.atlassian_01 .wrap {border-top:2px solid #444; overflow:hidden; zoom:1;}
.atlassian_01 h3 {width:30%; float:left;}
.atlassian_01 div.summary {width:60%; float:right;}
.atla_list {background-color:#f9f9fb;}
.atla_list .wrap>ul {overflow:hidden; zoom:1;}
.atla_list .wrap>ul>li {width:33%; float:left; margin-bottom:80px; position:relative;}
.atla_list .wrap>ul>li ul {padding:0 25px 30px 25px;}
.atla_list .wrap>ul>li ul li.class {color:#888;}
.atla_list .wrap>ul>li ul li.logo {margin-bottom:20px;}
.atla_list .wrap>ul>li ul li.logo img {height:40px;}
.atla_list .wrap>ul>li ul li.t1 {font-size:20px; line-height:30px; font-family: "NanumSquareR", sans-serif; font-weight:600; margin-bottom:10px;}
.atla_list .wrap>ul>li ul li.t2 {font-size:18px; line-height:28px; font-weight:300; margin-bottom:30px;}
.atla_list .wrap>ul>li ul li.btn {position:absolute; bottom:0; left:25px;}
.atla_list .wrap>ul>li:nth-child(4), .atla_list .wrap>ul>li:nth-child(7) {clear:both;}
.atla_market {background:url(./image/images/sub/2_1_bg.png) no-repeat center bottom; padding-bottom:460px !important;}
.atla_market ul li.logo {margin-bottom:20px;}
.atla_market ul li.logo img {height:50px;}
.atla_market ul li.t1 {font-size:20px; line-height:30px; font-family: "NanumSquareR", sans-serif; font-weight:600; margin-bottom:10px;}
.atla_market ul li.t2 {font-size:18px; line-height:28px; font-weight:300; margin-bottom:30px;}
.atla_market ul li.btn {margin-bottom:50px;}
.atla_market ul li.btn a {margin-right:10px;}
.atla_market .table {position:relative; padding-right:220px;}
.atla_market .table img {width:120px; position:absolute; top:40px; right:40px;}
.redhat .con_title {margin-bottom:120px;}
.redhat .vod_box {background:url(./image/images/sub/map_dot_white_35.png) no-repeat center -150px #cc0000;}
.redhat_01 .wrap {border-top:2px solid #444; overflow:hidden; zoom:1;}
.redhat_01 h3 {width:30%; float:left;}
.redhat_01 div.summary {width:60%; float:right;}
.redhat_01 div.summary ul {clear:both; margin-bottom:60px; overflow:hidden; zoom:1;}
.redhat_01 div.summary ul li.title {padding:15px 0; font-size:25px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.redhat_01 div.summary ul li.list {width:33.33%; float:left; text-align:center; font-size:18px; line-height:28px; font-weight:300;}
.redhat_01 div.summary ul li.list .icon {padding-bottom:30px;}
.centos_01 {overflow:hidden; zoom:1;}
.centos_01 div.left {width:45%; float:left; text-align:right; background-color:#ea781c;}
.centos_01 div.left>div {max-width:60%; margin:0 0 0 auto;}
.centos_01 div.left>div p.img {text-align:center; margin-bottom:40px;}
.centos_01 div.right {width:55%; float:right; background-color:#e68e27;}
.centos_01 div.right>div {max-width:60%;}
.centos_01>div>div {padding:60px;}
.centos_01>div>div * {color:#fff;}
.centos_01>div>div .num_list span {background-color:#fff; color:#e68e27;}
.centos_02 .wrap {overflow:hidden; zoom:1;}
.centos_02 .kb_title {width:30%; float:left;}
.centos_02 div.graph {width:60%; float:right;}
.centos_02 div.graph canvas {height:400px;}
.centos_02 div.graph .upper {padding-bottom:40px; margin-bottom:60px; border-bottom:1px solid #000;}
.suse_01 {background-color:#7ac042;}
.suse_01 table {background-color:#fff;}
.suse_01 table th:last-child, .suse_01 table td:last-child {border-right:0;}
.suse_01 table tr:hover td {background-color:transparent;}
table tr:hover td.bg_dgray {background-color:#f2f2f4;}
.suse_02 .kb_title {max-width:75%;}
.suse_03 {background:url(./image/images/sub/2_2_3_cloud.png) no-repeat center -40px #f9f9fb;}
.suse_03 .wrap {overflow:hidden; zoom:1;}
.suse_03 .keytitle {float:left; width:25%; color:#7ac042;}
.suse_03 .wrap div {float:right; width:70%;}
.suse_03 ul li {width:38%; padding-right:4%; float:left;}
.suse_03 ul li span {background-color:#7ac042;}
.openstack_01 {text-align:center; max-width:1600px; margin:0 auto; background:url(./image/images/sub/2_3_1_openstack_bg.jpg) no-repeat center center; background-size:cover;}
.openstack_01 * {color:#fff; max-width:100%;}
.openstack_01 .kb_title {margin-bottom:40px;}
.openstack_02 {max-width:1600px; margin:0 auto; background-color:#a31f15; position:relative; overflow:hidden;}
.openstack_02 img.upper {position:absolute; top:-100px; left:-100px; width:1000px;}
.openstack_02 img.lower {position:absolute; bottom:-100px; right:-100px; width:800px;}
.openstack_02 * {color:#fff;}
.openstack_02 .wrap {overflow:hidden; zoom:1;}
.openstack_02 div.group {width:33.33%; float:left; margin-bottom:40px;}
.openstack_02 div.group>* {margin:0 20px;}
.openstack_02 h5 {position:relative; font-size:30px; line-height:35px; font-weight:200; padding:20px 0; border-top:2px solid #fff;}
.openstack_02 h5 span {display:block; font-size:15px; line-height:20px; font-family: "MontB", sans-serif;}
.openstack_02 h5 i {font-size:40px; position:absolute; top:50%; right:0; margin-top:-20px;}
.openstack_02 .group>p {padding-bottom:40px;}
.openstack_02 ul {overflow:hidden; zoom:1;}
.openstack_02 ul li {width:33.33%; float:left;}
.openstack_02 ul li p {padding:0 10px; position:relative; text-align:center; font-size:15px; line-height:20px; font-family: "MontB", sans-serif;}
.openstack_02 ul li p img {width:100%;}
.openstack_02 ul li p span {position:absolute; top:50%; margin-top:-10px; left:0; width:100%; text-align:center;}
.openstack_02 ul li p.text {padding-top:10px;}
.rhos .vod_box {background:url(./image/images/sub/map_dot_white_35.png) no-repeat center -150px #505a64;}
.rhos_01 {background:url(./image/images/sub/2_3_2_bg.jpg) no-repeat center center; background-size:cover; text-align:center; margin-top:-175px;}
.rhos_01 .wrap {padding-top:175px;}
.rhos_01 h4 {font-size:30px; line-height:40px; font-family: "MontB", sans-serif;}
.rhos_01 h4 span {display:block; font-family: "MontB", sans-serif; color:#c70100;}
.rhos_01 ul {border-top:1px solid #000; margin:30px 0;}
.rhos_01 ul li {padding:15px 0; text-align:center; margin:0; border-bottom:1px solid #000;}
.rhos_01 img {max-width:100%;}
.rhos_02 {text-align:center; position:relative;}
.rhos_02 .wrap {margin-top:-50px;}
.rhos_02 img {max-width:100%; position:relative; z-index:2;}
.rhos_02 p {position:absolute; top:50px; left:0; width:100%; height:300px; z-index:1; background:url(./image/images/sub/map_dot_white_35.png) no-repeat center center #a31f15;}
.rhos_03 .wrap {overflow:hidden; zoom:1; padding-top:40px; border-top:2px solid #000;}
.rhos_03 h5 {width:30%; float:left; font-size:30px; line-height:40px; font-weight:300;}
.rhos_03 h5 span {display:block; font-family: "MontB", sans-serif; font-size:40px; line-height:50px;}
.rhos_03 p {width:70%; float:right; text-align:right;}
.rhos_03 p img {max-width:100%;}
.apache {background:url(./image/images/sub/2_4_1_apache.png) no-repeat center -100px;}
.nginx_01 .wrap {overflow:hidden; zoom:1;}
.nginx_01 .obj {position:relative; width:50%; float:left; text-align:center;}
.nginx_01 .obj img {max-width:100%;}
.nginx_01 .obj i {position:absolute; top:50%; left:50%; margin-top:-80px; margin-left:-60px; background-color:#19bf6b;}
.nginx_01 .text_c {width:50%; float:right;}
.tomcat .con_title {position:relative; padding-bottom:20px;}
.tomcat .con_title>img {position:absolute; bottom:-80px; left:50%; margin-left:-1000px;}
.tomcat i {background-color:#ffdc76;}
.tomcat .vod_bg {background:url(./image/images/sub/map_dot_white_35.png) no-repeat center center #d1a41a; background-size:initial;}
.wildfly_01 .keyf_img_list h4 {background-image:url(./image/images/sub/2_5_2_bg.jpg);}
.wildfly_01 .keyf_img_list ul li span {background-color:#243446;}
.jboss_01 .keyf_img_list h4 {background-image:url(./image/images/sub/2_5_3_bg.jpg);}
.jboss_01 .keyf_img_list ul li span {background-color:#cc0000;}
.scouter .con_title p.img {margin-right:-100px;}
.scouter .con_title ul {max-width:60%;}
.scouter_01 {clear:both; position:relative;}
.scouter_01 p.bg {width:100%; height:300px; position:absolute; top:120px; left:0; z-index:-1; background:url(./image/images/sub/2_6_1_scouter_bg.jpg) no-repeat center center; background-size:cover;}
.scouter_01 .wrap>ul {overflow:hidden; zoom:1;}
.scouter_01 .wrap>ul>li {width:33.33%; float:left;}
.scouter_01 .wrap>ul>li ul {border:1px solid #ddd; background-color:#fff; position:relative; padding:20px; margin:10px;}
.scouter_01 .wrap>ul>li ul li.t1 {font-size:20px; line-height:25px; font-weight:300; padding-right:50px;}
.scouter_01 .wrap>ul>li ul li.t2 {font-size:15px; line-height:25px; font-weight:300; padding-top:30px;}
.scouter_01 .wrap>ul>li ul li.t3 {position:absolute; top:20px; right:20px;}
.scouter_02>div {overflow:hidden; zoom:1;}
.scouter_02>div .wrap {max-width:1000px;}
.scouter_02>div p {width:38%; float:left; text-align:right;}
.scouter_02>div p img {max-width:100%;}
.scouter_02>div ul {width:58%; float:right;}
.zabbix .con_title p.img {width:30%;}
.zabbix .con_title ul {max-width:70%;}
.zabbix .vod_bg {margin:140px auto; background:url(./image/images/sub/map_dot_white_35.png) no-repeat center center #d50100; background-size:initial; position:relative;}
.zabbix .vod_bg p.notebook {top:-110px;}
.zabbix .vod_bg p.notebook img {height:570px;}
.zabbix .roll_box {width:911px; height:570px; position:absolute; top:-110px; left:50%; margin-left:-455px; overflow:hidden;}
.zabbix .roll_box *:focus {outline:0;}
.zabbix .roll_box .rolling {position:relative; height:570px;}
.zabbix .roll_box .rolling button {position:absolute; top:50%; margin-top:-50px; left:0; width:50px; height:100px; border:0; border-radius:0; background-color:transparent; background:url(./image/images/sub/slide/slide_control.png) no-repeat left center; font-size:0; z-index:9999;}
.zabbix .roll_box .rolling button.slick-next {left:auto; right:0; background-position:right center;}
.zabbix .slick-slide {float:left;}
.zabbix .slick-slide img {height:570px;}
.nagios .vod_box {background:url(./image/images/sub/map_dot_white_35.png) no-repeat center -150px #3c4650;}
.utol_01 .wrap {overflow:hidden; zoom:1;}
.utol_01 .kb_title {width:25%; float:left;}
.utol_01 .utol_class {width:65%; float:right; text-align:center;}
.utol_01 .utol_class img {max-width:100%;}
.utol_01 .utol_class .t1 {height:60px; line-height:60px; border:1px solid #a31f15; text-align:center; color:#a31f15; position:relative; margin-bottom:10px;}
.utol_01 .utol_class .t1 span {position:absolute; bottom:-70px;}
.utol_01 .utol_class .t1 span.left {left:10px;}
.utol_01 .utol_class .t1 span.right {right:10px;}
.utol_01 .utol_class .t1 i {color:#a31f15;}
.utol_01 .utol_class .t2 {padding:0 50px; margin-bottom:40px;}
.utol_01 .utol_class .t2 p {border:1px solid #000; width:48%; float:left; position:relative; text-align:center; padding:10px 0; font-size:15px; line-height:20px; font-weight:300;}
.utol_01 .utol_class .t2 p.right {float:right;}
.utol_01 .utol_class .t2>span {display:block;}
.utol_01 .utol_class .t2 p span {position:absolute; bottom:-40px;}
.utol_01 .utol_class .t3 {text-align:center; font-size:0; letter-spacing:0; word-spacing:0; clear:both;}
.utol_01 .utol_class .t3 p {border:1px solid #000; width:23%; margin:0 0.5%; display:inline-block; position:relative; padding:10px 0; font-size:13px; line-height:18px; font-weight:300; vertical-align:top;}
.utol_01 .utol_class .t3 p span.num {width:20px; line-height:20px; text-align:center; height:20px; border-radius:10px; font-size:12px; color:#fff; background-color:#a31f15; display:block; position:absolute; top:50%; left:10px; margin-top:-10px;}
.utol_01 .utol_class .t3 p span.pd {text-align:left; display:block; padding-left:44px;}
.utol_01 .utol_class .t4 {clear:both; padding-top:20px;}
.utol_01 .utol_class .t4>ul {overflow:hidden; zoom:1;}
.utol_01 .utol_class .t4>ul>li {float:left; width:25%;}
.utol_01 .utol_class .t4>ul>li>* {padding:0 5px;}
.utol_01 .utol_class .t4>ul>li>ul>li {font-size:13px; line-height:18px; font-weight:300; margin-bottom:5px;}
.utol_01 .utol_class .t4>ul>li .arrow {text-align:center; padding:10px 0;}
.utol_01 .utol_class .t4>ul>li .arrow i {font-size:30px;}
.utol_02 .wrap {overflow:hidden; zoom:1;}
.utol_02 .kb_title {width:25%; float:left; color:#fff;}
.utol_02 .utol_direction {width:65%; float:right; text-align:center;}
.utol_02 .utol_direction img {max-width:100%;}
.utol_02 .utol_direction ul li {padding:10px; border:1px solid #fff; margin-bottom:10px; color:#fff; font-size:15px; line-height:20px; font-weight:300;}
.utol_02 .utol_direction ul li.two {overflow:hidden; zoom:1; border:0; padding:0;}
.utol_02 .utol_direction ul li.two p {width:38%; border:1px solid #fff; padding:10px 5%; color:#fff;}
.utol_02 .utol_direction ul li.white {background-color:#fff; color:#a31f15;}
.utol_02 .utol_direction>div {float:left; text-align:center;}
.utol_02 .utol_direction>div.left {width:40%;}
.utol_02 .utol_direction>div.center {width:20%; position:relative;}
.utol_02 .utol_direction>div.center p {color:#fff; text-align:center; padding-top:60px;}
.utol_02 .utol_direction>div.center i {display:block; color:#fff; font-size:30px;}
.utol_02 .utol_direction>div.center i.mobile {display:none;}
.utol_02 .utol_direction>div.right {width:40%;}
.utol_03 .wrap {overflow:hidden; zoom:1;}
.utol_03 .wrap>div {width:33.33%; float:left;}
.utol_03 .wrap>div>* {padding:0 3px;}
.utol_03 .utol_anal li {padding:10px; text-align:center; border:1px solid #000; margin-bottom:6px; font-size:15px; line-height:20px; font-weight:300; position:relative;}
.utol_03 .utol_anal li.fake {border:0;}
.utol_03 .utol_anal li.two {overflow:hidden; zoom:1; border:0; padding:0;}
.utol_03 .utol_anal li.two p {padding:10px 2%; width:44%; border:1px solid #ddd;}
.utol_03 .utol_anal li span.num {width:20px; line-height:20px; text-align:center; height:20px; border-radius:10px; font-size:12px; color:#fff; background-color:#a31f15; display:block; position:absolute; top:50%; left:10px; margin-top:-10px;}
.utol_03 .utol_anal li span.pd {padding-left:30px; display:block;}
.utol_03 .utol_anal li span.tag {position:absolute; top:50%; margin-top:-20px; right:10px; width:75px; display:block; padding:10px 0; background-color:#b4bec8; color:#fff; border-radius:5px;}
.utol_03 .utol_anal li.blue {border-color:#a31f15; color:#a31f15; font-weight:500;}
.utol_03 .point_list {padding:20px 10px 0 10px !important;}
.utol_03 .point_list li {font-size:15px; line-height:25px;}
.utol_03 .point_list li.title {font-size:20px; line-height:25px; font-weight:400; margin-bottom:10px;}
.utol_04 {overflow:hidden; zoom:1; position:relative;}
.utol_04 * {color:#fff;}
.utol_04 h4 {position:absolute; top:60px; left:0; width:100%; text-align:center; font-size:25px; line-height:35px; font-weight:300;}
.utol_04 h4 span {display:inline-block; padding:15px; border:3px solid #fff;}
.utol_04>div {width:42%; padding:220px 4% 80px 4%; float:left;}
.utol_04>div.left {background:url(./image/images/sub/3_1_u2l_1.jpg) no-repeat center center; background-size:cover; text-align:right;}
.utol_04>div.right {background:url(./image/images/sub/3_1_u2l_2.jpg) no-repeat center center; background-size:cover;}
.utol_04 .point_list li span {color:#fff;}
.utol_04 .left .point_list li {padding-left:0; padding-right:15px;}
.utol_04 .left .point_list li span {left:auto; right:0;}
.middleware_01 .wrap {padding-top:40px; border-top:2px solid #000; overflow:hidden; zoom:1;}
.middleware_01 img {max-width:100%;}
.middleware_01 h4 {width:30%; float:left;}
.middleware_01 p {width:65%; float:right;}
.middleware_02 {overflow:hidden; zoom:1; position:relative;}
.middleware_02>img {position:absolute; top:-300px; left:50%; margin-left:-660px;}
.middleware_02 * {color:#fff;}
.middleware_02 h4 {position:absolute; top:80px; left:0; width:100%; text-align:center; font-size:25px; line-height:35px; font-weight:300;}
.middleware_02 h4 span {display:inline-block; padding:15px; border:3px solid #fff;}
.middleware_02>div {width:42%; padding:220px 4% 80px 4%; float:left;}
.middleware_02>div.left {background-color:#7d8790; text-align:right;}
.middleware_02>div.right {background-color:#404c59; background-size:cover;}
.middleware_02 .point_list li span {color:#fff;}
.middleware_02 .left .point_list li {padding-left:0; padding-right:15px;}
.middleware_02 .left .point_list li span {left:auto; right:0;}
.dtoc_01 .wrap {overflow:hidden; zoom:1;}
.dtoc_01 p {width:49%;}
.dtoc_01 p img {max-width:100%;}
.dtoc_02 {background:url(./image/images/sub/3_3_d2c_3.jpg) no-repeat center center; background-size:cover;}
.dtoc_02 * {color:#fff !important; border-color:#b4bec8 !important;}
.aws_01 {overflow:hidden; zoom:1;}
.aws_01>div {width:25%; float:left;}
.aws_01>div * {color:#fff;}
.aws_01>div div {padding:40px;}
.aws_01>div.group_01 {background:url(./image/images/sub/3_4_aws_1.jpg) no-repeat center center; background-size:cover;}
.aws_01>div.group_02 {background:url(./image/images/sub/3_4_aws_2.jpg) no-repeat center center; background-size:cover;}
.aws_01>div.group_03 {background:url(./image/images/sub/3_4_aws_3.jpg) no-repeat center center; background-size:cover;}
.aws_01>div.group_04 {background:url(./image/images/sub/3_4_aws_4.jpg) no-repeat center center; background-size:cover;}
.aws_03 {background:url(./image/images/sub/3_4_case.jpg) no-repeat center center fixed; background-size:cover;}
.aws_03 .wrap {background:url(./image/images/sub/caption_b75.png); padding:80px 40px;}
.aws_03 .con_title * {color:#fff;}
.aws_03 .con_title .deco {background-color:#fff;}
.aws_03 .list h5 {font-size:16px; line-height:26px; display:inline-block; padding:10px 15px; background-color:#fff; border-radius:50px; font-family: "MontB", sans-serif; color:#a31f15; margin-bottom:20px;}
.aws_03 .list p {color:#fff; margin-bottom:60px; font-size:15px; line-height:25px;}
.aws_03 .list p:last-child {margin:0;}
.opensource_01 th {font-family: "MontB", sans-serif; font-size:20px; line-height:25px; color:#505a64;}
#page.opensource {overflow:hidden; zoom:1; position:relative;}
#page.opensource>img {position:absolute; top:-200px; left:50%; margin-left:-800px;}
.recruit_01 ul {overflow:hidden; zoom:1;}
.recruit_01 ul li {width:25%; float:left; text-align:center; background:url(./image/images/sub/5_3_arrow.jpg) no-repeat right 50px;;}
.recruit_01 ul li:last-child {background:none;}
.recruit_01 ul li img {max-width:100%;}
.recruit_01 ul li p.text {padding-top:20px; font-size:18px; line-height:28px; font-weight:300;}
.recruit_02 {background:url(./image/images/sub/5_3_recruit_3.jpg) no-repeat center center; background-size:cover; max-width:1600px; margin:0 auto;}
.recruit_02 .keyf_list * {color:#fff !important; border-color:#fff !important;}
.recruit>div .wrap {overflow:hidden; zoom:1; border-top:1px solid #ddd;}
.recruit>div h4 {width:30%; float:left; font-family: "NanumSquareR", sans-serif; font-weight:300; font-size:30px; line-height:35px; border-top:2px solid #000; padding-top:30px;}
.recruit>div h4 p {font-size:25px; line-height:30px; font-weight:200; padding-top:10px;}
.recruit>div .con {width:65%; float:right; padding-top:30px;}
.recruit_02 .wrap {border:0 !important;}
.recruit_02 h4 {border:0 !important; padding:0 !important; color:#fff;}
.recruit_02 h4 p {color:#fff;}
.recruit_03 .con>ul>li {width:33.33%; float:left; text-align:center}
.recruit_03 .con>ul>li p.text {font-size:18px; line-height:28px; font-weight:300; padding:20px 15px 0 15px; letter-spacing:-0.5pt;}



h4.about_title {font-size:30px; line-height:45px; font-family: "NanumSquareR", sans-serif; font-weight:300; margin-bottom:60px; text-align:center;}
h4.about_title span {display:block; font-family: "MontB", sans-serif; font-size:30px; line-height:35px; color:#28323c; padding-bottom:5px;}
.about_history {padding:120px 0; background:url(./image/images/sub/about_history.png) no-repeat center top -80px;}
.about_history ul {overflow:hidden; zoom:1; background:url(./image/images/sub/dot_ddd.jpg) repeat-y center top;}
.about_history ul li {clear:both; width:48%; padding-bottom:30px;}
.about_history ul li:last-child {padding-bottom:0;}
.about_history ul li.fl {text-align:right; padding-right:2%;}
.about_history ul li.fr {padding-left:2%;}
.about_history ul li p.year {font-size:25px; margin-bottom:10px; font-family: "NanumSquareR", sans-serif; color:#28323c; position:relative;}
.about_history ul li p.year span.point {display:block; width:16px; height:16px; background:url(./image/images/sub/point.png) no-repeat center center; position:absolute; top:0;}
.about_history ul li.fl p.year {padding-right:15px;}
.about_history ul li.fr p.year {padding-left:15px;}
.about_history ul li.fl p.year span {right:-5.5%;}
.about_history ul li.fr p.year span {left:-5.5%;}
.about_history ul li p.list {font-weight:300; position:relative; font-size:18px; line-height:28px; color:#666; margin:5px 0;}
.about_history ul li p.list span {position:absolute; top:0; color:#bbb; font-size:10px;}
.about_history ul li.fl p.list {padding-right:15px;}
.about_history ul li.fl p.list span {right:0;}
.about_history ul li.fr p.list {padding-left:15px;}
.about_history ul li.fr p.list span {left:0;}
.about_customer {background:#505a64; padding:80px 0;}
.about_customer h4 {color:#fff; margin-bottom:20px;}
.about_customer h4 span {color:#fff;}
.about_customer ul {overflow:hidden; zoom:1; font-size:0; letter-spacing:0; word-spacing:0;}
.about_customer ul li {height:60px; overflow:hidden; display:inline-block; margin-top:20px; border-radius:30px; width:16.66%; position:relative;}
.about_customer ul li img {position:absolute; top:-60px; left:50%; margin-left:-100px;}
.about_customer ul li:hover img {top:0;}
.about_partner {background:url(./image/images/sub/about_customer.jpg) no-repeat center top fixed #505a64; background-size:cover; padding:80px 0;}
.about_partner h4 {color:#fff; margin-bottom:20px;}
.about_partner h4 span {color:#fff;}
.about_partner ul {overflow:hidden; zoom:1; font-size:0; letter-spacing:0; word-spacing:0;}
.about_partner ul li {overflow:hidden; display:inline-block; margin-top:12px;  width:16.66%; position:relative;}
.about_partner ul li a {display:block; overflow:hidden; border-radius:5px; margin:0 6px;}
.about_partner ul li img {width:100%; display:block;}
.about_contact {position:relative; padding:40px 0;}
.about_contact .wrap {max-width:inherit; background:url(./image/images/sub/caption_35.png);}
.about_contact .info {max-width:50%; padding:30px; border-radius:3px; overflow:hidden; position:relative; z-index:1; margin:0 auto;}
.about_contact .info ul li {color:#fff; position:relative; padding-left:150px; font-size:18px; line-height:28px; font-weight:300; margin-bottom:30px;}
.about_contact .info ul li span {color:#fff; position:absolute; top:0; left:40px; font-family: "NanumSquareR", sans-serif;}
.about_contact .info ul li p {color:#fff; position:relative; margin:5px 0;}
.about_contact .info ul li p span {left:0;}
.about_contact .info ul li i {color:#fff000; position:absolute; top:0; left:0; font-size:28px;}
.about_contact .info ul li.mail {padding-left:40px;}
.about_contact .info ul li.mail p {padding-left:110px;}
.about_contact .info ul li.time p {padding-left:80px;}
.about_contact div.button {text-align:center; border-top:1px dotted #bbb; padding-top:20px;}
.about_contact p.blind {position:absolute; top:0; left:0; width:100%; height:100%; background:url(./image/images/sub/caption_50.png); z-index:0;}
.about_contact iframe {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.about_people {padding:100px 0;}
.about_people .wrap>ul {overflow:hidden; zoom:1;}
.about_people .wrap>ul>li {float:left; width:16.66%; overflow:hidden;}
.about_people .wrap>ul>li ul {margin:5px; position:relative; padding-bottom:125%; background-color:#505a64;}
.about_people .wrap>ul>li ul li.text {color:#fff; z-index:3; font-family: "MontB", sans-serif; position:absolute; bottom:10px; left:0; width:90%; margin-right:5%; opacity:0; transition:all 0.25s ease-out;}
.about_people .wrap>ul>li ul li.text span {color:#fff; display:block; font-family:'Open Sans', sans-serif;}
.about_people .wrap>ul>li ul li.text>span {font-size:13px; line-height:18px; opacity:0.6; padding-top:2px;}
.about_people .wrap>ul>li ul li.text>span span {font-size:11px; line-height:16px;}
.about_people .wrap>ul>li ul li.img {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.25s ease-out; z-index:1; filter:grayscale(100%); -webkit-filter:grayscale(100%); opacity:0.6;}
.about_people .wrap>ul>li ul li.blind {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background:url(./image/images/sub/caption_00.png) repeat-x center bottom; transition:all 0.25s ease-out;}
.about_people .wrap>ul>li:hover ul li.img { filter:grayscale(0%); -webkit-filter:grayscale(0%); opacity:1;}
.about_people .wrap>ul>li:hover ul li.text {left:5%; opacity:1;}
.about_people .wrap>ul>li:hover ul li.blind {background:url(./image/images/sub/people/blind.png) repeat-x center bottom;}

#seminar {margin:0 auto; padding-bottom:80px;}
#seminar td input {height:40px; line-height:40px; border:0; background-color:#f2f2f4;}
#seminar td input:focus {outline:0;}
#seminar .seminar_title {position:relative; margin-bottom:40px;}
#seminar .seminar_title ul {padding-left:70px;}
#seminar .seminar_title ul li {font-weight:300;}
#seminar .seminar_title ul li.icon {position:absolute; top:0; left:0;}
#seminar .seminar_title ul li.icon i {font-size:50px; color:#a31f15;}
#seminar .seminar_title ul li.t1 {font-size:40px; line-height:40px; margin-bottom:20px; font-weight:200;}
#seminar .seminar_title ul li.t2 {font-size:18px; line-height:28px;}
.seminar_search {overflow:hidden; zoom:1; position:relative;}
.seminar_search input:focus {outline:0;}
.seminar_search input, .seminar_search input::-webkit-input-placeholder {font-size:25px; font-weight:200;}
.seminar_search input[type="text"] {height:49px; line-height:49px; border:0; border-bottom:1px solid #ddd; width:100%; padding:0; background-color:transparent;}
.seminar_search input[type="submit"] {height:50px; line-height:50px; width:120px; border-radius:25px; border:1px solid #444; font-size:20px; background-color:#fff; transition:all 0.25s ease-out;}
.seminar_search input[type="submit"]:hover {background-color:#a31f15; border-color:#a31f15; color:#fff;}
.seminar_search ul {padding:0 140px 0 70px;}
.seminar_search ul li.icon {position:absolute; top:0; left:0;}
.seminar_search ul li.icon i {width:50px; height:50px; text-align:center; line-height:50px; font-size:50px;}
.seminar_search ul li.button {position:absolute; top:0; right:0;}
.seminar_search ul li.view_all {position:absolute; top:0; right:80px; font-size:15px; height:50px; line-height:50px; padding:0 50px 0 20px; border-radius:25px; font-size:0; letter-spacing:0; word-spacing:0; transition:all 0.25s ease-out;}
.seminar_search ul li.view_all input {border:0; font-size:15px; font-weight:400; background-color:transparent; transition:all 0.25s ease-out;}
.seminar_search ul li.view_all i {vertical-align:middle; color:#a31f15; transition:all 0.25s ease-out;}
.seminar_search ul li.view_all:hover {background-color:#444;}
.seminar_search ul li.view_all:hover input {color:#fff;}
.seminar_search ul li.view_all:hover i {color:#fff;}
.seminar_list {margin-top:30px;}
.seminar_list td {color:#888; font-size:13px; font-weight:300; letter-spacing:0.5pt;}
.seminar_list .seminar_num {width:6%;}
td.seminar_name {text-align:left; font-size:18px; line-height:36px;}
td.edu_name {text-align:left; width:40%;}
td.edu_join>* {display:inline-block; border:1px solid #ddd; height:30px; line-height:30px; padding:0 10px 0 30px; border-radius:16px; position:relative; width:52px; text-align:center;}
td.edu_join .close {background-color:#f75266; border-color:#f75266; color:#fff; cursor:default;}
td.edu_join .ing {background-color:#a31f15; border-color:#a31f15; color:#fff; cursor:default;}
td.edu_join .wait {background-color:#666; border-color:#666; color:#fff; cursor:default;}
td.edu_join i {color:#fff; font-size:14px; position:absolute; top:50%; left:9px; margin-top:-7px;}
.seminar_list .seminar_name a {font-weight:200;}
.seminar_list .seminar_state span {display:block; width:60px; text-align:center; height:30px; line-height:30px; border-radius:20px; margin:0 auto; color:#888; background-color:#eee; font-size:12px;}
.seminar_list .seminar_state span.normal {color:#fff; background-color:#a31f15;}
.seminar_list .seminar_upload {width:8%;}
.seminar_list .seminar_upload {width:12%;}
.seminar_list .seminar_date {display:none;}
.seminar_view h3 {font-size:30px; line-height:40px; font-weight:300; padding-bottom:15px;}
.seminar_check .sb_btn {padding-top:50px;}
.sv_info ul li.title {font-size:40px; font-weight:200; margin-bottom:20px; padding-bottom:30px; border-bottom:1px solid #444; text-align:center;}
.sv_info ul li.exp {font-size:25px; line-height:30px; font-weight:200; position:relative; padding-left:110px; margin-top:30px;}
.sv_info ul li.exp span {position:absolute; top:0; left:0; color:#a31f15; font-weight:300; padding-right:30px; border-right:1px solid #ddd;}
.sv_contents {margin-top:30px; min-height:300px;}
.sv_contents table {margin:0 auto;}
.sv_contents td {text-align:center;}
.sv_contents img {max-width:100%; display:block; margin:0 auto;}
.sb_btn {text-align:center; font-size:0; letter-spacing:0; word-spacing:0;}
.sb_btn>span {display:inline-block; text-align:center; height:60px; line-height:60px; position:relative; border-radius:0px; overflow:hidden; margin:0 3px; transition:all 0.25s ease-out;}
.sb_btn>span>i {position:absolute; top:50%; left:15px; margin-top:-15px; font-size:30px; transition:all 0.25s ease-out; color:#666;}
.sb_btn>span>input {border:0; height:auto; font-size:15px; font-weight:300; line-height:inherit; background-color:transparent; position:relative; z-index:10; transition:all 0.25s ease-out; padding:0 20px 0 60px;}
.sb_btn>span.btn_end {background-color:#bbb;}
.sb_btn>span.btn_end i, .sb_btn>span.btn_end input {color:#fff;}
.sb_btn>span.btn_end:hover {background-color:#888;}
.sb_btn>span.btn_regist {background-color:#a31f15;}
.sb_btn>span.btn_cancle {background-color:#f75266;}
.sb_btn>span.btn_regist i, .sb_btn>span.btn_cancle i, .sb_btn>span.btn_regist input, .sb_btn>span.btn_cancle input {color:#fff;}
.sb_btn>span.btn_regist:hover {background-color:#333;}
.sb_btn>span.btn_cancle:hover {background-color:#e33549;}
.sb_btn>span.btn_confirm {height:58px; border:1px solid #444;}
.sb_btn>span.btn_confirm:hover {background-color:#f2f2f4;}
div.sb_btn {border-top:1px solid #eee; padding:30px 0; background-color:#fff;}
p.sb_btn {margin-bottom:30px;}
#seminar>div.sb_btn {border:0;}
#seminar .seminar_form .sb_btn>span.btn_confirm:hover {background-color:#a31f15; border-color:#a31f15;}
#seminar .seminar_form .sb_btn>span.btn_confirm:hover i, #seminar .seminar_form .sb_btn>span.btn_confirm:hover input {color:#fff;}
#seminar .sb_upper {display:none;}
#seminar .call_01 {width:15%;}
#seminar .call_02 {width:20%;}
#seminar .mail_01 {width:15%;}
#seminar .mail_02 {width:20%;}
.sf_person {padding:30px; margin-top:30px; background:url(./image/images/seminar/dot_world.png) no-repeat center bottom #fff; border:5px solid #a31f15;}
.sf_person h5 {font-size:30px; font-weight:700; color:#a31f15;}
.sf_person h6 {font-size:20px; font-weight:300; margin-bottom:25px; padding-top:5px;}
.sf_person h6 b {font-weight:400;}
.sf_person ul {padding-top:20px; border-top:1px dotted #444;}
.sf_person ul li {font-size:15px; line-height:25px; font-weight:300; position:relative; padding-left:15px; margin-bottom:10px;}
.sf_person ul li:last-child {margin:0;}
.sf_person ul li span {position:absolute; top:0; left:0; color:#a31f15;}
.sf_person ul li b {font-weight:400;}
.seminar_result>div>ul li {text-align:center;}
.seminar_result>div>ul li.icon {margin-bottom:20px;}
.seminar_result>div>ul li.icon i {font-size:100px;}
.seminar_result>div>ul li.sb_btn {padding-top:40px;}
.seminar_result>div#search_result_success>ul li.icon i {color:#7dd237;}
.seminar_result>div#search_result_fail>ul li.icon i {color:#ff4b00;}
.seminar_result>div#search_result_complete>ul li.icon i {color:#a31f15;}
.seminar_result>div>ul li.name {font-size:50px; line-height:55px; font-weight:300; margin-bottom:20px;}
.seminar_result>div>ul li.sname {font-size:25px; line-height:35px; font-weight:300;}
.map_view_btn {display:inline-block; height:34px; line-height:34px; border:1px solid #444; border-radius:18px; padding:0 15px 0 30px; font-size:13px; position:relative; transition:all 0.25s ease-out;}
.map_view_btn i {font-size:18px; vertical-align:middle; color:#a31f15; position:absolute; top:50%; margin-top:-9px; left:9px; transition:all 0.25s ease-out;}
.map_view_btn:hover {color:#fff; background-color:#444;}
.map_view_btn:hover i {color:#fff;}
.sb_num {padding:30px 0 100px 0;}
#edu_search_info {border:5px solid #eee; padding:30px 0;}
#edu_search_info ul {position:relative;}
#edu_search_info ul li {text-align:center;}
#edu_search_info ul li.icon i {font-size:75px; color:#ddd;}
#edu_search_info ul li.title {font-family: "NanumSquareR", sans-serif; font-size:40px; line-height:50px; padding-top:20px;}
#edu_search_info ul li.ment {padding:15px 0; background-color:#7d8790; color:#fff; font-size:30px; line-height:40px; font-weight:200; margin:20px 0;}
#edu_search_info ul li.ment b {color:#fff; font-weight:400;}
#edu_search_info ul li.summary {margin-bottom:40px; font-size:20px; line-height:30px; font-weight:300; color:#404c59;}
.edu_exp {overflow:hidden; zoom:1; border-top:2px solid #000; margin-top:40px; padding-top:20px;}
.edu_exp h4 {width:25%; float:left; font-size:30px; line-height:40px; font-weight:300;}
.edu_exp h4 span {display:block; font-size:20px; line-height:25px; font-family: "MontB", sans-serif; color:#ddd;}
.edu_exp>ul {width:70%; float:right;}
.edu_exp>ul>li {font-size:18px; line-height:28px; font-weight:300; position:relative; padding-left:35px; margin-bottom:30px;}
.edu_exp>ul>li:last-child {margin:0;}
.edu_exp>ul>li>span {display:block; width:24px; text-align:center; height:24px; line-height:24px; border-radius:12px; background-color:#7d8790; font-size:13px; font-weight:400; color:#fff; position:absolute; top:3px; left:0;}
.edu_exp>ul>li ul {padding-top:10px;}
.edu_exp>ul>li ul li {font-size:15px; line-height:25px; position:relative; padding-left:15px; color:#888;}
.edu_exp>ul>li ul li span {position:absolute; top:5px; left:10px; color:#a31f15;}
.edu_exp>ul>li ul li.tb {border:1px solid #7d8790; background-color:#7d8790; color:#fff; padding:5px 10px 5px 20px; margin-bottom:5px;}
.edu_exp>ul>li ul li.tb span {color:#fff;}
.edu_exp.none_title {border:3px solid #444; padding:30px; background-color:#fff; max-width:580px; margin:0 auto; margin-top:40px;}
.edu_exp.none_title>ul {float:none; width:auto;}
.seminar_ptitle {overflow:hidden; zoom:1; margin-bottom:30px;}
.seminar_ptitle h4 {font-family:"MontB", sans-serif; font-size:40px; line-height:45px; color:#a31f15; float:left; width:30%; padding-right:5%; border-right:1px solid #444;}
.seminar_ptitle h4 span {display:block; font-weight:100; font-size:30px; line-height:35px; padding-top:10px;}
.seminar_ptitle h4 p {display:block; font-weight:300; font-size:18px; line-height:28px; margin-top:20px;}
.seminar_ptitle ul {float:right; width:60%;}
.seminar_ptitle ul li {font-size:15px; line-height:25px; font-weight:300; padding-left:12px; position:relative; margin-bottom:10px;}
.seminar_ptitle ul li:last-child {margin:0;}
.seminar_ptitle ul li span {position:absolute; top:0; left:0; color:#a31f15;}
.seminar_ptitle ul li b {color:#a31f15;}
.seminar_ptitle.none h4 {padding:0; border:0; float:none; width:auto;}
.seminar_upper {text-align:right;}
.seminar_upper a {display:inline-block; padding:0 40px 0 15px; height:40px; line-height:40px; border:1px solid #7d8790; border-radius:3px; font-weight:300; background:url(./image/images/main/more_case_w.png) no-repeat right 15px center #7d8790; transition:all 0.25s ease-out; font-size:15px; color:#fff;}
.seminar_upper a:hover {background:url(./image/images/main/more_case_w.png) no-repeat right 15px center #505a64; color:#fff; border-color:#505a64;}

@media screen and (max-width:1680px) {
	.dolly_01>img {height:600px; top:50%; margin-top:-300px;}
	.dolly_01 .upper p {padding-right:400px;}
	.dolly_01 .lower ul {padding-right:400px;}
}

@media screen and (max-width:1440px) {
}

@media screen and (max-width:1366px) {
}

@media screen and (max-width:1280px) {	
	#sub_layout .sub_contents #lnb {padding:30px 10px 0 10px;}
	#sub_layout .sub_contents #lnb .wrap {padding:0;}
	#sub_layout .sub_visual .sub_title .wrap {margin:0 20px;}
	#sub_layout .snb .wrap {padding:0;}
	#sub_layout .sub_contents #page_title ul {padding-right:20px;}
	.vod_box {padding:0 40px;}
	.roro_02 ul.con li p br {display:none;}
	.aws_03 .wrap {margin:0 30px;}
}

@media screen and (max-width:1024px) {
	#sub_layout .wrap {padding:0 40px;}
	#sub_layout .sub_contents #page_title .wrap {margin:0 20px;}
	#sub_layout .sub_contents #page {padding-top:60px;}
	.button_box {padding-top:40px;}	
	.text_c {font-size:15px; line-height:25px;}
	.keytitle {font-size:25px; line-height:30px; margin-bottom:20px;}
	.sum_title {font-size:25px; line-height:30px; margin-bottom:10px;}
	.kb_title {font-size:25px; line-height:30px; margin-bottom:20px;}
	.num_list li {font-size:15px; line-height:22px; padding-left:30px;}
	.num_list li span {width:20px; height:20px; line-height:20px; font-size:12px; top:3px;}
	.point_list li {font-size:15px; line-height:22px; padding-left:10px; margin:5px 0;}
	.vod_bg {height:200px; margin:50px auto !important;}
	.vod_bg p.notebook {margin-left:-278px; top:-50px;}
	.vod_bg p.notebook img {height:300px;}
	.vod_box {height:200px; margin:100px auto;}
	.vod_box p.vod {max-width:75%; margin:0 auto;}
	.vod_box p.vod iframe {height:400px; margin-top:-100px;}
	.keyf_list.type_02 .keytitle {float:none; width:auto; text-align:center;}
	.keyf_list.type_02 ul {float:none; width:auto;}
	.keyf_list.type_02 ul li {width:auto; float:none; margin:0; font-size:14px; line-height:20px;}
	.keyf_list.type_02 ul li p {height:auto !important; padding:10px;}
	.keyf_img_list h4 {width:auto; float:none; height:auto !important; text-align:center; padding:40px;}
	.keyf_img_list ul {width:auto; float:none; height:auto !important; padding:20px 40px;}
	#sub_layout .kb_layout .wrap {padding-left:40px; padding-right:40px; border:0;}
	#sub_layout .kb_layout .kb_title {width:auto; float:none; margin-bottom:10px;}
	#sub_layout .kb_layout .summary {width:auto; float:none;}
	#sub_layout .kb_layout .graph {width:auto; float:none; padding-top:40px;}
	#sub_layout .kb_layout .graph canvas {height:240px;}
	#sub_layout .pv80 {padding:60px 0 !important;}
	#sub_layout .pv60 {padding:40px 0 !important;}
	#sub_layout .pb80 {padding-bottom:60px !important;}
	#sub_layout .pb60 {padding-bottom:40px !important;}
	#sub_layout .pt80 {padding-top:60px !important;}
	#sub_layout .pt60 {padding-top:40px !important;}
	#sub_layout .mb80 {margin-bottom:40px !important;}
	.con_title ul li.t1 {font-size:50px !important; line-height:55px;}
	.con_title ul li.t1 span {font-size:25px; line-height:30px;}
	.con_title ul li.deco {width:50px; margin:30px auto 0 auto;}
	.con_title ul li.t2 {font-size:25px; line-height:35px; margin-top:30px;}
	.con_title ul li.t2 br {display:none;}
	.con_title ul li.t3 {font-size:15px; line-height:25px; margin:20px auto 0 auto; width:85%;}	
	.con_title ul li.img {height:300px; margin-top:20px;}
	.con_title ul li.img img {margin-left:-600px;}
	.con_title.with_img p {display:none;}
	.con_title.with_img ul {max-width:inherit;}
	.con_title.with_img ul li {text-align:center;}
	.con_title.with_img ul li.deco {margin:40px auto 0 auto;}
	.con_title.with_img ul li.t3 {text-align:left;}
	.text_i {margin-bottom:15px;}	
	#sub_layout .ps_box .product_slide .wrap {padding:0 20px;}
	.ps_box .product_slide .slide_box .bg {margin-left:-512px;}
	.ps_box .product_slide .slide_box .bg img {width:1024px;}
	.ps_box .product_slide .slide_box .rolling p.img {margin-left:-512px;}
	.ps_box .product_slide .slide_box .rolling p.img img {width:1024px;}
	.ps_box .product_slide .slide_box .rolling p.text {font-size:15px; line-height:25px; margin:0 60px; padding-top:250px;}
	.ps_box .product_slide .slide_box .rolling p.space {padding-top:220px;}
	.ps_box .product_slide .slide_box .rolling p.img span.box .caption {font-size:16px; line-height:26px; height:auto; padding:10px; width:516px; left:50%; margin-left:-268px;}
	.ps_box .product_slide .slide_box .rolling button {width:25px; height:50px; top:250px;}	
	ul.feature_list li {width:auto; float:none; padding:0 !important; margin-bottom:40px;}
	ul.feature_list li:last-child {margin:0;}
	ul.feature_list.two li {width:50%; float:left;}
	ul.feature_list.three li {width:50%; float:left;}
	ul.feature_list.four li {width:50%; float:left;}
	.about_customer ul li, .about_partner ul li {width:25%; border-radius:0;}
	.about_people .wrap>ul>li {width:25%;}
	.about_people .wrap>ul>li ul {padding-bottom:100%;}
	.about_contact .info {max-width:inherit; padding:30px 0;}
	.about_intro>.wrap>ul {padding:150px 0 100px 0;}
	.about_intro>.wrap>ul li.t1 {font-size:40px; line-height:45px;}
	.about_intro>.wrap>ul li.t1 span {font-size:25px; line-height:35px;}
	.about_intro>.wrap>ul li.t2 {font-size:25px; line-height:35px;}
	.about_intro>.wrap>ul li.t3 {font-size:15px; line-height:30px;}
	.peacock_01 {margin-bottom:20px;}
	.peacock_01 img {height:300px; width:auto; top:50%; margin-top:-200px;}
	.roro_01.monitor_box {height:300px; margin:40px 0;}
	.roro_01.monitor_box p.monitor {width:500px; height:379px; margin-left:-250px;}
	.roro_01.monitor_box iframe {width:452px; height:256px; margin-left:-228px; top:-21px;}
	.roro_02 {padding:60px 0;}
	.roro_02 ul.title li.t1 {font-size:20px; line-height:30px; margin:0;}
	.roro_02 ul.title li.t2 {font-size:30px; line-height:40px;}
	.roro_02 ul.title li.deco {width:50px; margin:30px auto;}
	.roro_02 ul.con li p {font-size:20px; line-height:30px; font-weight:300; padding:0 10px;}
	.roro_02 ul.con li p.img img {height:100px;}
	.roro_03 .kb_title {line-height:35px; width:auto; float:none; text-align:center; font-weight:300; margin-bottom:30px;}
	.roro_03 .kb_title br {display:none;}
	.roro_03 .kb_title span {font-size:16px; line-height:22px; padding-top:5px;}
	.roro_03 .con {width:auto; float:none;}
	.redhat .con_title {margin-bottom:60px; padding-bottom:30px;}
	.redhat_01 div.summary ul li.title {font-size:20px; padding:10px 0;}
	.centos_01 div.left {width:auto; float:none; text-align:center; height:auto !important;}
	.centos_01 div.left>div {max-width:inherit; padding:30px;}
	.centos_01 div.right {width:auto; float:none; height:auto !important;}
	.centos_01 div.right>div {max-width:inherit; padding:30px;}
	.centos_02 div.graph .upper {padding-bottom:20px; margin-bottom:30px;}
	.suse_02 .kb_title {max-width:inherit;}
	.suse_03 .keytitle {float:none; width:auto;}
	.suse_03 .wrap div {float:none; width:auto;}
	.openstack_02 div.group {width:50%;}
	.rhos_01 {margin-top:0;}
	.rhos_03 .wrap {border:0;}
	.rhos_03 h5 {width:auto; float:none; text-align:center; font-size:20px; line-height:26px; margin-bottom:20px;}
	.rhos_03 h5 span {font-size:30px; line-height:40px;}
	.rhos_03 p {width:auto; float:none; text-align:center;}
	.tomcat .w75 {width:100% !important;}
	.tomcat .con_title>img {display:none;}
	.scouter_01 .wrap>ul>li {width:50%;}
	.zabbix .roll_box .rolling {height:320px;}
	.zabbix .roll_box .rolling button {width:25px; height:50px; margin-top:-25px;}
	.zabbix .vod_bg p.notebook {top:-50px; margin-left:-255px;}
	.zabbix .vod_bg p.notebook img {height:320px;}
	.zabbix .roll_box {width:511px; height:320px; position:absolute; top:-50px; left:50%; margin-left:-255px;}
	.zabbix .slick-slide img {height:320px;}
	.utol .kb_title {margin-bottom:30px !important; text-align:center;}
	.utol_01 .utol_class {width:auto; float:none;}
	.utol_02 .utol_direction {width:auto; float:none;}
	.utol_03 .wrap>div {width:auto; float:none; padding-bottom:50px; margin-bottom:50px; border-bottom:2px solid #000;}
	.utol_03 .wrap>div:last-child {margin:0; padding:0; border:0;}
	.utol_03 .utol_anal li.fake {display:none;}
	.utol_03 .utol_anal li br {display:none !important;}
	.utol_03 .utol_anal li.blue {height:auto !important;}
	.utol_03 .utol_anal li span.tag {border-radius:0; right:0;}
	.utol_04 h4 {position:relative; top:auto; left:auto; margin-bottom:30px; padding-top:30px; border-top:1px dotted #444;}
	.utol_04 h4 span {color:#000 !important; padding:0; border:0;}
	.utol_04>div {width:auto; float:none; padding:40px; height:auto !important;}
	.middleware_01 h4 {width:auto; float:none; padding-top:30px; text-align:center;}
	.middleware_01 p {width:auto; float:none; text-align:center;}
	.aws_01>div {width:50%;}
	.aws_03 .wrap {padding:50px 30px !important;}
	.opensource_01 td img {height:60px;}
	.recruit>div .wrap {border-top:0;}
	.recruit>div h4 {width:auto; float:none; text-align:center; margin-bottom:30px;}
	.recruit>div .con {width:auto; float:none;}
	.recruit_01 ul li {background-position:right 20px;}
	.recruit_01 ul li img {width:70px;}

	.seminar_list .edu_price, .seminar_list .edu_wait {display:none;}
	.seminar_ptitle h4 {float:none; width:auto; border:0; margin-bottom:15px;}
	.seminar_ptitle ul {float:none; width:auto; padding:15px 0; border-top:1px dotted #bbb; border-bottom:1px dotted #bbb;}
}

@media screen and (max-width:965px) {
	#sub_layout .sub_visual {height:auto;}
	#sub_layout .sub_visual .sub_title .wrap {height:auto;}
	#sub_layout .sub_visual .sub_title ul {position:relative; bottom:auto; left:auto; padding:100px 0 40px 0;}
	#sub_layout .sub_visual .sub_title ul li {text-align:center;}
	#sub_layout .snb {border:0; height:auto; line-height:59px;}
	#sub_layout .snb ul li {border-top:1px solid #fff;}
	#sub_layout .snb ul.five {border-top:1px solid #fff;}
	#sub_layout .snb ul.five li {width:33.33%;}
	#sub_layout .snb ul.five li {border:0; border-bottom:1px solid #fff;}
	#sub_layout .snb ul.five li:nth-child(4), #sub_layout .snb ul.five li:nth-child(5) {border:0;}
	#sub_layout .snb ul.six li {width:33.33%;}
	#sub_layout .snb ul li a {font-size:12px;}
	#sub_layout .snb ul li.on a {height:47px; line-height:47px; font-size:14px;}
	#sub_layout .sub_contents #page_title {display:none;}
	.chameleon_01>div.img {float:none; width:auto;}
	.chameleon_01 .text {position:relative; top:auto; left:auto; width:auto; height:auto; padding:40px;}
	.chameleon_01 .text div p {position:relative; top:auto; right:auto; text-align:center; font-size:25px; line-height:35px;}
	.chameleon_01 .text div p span {font-size:18px; line-height:28px;}
}

@media screen and (max-width:800px) {
	#sub_layout .suse  th {font-size:12px; line-height:16px;}
	#sub_layout .suse  td {font-size:12px; line-height:16px;}
	#sub_layout .suse  td i {font-size:14px;}
	#sub_layout .suse .coltable th {padding:8px 2px; font-size:10px; line-height:14px;}
	#sub_layout .suse .coltable td {padding:8px 2px; font-size:10px; line-height:14px;}
	.con_title ul li.t3 br {display:none;}
	.keyf_list.type_01 ul li {width:auto; float:none; margin:0; font-size:14px; line-height:20px;}
	.keyf_list.type_01 ul li p {height:auto !important; padding:15px 10px;}
	.atla_list .wrap>ul>li {height:auto !important; float:none; width:auto; padding-bottom:30px; border-bottom:1px dotted #ddd; margin-bottom:30px;}
	.atla_list .wrap>ul>li:last-child {padding:0; margin:0; border:0;}
	.atla_list .wrap>ul>li ul {padding:0;}
	.atla_list .wrap>ul>li ul li.class {margin-bottom:10px;}
	.atla_list .wrap>ul>li ul li.btn {position:relative; bottom:auto; left:auto;}
	.about_customer>div {padding:40px 0;}
	.about_customer ul li {width:25%; height:40px; margin-top:10px;}
	.about_customer ul li img {height:80px; top:-40px; margin-left:-67px;}
	.about_people .wrap>ul>li {width:33.33%;}
	.about_people .wrap>ul>li:active ul li.img { filter:grayscale(0%); -webkit-filter:grayscale(0%);}
	.about_people .wrap>ul>li:active ul li.text {left:5%; opacity:1;}
	.about_people .wrap>ul>li:active ul li.blind {background:url(./image/images/sub/people/blind.png) repeat-x center bottom;}
	.about_history ul {background-position:left 15px top; padding-left:40px;}
	.about_history ul li {width:100%; float:none;}
	.about_history ul li p.year span.point {top:4px;}
	.about_history ul li.fl {text-align:left;}
	.about_history ul li.fl p.list {padding:0 0 0 15px;}
	.about_history ul li.fl p.list span {right:auto; left:0;}
	.about_history ul li.fr p.year {padding:0;}
	.about_history ul li.fl p.year span {right:auto; left:-33px;}
	.about_history ul li.fr p.year span {left:-33px;}
	.about_intro>.wrap>ul {padding:90px 0 50px 0;}
	.dolly_01>img {height:400px; margin-top:-200px;}
	.dolly_01 .upper p {padding-right:200px;}
	.dolly_01 .lower ul {padding-right:200px;}
	.atla_market {padding-bottom:40px !important; background:none;}
	.openstack_02 div.group {width:100%; float:none;}
	.openstack_02 .group>p {height:auto !important; padding-bottom:20px;}
	.openstack_02 ul {max-width:60%; margin:0 auto !important;}
	.utol_04 h4 {font-size:20px; line-height:30px;}
	.utol_04 h4 span {padding:0 40px;}
	.utol_04 h4 span br {display:none;}
	.middleware_02 h4 {position:relative; top:auto; left:auto; margin-bottom:30px; padding-top:30px; border-top:1px dotted #444; font-size:20px; line-height:30px;}
	.middleware_02 h4 span {color:#000 !important; padding:0; border:0; padding:0 40px;}
	.middleware_02 h4 span br {display:none;}
	.middleware_02>div {width:auto; float:none; padding:40px; height:auto !important;}

	.seminar_list .edu_person {display:none;}
	#seminar td input[type="text"] {width:96%; padding:0 2%;}
	#seminar .mail_01 {width:30% !important;}
	#seminar .mail_02 {width:40% !important;}
	#seminar .call_01 {width:15% !important;}
	#seminar .call_02 {width:25% !important;}
	#edu_search_info ul li.title {font-size:30px; line-height:40px;}
	#edu_search_info ul li.ment {font-size:20px; line-height:30px;}
	.sv_contents table {width:100% !important;}
}

@media screen and (max-width:640px) {
	#sub_layout .snb {display:none;}
	#sub_layout .ps_box .product_slide .wrap {padding:0 10px;}	
	#sub_layout .pv80 {padding:40px 0 !important;}
	#sub_layout .pv60 {padding:20px 0 !important;}
	#sub_layout .pb80 {padding-bottom:40px !important;}
	#sub_layout .pb60 {padding-bottom:20px !important;}
	#sub_layout .pt80 {padding-top:40px !important;}
	#sub_layout .pt60 {padding-top:20px !important;}
	#sub_layout .mb40 {margin-bottom:20px !important;}
	.keytitle {font-size:20px; line-height:25px; margin-bottom:10px;}
	.sum_title {font-size:20px; line-height:25px; margin-bottom:10px;}
	.num_list li {font-size:15px; line-height:22px; padding-left:30px;}
	.num_list li span {width:20px; height:20px; line-height:20px; font-size:12px; top:3px;}
	.img_sum div.img {width:auto; float:none;}
	.img_sum div.text {width:auto; float:none; padding-top:30px;}
	.vod_box {height:100px; margin:50px auto;}
	.vod_box p.vod {max-width:inherit; margin:0 auto;}
	.vod_box p.vod iframe {height:200px; margin-top:-50px;}
	.con_title {padding-bottom:60px;}
	.con_title ul li.img {height:200px; margin-top:20px;}
	.con_title ul li.img img {margin-left:-400px;}
	.con_title ul li.logo p.text {font-size:40px; line-height:45px;}
	.button_box {padding-top:20px;}
	.ps_box .product_slide .slide_box .bg {margin-left:-320px;}
	.ps_box .product_slide .slide_box .bg img {width:640px;}
	.ps_box .product_slide .slide_box .rolling p.img {margin-left:-320px;}
	.ps_box .product_slide .slide_box .rolling p.img img {width:640px;}
	.ps_box .product_slide .slide_box .rolling p.text {margin:0 50px; padding-top:90px;}
	.ps_box .product_slide .slide_box .rolling p.space {padding-top:70px;}
	.ps_box .product_slide .slide_box .rolling p.img span.box .caption {font-size:14px; line-height:24px; width:315px; left:50%; margin-left:-167px;}
	.ps_box .product_slide .slide_box .rolling button {top:100px;}	
	.atla_market ul li.logo {margin-bottom:30px;}
	.atla_market ul li.logo img {width:100%; height:auto;}
	.atla_market ul li.t1 br {display:none;}
	.atla_market ul li.btn {margin-bottom:30px;}
	.atla_market ul li.btn a {margin-bottom:10px;}
	.atla_market .table {padding:0; background-color:#fff;}
	.atla_market .table img {display:none;}
	.about_contact {padding:20px 0;}
	.about_contact .wrap {padding:0 20px !important;}
	.about_contact .info ul li {font-size:14px; line-height:24px; margin-bottom:20px; padding-left:110px;}
	.about_contact .info ul li i {font-size:24px;}
	.about_contact .info ul li span {left:30px;}
	.about_contact .info ul li.mail {padding-left:30px;}
	.about_contact .info ul li.mail p {padding-left:80px;}
	.about_contact .info ul li.time p {padding-left:60px;}
	.about_customer ul li, .about_partner ul li {width:33.33%;}
	.about_people .wrap>ul>li {width:50%;}
	.about_customer, .about_people, .about_partner, .about_history {padding:40px 0;}
	h4.about_title {font-size:25px; line-height:30px; margin-bottom:20px;}
	h4.about_title span {font-size:18px; line-height:23px;}
	.about_history ul {padding-top:20px; padding-left:30px;}
	.about_history ul li p.year {font-size:20px; font-weight:600;}
	.about_history ul li p.year span.point {top:3px; left:-23px;}
	.about_history ul li p.list {font-size:13px; line-height:22px;}
	.about_partner .wrap {padding:0 !important;}
	.about_contact .wrap {width:auto;}
	.about_intro>.wrap>ul li.t1 {margin-bottom:20px;}
	.about_intro>.wrap>ul li.t2 {border:0; padding:0; font-size:16px; line-height:32px; font-weight:600;}
	.about_intro>.wrap>ul li.t3 {font-size:14px; line-height:24px; padding-top:20px;}
	.about_intro>.wrap>ul li.t3 p {width:auto !important; float:none !important;}
	.about_intro>.wrap>ul li.t3 p.right {padding-top:20px;}
	.dolly_01>img {display:none;}
	.dolly_01 .upper p {padding-right:0;}
	.dolly_01 .lower ul {padding-right:0;}
	.peacock_01 div.img {display:none;}
	.peacock_01 div.text {padding:0 30px;}
	.peacock_01 ul {padding:0;}
	.roro .con_title ul li.t1 img {max-height:40px;}
	.roro_01.monitor_box {height:150px; margin:30px 0;}
	.roro_01.monitor_box p.monitor {width:300px; height:227px; margin-left:-150px;}
	.roro_01.monitor_box iframe {width:274px; height:156px; top:-30px; margin-left:-137px;}
	.roro_02 {padding:40px 0;}
	.roro_02 ul.con li {width:auto; float:none; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #ddd;}
	.roro_02 ul.con li:last-child {border:0; margin:0; padding:0;}
	.roro_02 ul.con li p {font-size:15px; line-height:22px;}
	.roro_02 ul.con li p.img {margin-bottom:10px;}
	.roro_02 ul.con li p.img img {max-height:75px;}
	.redhat_01 div.summary ul {margin-bottom:30px;}
	.redhat_01 div.summary ul li.list {width:50%; margin-bottom:20px; font-size:15px; line-height:22px;}
	.redhat_01 div.summary ul li.list .icon {padding-bottom:15px;}
	.suse_03 ul li {width:auto; float:none; height:auto !important;}
	.nginx_01 .obj {width:auto; float:none;}
	.nginx_01 .text_c  {width:auto; float:none; padding-top:30px;}
	.scouter_01 .wrap>ul>li {width:auto; float:none;}
	.scouter_01 .wrap>ul>li ul {height:auto !important; margin:10px 0;}
	.scouter_02>div p {width:auto; float:none; text-align:center; margin-bottom:20px;}
	.scouter_02>div ul {width:auto; float:none;}
	.utol_04>div.left {text-align:left;}
	.utol_04 .left .point_list li {padding:0 0 0 15px;}
	.utol_04 .left .point_list li span {left:0; right:auto;}
	.middleware_02>div.left {text-align:left;}
	.middleware_02 .left .point_list li {padding:0 0 0 15px;}
	.middleware_02 .left .point_list li span {left:0; right:auto;}
	.aws_01>div {width:auto; float:none; height:auto !important;}
	.aws_01>div div {padding:30px;}
	.opensource_01 td img {height:40px;}
	.recruit>div h4 {margin-bottom:0;}
	.recruit_01 ul li {background:none;}
	.recruit_02 .keyf_list {padding-top:30px;}
	.recruit_03 .con>ul>li img {width:100px;}

	.seminar_search ul {padding-left:0; padding-right:80px;}
	.seminar_search ul li.icon {display:none;}
	.seminar_search input[type="text"] {height:39px; line-height:39px;}
	.seminar_search input[type="submit"] {height:40px; line-height:40px; font-size:15px; width:80px;}
	.seminar_search ul li.view_all {height:40px; line-height:40px; right:30px; padding-left:10px;}
	.seminar_search input, .seminar_search input::-webkit-input-placeholder {font-size:15px; font-weight:300;}
	.seminar_list .edu_date {display:none;}
	.seminar_list .edu_name {width:60%;}
	.map_view_btn {margin:5px 0;}
	#seminar .seminar_title {margin-bottom:20px;}
	#seminar .seminar_title ul {padding-left:50px;}
	#seminar .seminar_title ul li.icon i {font-size:30px;}
	#seminar .seminar_title ul li.t1 {font-size:25px; line-height:30px; font-weight:400; margin-bottom:5px;}
	#seminar .seminar_title ul li.t2 {font-size:14px; line-height:20px;}
	#seminar .seminar_title ul li.t2 br {display:none;}
	#edu_search_info ul li {padding-left:15px !important; padding-right:15px !important;}
	#edu_search_info ul li.title {font-size:25px; line-height:35px;}
	#edu_search_info ul li.ment {font-size:16px; line-height:22px;}
	.sb_btn>span {height:40px; line-height:40px; margin:3px;}
	.sb_btn>span>input {padding:0 10px 0 40px;}
	.sb_btn>span.btn_confirm {height:38px;}
	.sb_btn>span>i {Font-size:20px; margin-top:-10px; left:10px;}
	td.edu_name, td.seminar_name {font-size:16px; line-height:22px; font-weight:300;}
	.sf_person {padding:20px;}
	.sf_person h5 {font-size:20px; line-height:30px;}
	.sf_person h6 {font-size:15px; line-height:22px;}
	.edu_exp h4 {width:auto; float:none; margin-bottom:20px; font-size:25px; line-height:30px;}
	.edu_exp h4 span {font-size:16px; line-height:24px;}
	.edu_exp>ul {width:auto; float:none;}
	.edu_exp>ul>li {margin-bottom:20px; font-size:15px; line-height:22px;}
	.edu_exp>ul>li>span {top:0;}
	.seminar_list .seminar_upload {display:none;}
	.seminar_result>div>ul li.icon {margin:0;}
	.seminar_result>div>ul li.icon i {font-size:75px;}
	.seminar_result>div>ul li.name {font-size:30px; line-height:40px;}
	.seminar_result>div>ul li.sname {font-size:18px; line-height:26px; padding:0 40px;}
	.seminar_ptitle {margin-bottom:15px;}
	.seminar_ptitle h4 {font-size:30px; line-height:35px;}
	.seminar_ptitle h4 span {font-size:20px; line-height:25px;}
	.seminar_ptitle h4 p {font-size:15px; line-height:25px;}
	.seminar_upper {font-size:15px; line-height:25px;}
	#sub_layout .sub_contents #lnb h4 {font-size:20px; line-height:30px; background-position:left 7px;}
	#sub_layout .sub_contents #lnb .wrap {height:auto; border:0;}
	#sub_layout .sub_contents #lnb li {background:none !important; margin-left:0 !important; height:auto !important;}
	#sub_layout .sub_contents #lnb li a {background:none !important; border:1px solid #ddd; height:auto !important;}
	#sub_layout .sub_contents #lnb li a span {background:none !important; padding:0 !important; height:auto !important;}
	
}

@media screen and (max-width:480px) {
	#sub_layout .wrap {padding:0 30px;}
	#sub_layout .sub_visual .sub_title .wrap {margin:0; padding:0;}
	#sub_layout .sub_visual .sub_title ul {padding:80px 0 20px 0;}
	#sub_layout .sub_visual .sub_title ul li.t1 {font-size:15px; line-height:20px;}
	#sub_layout .sub_visual .sub_title ul li.t2 {font-size:30px; line-height:35px;}
	#sub_layout .snb ul.two li {width:100%;}
	#sub_layout .snb ul.three {border-top:1px solid #fff;}
	#sub_layout .snb ul.three li {width:50%;}
	#sub_layout .snb ul.three li {border:0; border-bottom:1px solid #fff;}
	#sub_layout .snb ul.three li:last-child {border:0;}
	#sub_layout .snb ul.four li {width:50%;}
	#sub_layout .snb ul.five li {width:50%;}
	#sub_layout .snb ul.five li:nth-child(4) {border-bottom:1px solid #fff;}
	#sub_layout .snb ul.five li:nth-child(5) {border:0;}
	#sub_layout .snb ul.six li {width:50%;}
	#sub_layout .sub_contents #lnb {height:auto; border:0; padding:30px 10px 0 10px;}
	#sub_layout .sub_contents #lnb .wrap {padding:0;}
	#sub_layout .sub_contents #lnb ul li {float:none; margin:0; margin-bottom:10px;}
	#sub_layout .sub_contents #lnb ul li a {border-bottom:1px solid #ddd; padding:0 20px; height:30px; line-height:30px;}
	#sub_layout .sub_contents #lnb ul li a:hover {background-color:#f9f9fb;}
	#sub_layout .sub_contents #page {padding-top:30px;}	
	#sub_layout .kb_layout .wrap {padding-left:30px; padding-right:30px;}
	.kb_title span {font-size:16px; line-height:22px; padding-top:10px;}
	ul.img_flist li {width:50% !important; margin-bottom:10px;}
	ul.img_flist li span {padding:0 5px;}
	.vod_bg {height:140px;}
	.vod_bg p.notebook {margin-left:-185px; top:-30px;}
	.vod_bg p.notebook img {height:200px;}
	.vod_play i {width:50px; height:50px; line-height:50px; margin-top:-40px; margin-left:-20px;}
	.con_title {padding-bottom:40px;}
	.con_title ul li.t1 {font-size:35px !important; line-height:40px;}
	.con_title ul li.t1 span {font-size:20px; line-height:25px;}
	.con_title ul li.t2 {font-size:20px; line-height:25px;}
	.con_title ul li.t3 {margin:20px 0 0 0; width:auto;}
	.con_title ul li.img {height:140px; margin-top:20px;}
	.con_title ul li.img img {margin-left:-280px;}
	.text_i {font-size:18px; line-height:28px; background-size:17px auto; background-position:left 7px; padding-left:24px;}
	.text_c {font-size:14px; line-height:22px;}	
	.ps_box {padding-top:100px;}
	.ps_box .product_slide {padding-bottom:40px;}
	.ps_box .product_slide .slide_box .bg {margin-left:-240px; top:-100px;}
	.ps_box .product_slide .slide_box .bg img {width:480px;}
	.ps_box .product_slide .slide_box .rolling p.img {margin-left:-240px; top:-100px;}
	.ps_box .product_slide .slide_box .rolling p.img img {width:480px;}
	.ps_box .product_slide .slide_box .rolling p.text {margin:0 40px; padding-top:120px; font-size:13px; line-height:23px;}
	.ps_box .product_slide .slide_box .rolling p.img span.box .caption {font-size:12px; line-height:23px; width:232px; left:50%; margin-left:-126px;}
	.ps_box .product_slide .slide_box .rolling button {top:130px; width:15px; height:30px;}	
	.feature_box {padding:60px 0;}
	.feature_box ul.feature_list li {padding-bottom:30px; margin-bottom:30px; border-bottom:1px dotted #ddd;}
	ul.feature_list.two li {margin-bottom:15px;}
	ul.feature_list.three li {margin-bottom:15px;}
	.feature_box ul.feature_list li:last-child {border:0; padding:0; margin:0;}
	.about_contact .info {padding:20px 0;}
	.about_people .wrap {padding:0 5px !important;}
	.chameleon_01 .text {padding:20px;}
	.roro_03 .con ul li {width:auto; float:none !important;}
	.redhat_01 div.summary ul li.list {width:100%; margin-bottom:20px; font-size:15px; line-height:22px;}
	.openstack_02 div.group>* {margin:0;}
	.openstack_02 ul {max-width:85%;}
	.nginx_01 .obj i {margin-top:-60px; margin-left:-40px;}
	.zabbix .roll_box .rolling {height:200px;}
	.zabbix .vod_bg p.notebook {top:-20px; margin-left:-160px;}
	.zabbix .vod_bg p.notebook img {height:200px;}
	.zabbix .roll_box {width:320px; height:200px; position:absolute; top:-20px; left:50%; margin-left:-160px;}
	.zabbix .slick-slide img {height:200px;}
	#sub_layout .aws_03 {padding:15px 0 !important;}
	.aws_03 .wrap {margin:0 15px; padding:30px 15px !important;}
	.aws_03 .list h5 {font-size:14px; line-height:24px; letter-spacing:-0.5pt;}
	.aws_03 .list p {font-size:12px; line-height:22px; margin-bottom:30px;}
	#sub_layout .dtoc_01 p {width:auto; float:none !important;}
	.recruit>div h4 p {font-size:15px; line-height:22px;}
	.recruit_01 ul li {width:50%; margin-bottom:20px;}
	.recruit_03 .con>ul>li {width:50%; margin-bottom:30px;}
}

@media screen and (max-width:320px) {
	#sub_layout .sub_visual .sub_title ul {padding:70px 0 20px 0;}
	#sub_layout .sub_visual .sub_title ul li.t1 {display:none;}
	#sub_layout .sub_visual .sub_title ul li.t2 {font-size:25px; line-height:30px; padding:0 20px; text-align:left;}
	#sub_layout .snb {line-height:36px;}
	#sub_layout .snb ul li {float:none; width:auto !important;}
	.con_title ul li.img {height:100px; margin-top:20px;}
	.con_title ul li.img img {margin-left:-200px;}
	.con_title ul li.logo p.text {font-size:30px; line-height:35px; padding:10px 0;}
	.about_contact .info ul li {margin-bottom:20px; padding-left:90px;}
	.about_contact .info ul li p {margin:3px 0;}
	.about_contact .info ul li.mail p {padding-left:60px;}
	.about_contact .info ul li.loaction {padding:30px 0 0 30px;}
	.about_contact .info ul li.time {padding:30px 0 0 30px;}
	.about_customer ul li, .about_partner ul li {width:50%;}
	.about_people .wrap>ul {padding:0 40px;}
	.about_people .wrap>ul>li {width:100%;}
	.about_people .wrap>ul>li ul {padding-bottom:60%;}
	.sub_button {padding:0 30px 0 10px; background-position:right 10px center; font-size:12px; height:30px; line-height:30px;}
	.sub_button:hover {background-position:right 10px center;}
	.openstack_02 ul {max-width:inherit;}
	.nginx_01 .obj i {margin-top:-40px; margin-left:-30px;}
	.recruit_03 .con>ul>li {width:auto; float:none; margin-bottom:30px;}
}