/*--------------------
-----Main Styles------
----------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*reset*/
html {height:100%;}
body {height:100%;position:relative;overflow-y:auto;}

body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, caption, label, input, textarea, button, select, iframe, object, table {margin:0;padding:0;}
img, a, span, abbr, address, pre, code, del, em, strong, sub, sup {margin:0;padding:0;}

body, textarea {word-wrap:break-word;}
body, input, textarea, select, button, table, th, td {line-height:1.5;border:0 none;font-size:12px;font-family:'Noto Sans KR', Dotum, Helvetica, sans-serif;color:#666;}

img,fieldset {border:0 none;}
ul, ol, li {list-style:none;}

a {text-decoration:none;color:#666;}
a:hover, a:active, a:focus {text-decoration:none;}
a:focus, input:focus, button:focus, textarea:focus {outline:1px dotted #dddddd;}
hr, caption, legend {display:none;}

table {border-spacing:0;border-collapse:collapse;word-wrap:break-word;}
table,
table thead,
table tbody,
table tfoot,
table tr,
table th,
table td {border:0 none;}
.skip {position:absolute;left:-5000px;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}

a:focus{outline:none;}
/*
input[type="text"] {border:1px solid #bebebe;margin-right:5px;height:28px;line-height:28px;padding:0 3px;box-sizing:border-box;}
input[type="radio"] {height:15px;vertical-align:middle;margin-right:0px;border:none;} 
input[type="checkbox"] {height:15px;vertical-align:middle;margin-right:0px;border:none;}
*/

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight:400;
    letter-spacing:0.02em;
    margin:0 0 20px;
}

p {
    font-size:16px;
    line-height:22px;
    font-weight:300;
    margin-bottom:20px;
}

.lead {
    font-size:20px;
    line-height:28px;
    font-weight:100;
    letter-spacing:0.02em;
    margin-top:40px;
    margin-bottom:40px;
}

a,
a:hover,
a:focus {
    outline:none !important;
    text-decoration:none;
}

a {
  color:#5cc9df;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#5cc9df;
  text-decoration: underline;
}

a:focus,
.btn:focus {
  outline: none;
}
.r0{right:0px}
.mgr00 {margin-right:0px !important;}
.mgr03 {margin-right:3px !important;}
.mgr05 {margin-right:5px !important;}
.mgr06 {margin-right:6px !important;}
.mgr08 {margin-right:8px !important;}
.mgr10 {margin-right:10px !important;}
.mgr12 {margin-right:12px !important;}
.mgr15 {margin-right:15px !important;}
.mgr16 {margin-right:16px !important;}
.mgr20 {margin-right:20px !important;}
.mgr23 {margin-right:23px !important;}
.mgr30 {margin-right:30px !important;}

.mgb00 {margin-bottom:0px !important;}
.mgb04 {margin-bottom:4px !important;}
.mgb06 {margin-bottom:6px !important;}
.mgb08 {margin-bottom:8px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb12 {margin-bottom:12px !important;}
.mgb14 {margin-bottom:14px !important;}
.mgb16 {margin-bottom:16px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb24 {margin-bottom:24px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb44 {margin-bottom:44px !important;}
.mgb46 {margin-bottom:46px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}

.mgt00 {margin-top:0px !important;}
.mgt12 {margin-top:12px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}

.mgl-1 {margin-left:-1px !important;}
.mgl06 {margin-left:6px !important;}
.mgl10 {margin-left:10px !important;} /* 2017-08-30 추가 */
.mgl12 {margin-left:12px !important;}

.mgl01_p {margin-left:1% !important;}


.color-bg a{
	color:#fff;
	text-decoration: underline;
}

.color-bg a:hover,
.color-bg a:focus {
  color:#fff;
  text-decoration: none;
}

.primary {
	color:#5cc9df;
}

/*----------------------
---Main Layout Styles---
------------------------*/
.img-center{
    margin:0 auto;
}

.padding-top-bottom {
}

.padding-top {
    padding:100px 0 0;
}

.navbar {
    margin:0;
    border-radius:0;
}
.navbar-right{margin: 0px}

.page-title{
    margin:0;
    padding-top:80px;
    font-family:'Dosis',Arial,sans-serif;
    font-size:64px;
    line-height:78px;
    font-weight:400;
    letter-spacing:0.03em;
    text-align:center;
}

.page-subtitle{
    margin:0;
    margin-top:10px;
    font-size:24px;
    line-height:21px;
    font-weight:300;
    font-style:italic;
    letter-spacing:0.02em;
    text-align:center;
}

.page-subtitle:before{
    position:relative;
    top:14px;
    margin-right:5px;
    content:'\201C';
    font-size:52px;
}

.page-subtitle:after{
    position:relative;
    top:32px;
    margin-left:5px;
    content:'\201D';
    font-size:52px;
}

.section-title{
    position:relative;
	display:inline-block;
    margin:70px 0 40px;
    font-size:40px;
    line-height:64px;
    font-weight:500;
    letter-spacing:0.03em;
    text-align:center;
	letter-spacing:-1px;
    color: #444;
}
.sub_title{color: #444; padding-left: 40px; display: inline-block; letter-spacing: -0.5px; font-size: 25px}
.sub_title > span{font-weight: 500}
.sub_title.picture{background: url('../images/icon_picture.png') no-repeat 0 2px;}
.sub_title.video{background: url('../images/icon_video.png') no-repeat 0 2px;}
.section-title.red{
	color:#444;
}
.section-title.blue{
	color:#444;
}
.section-title.d_blue{
	color:#444;
}
.section-title.y_green{
	color:#444;
}
.section-title.purple{
	color:#444;
}
.section-title.g_gre{
	color:#444;
}
.section-title.orange{
	color:#444;
}

#galeria {background-color:#67c8c5;}
.MsoNormal {font-size:24px;line-height:36px;margin-bottom:40px;}
/*.section-title:after{
    display:block;
    content:"";
    width:100px;
    height:4px;
    position:absolute;
    left:50%;
    bottom:-15px;
    margin-left:-50px;
    background:#5cc9df;
    border-radius:3px;
    box-shadow:0 2px 0 rgba(0,0,0,0.08);
}*/

.section-description {
    text-align:center;
    font-size:20px;
    font-weight:400;
	margin-bottom:60px;
    width: 1200px;
    margin: 0 auto;
}

.subsection-title{  
    text-align:center;
    margin-top:80px;
}

.subsection-description {
    text-align:center;
	margin-bottom:60px;
}

/*------------------
----- Buttons ------
--------------------*/

.btn-qubico {
	border: none;
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	padding: 15px 30px;
	display: inline-block;
	margin:20px 0;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 600;
	outline: none;
	position: relative;
	background: #5cc9df;
	color: #fff;
	box-shadow: 0 4px rgba(0,0,0,0.07);
	border-radius: 5px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-qubico:hover,
.btn-qubico:focus {
	color: #fff;
	box-shadow: 0 3px rgba(0,0,0,0.07);
	top: 1px;
	text-decoration: none;
}

.btn-qubico:active {
	color: #fff;
	box-shadow: 0 2px rgba(0,0,0,0.07);
	top: 2px;
	text-decoration: none;
}

.btn-qubico.white {
	background: transparent;
	border:2px solid #fff;
	box-shadow: none;
	text-decoration: none;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out;
}

.btn-qubico.white:hover,
.btn-qubico.white:focus,
.btn-qubico.white:active {
	background: #fff;
	color:#5CC9DF;
	top:0;
	box-shadow:0 3px rgba(0,0,0,0.1);
	text-decoration: none;
}

.btn-qubico [class*=fa]{
    margin-right:10px;
}

/*----------------
----- Colors -----
------------------*/

.white-bg{
    background:#fff;
}

.gray-bg{
    background:#f3f3f3;
}

.color-bg{
    background:#5cc9df;
}

.dark-bg{
    background:#4E5961;
}

.light-typo {
    color:#fff;
}

.color-bg.light-typo .section-title:after{
	background:#fff;
}

#az_exporol {background-color:#59aaec;}
#ed_fairstatus {background-color:#efefef;}
#p_universities {background-color:#fff;}
#g_scholarship {background-color:#2271b8;}
/*----------------------
----Navigation Styles---
------------------------*/
#main-nav .navbar-toggle{
    border:1px solid #4E5961;
    border-radius:0;
}

#main-nav .icon-bar {
    background:#4E5961;
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:active,
.navbar-brand:focus {
    position:relative;
    padding:0 10px;
    font-size:28px;
    line-height:54px;
    font-weight:600;
    color:#777;
    font-variant:small-caps;
    letter-spacing:0.02em;
    -webkit-transition:font-size .2s ease-out;
    transition:font-size .2s ease-out;
    overflow:hidden;
}

#main-nav{
    background:#fff;
    color:#4E5961;
    box-shadow:0 0 10px rgba(0,0,0,0.7);
    z-index:9999;
}

#main-nav.scrolled .navbar-toggle{
    color:#5AA9CE;
    border-color:#5AA9CE;
}

#main-nav.scrolled .navbar-toggle .icon-bar{
    background:#5AA9CE;
}

#main-nav .container{
    height:auto;
}

#main-nav .nav a{
    position:relative;
    z-index:1;
}

#main-nav .nav a,
#main-nav .nav a:active,
#main-nav .nav a:hover{
    padding:0px 20px;
    font-size:14px;
    line-height:78px;
    font-weight:700;
    background:transparent;
    color:#444;
	font-family:'Noto Sans KR', sans-serif;
}

#main-nav .nav .active > a,
#main-nav .nav a:hover{
    opacity:1;
}

/*#main-nav .nav a:before {
    display:block;
    position:absolute;
    top:50%;
    left:0;
    content:"";
    width:2px;
    height:16px;
    z-index:-1;
    opacity:1;
	margin-top:-8px;
}*/

#main-nav.sub_hd .nav a{
    padding:0px 15px;
    font-size:15px;
    line-height:78px;
    font-weight:500;
    background:transparent;
    color:#134695;
	letter-spacing:-0.5px;
	font-family:'Noto Sans KR', sans-serif;
}
#main-nav.sub_hd .nav a.sty{
    padding:0px 20px 0 40px;
    font-size:14px;
    line-height:78px;
    font-weight:700;
    background:transparent url('/public/expo/images/icon_sty.gif') no-repeat 20px center;
    color:#444;
	letter-spacing:-1px;
	font-family:'Noto Sans KR', sans-serif;
}
#main-nav .nav a.ng01:before{
	background-color:#42cdf7;
}
#main-nav .nav a.ng02:before{
	background-color:#fc5e4a;
}
#main-nav .nav a.ng03:before{
	background-color:#6dc05d;
}
#main-nav .nav a.ng04:before{
	background-color:#787878;
}
#site-nav{width: 1200px; margin: 0 auto;}

.no-csstransforms #main-nav .nav a:before {
	display:none;
}

.no-csstransforms #main-nav .nav a:hover,
.no-csstransforms #main-nav .nav .active a {
	color:#5AA9CE;
}

#main-nav li{
    background:transparent;
    border-left:none;
	border-right:none;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
}

#main-nav .dropdown-menu a{
    font-size:14px;
}

.site-logo {
    max-height:54px;
}

.logo-small{
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
	padding-top:5px;
    opacity:1;
    -webkit-transition:all .2s ease-in;
    transition:all .2s ease-in;
}

.to-top {
    display:inline-block;
    position:absolute;
    top:50%;
    margin-top:-14px;
    left:10px;
    width:30px;
    height:30px;
    font-size:16px;
    line-height:29px;
    text-align:center;
    color:#fff;
    border-radius:50%;
    background:#eee;
    opacity:0;
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.navbar-brand.scrollto:hover .logo-small{
    opacity:0;
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.navbar-brand.scrollto:hover .to-top{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
}
.navbar-header{width: 1200px; margin: 0 auto !important; float: none}

#main-nav .bg_01 {position:absolute;top:0px;left:0;width:50%;background-color:#29c6f6;height:35px;}
#main-nav .bg_02 {position:absolute;top:0px;right:0;width:50%;background-color:#6dc05d;height:35px;}
#main-nav .top_in {position:relative;max-width:1200px;width:100%;height:35px;margin:0 auto;background:url('../images/common/head_top_p.png') repeat-y 0 0;background-size:contain}
#main-nav .top_in select {float:right;border:1px solid #b2b4b9;height:22px;margin-top:7px;min-width:100px;}
#main-nav .top_in ul {float:right;padding-top:12px;}
#main-nav .top_in ul li {float:left;height:12px;line-height:12px;border:none;border-right:1px solid #fff; margin-left: 10px;background: url('../images/top_menu.png') no-repeat 0px 0px / 15px}
#main-nav .top_in ul li a::before{}
#main-nav .top_in ul li:nth-child(1){background-position: 0px -55px;}
#main-nav .top_in ul li:nth-child(2){background-position: 0px -69px;}
#main-nav .top_in ul li:nth-child(3){background-position: 0px -84px;}
#main-nav .top_in ul li:last-child {border-right:none;}
#main-nav .top_in ul li a {display:inline-block;padding:0 10px 0 16px;font-size:12px;color:#fff;vertical-align:top;font-family:NanumGothic,'니눔고딕',Dotum,Helvetica,sans-serif;}

#main-nav.sub_hd .bg_01 {background:#4d4d4d;}
#main-nav.sub_hd .bg_02 {background:#4d4d4d;}
#main-nav.sub_hd .top_in {background:#4d4d4d;}
#main-nav.sub_hd .top_in ul li {float:left;height:12px;line-height:12px;border:none;border-right:1px solid #a4a4a4;}
#main-nav.sub_hd .top_in ul li:last-child {border-right:none;}
#main-nav.sub_hd .top_in ul li a {color:#fff;font-family:'Noto Sans KR', Dotum, Helvetica, sans-serif; cursor: pointer}
#main-nav.sub_hd .top_in ul li a em {font-style: normal}

/*----------------------
-----Header Styles------
------------------------*/

.jumbotron {
    background:#5cc9df;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    padding:0;
    margin-bottom:0;
    padding-top:80px;
}

.jumbotron.bg-image{
    position: relative;
    height: auto !important;
    padding:300px 0 250px;
	z-index: 1;
}

.jumbotron.bg-image .container{
    position: relative;
    z-index: 10;
}

.jumbotron.bg-image:after{
    position: absolute;
    display: block;
    content: "";
    width:100%;
    height: 100%;
    top:0;
    left: 0;
    background: #000;
    opacity: .4;
}

.jumbotron.bg-image h1{
    font-size: 60px;
    font-weight: 700;
    margin:0 0 60px;
    line-height: 1.1;
}

.jumbotron.bg-image p{
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}
.jumbotron.bg-image p a {
	color:#fff;
}

.text-slider .slides li h1{
    opacity:0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.text-slider .slides li.flex-active-slide h1{
    opacity:1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .8s ease-out .6s;
    transition: all .8s ease-out .6s;
}

.text-slider .slides li p{
    opacity:0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.text-slider .slides li.flex-active-slide p{
    opacity:1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .8s ease-out .8s;
    transition: all .8s ease-out .8s;
}

.bg-slider .text-slider .slides li h1{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .8s ease-out .2s;
    transition: all .8s ease-out .2s;
}

.bg-slider .text-slider .slides li.animate h1{
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: none;
    transition: none;
}

.bg-slider .text-slider .slides li p{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .8s ease-out .6s;
    transition: all .8s ease-out .6s;
}

.bg-slider .text-slider .slides li.animate p{
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: none;
    transition: none;
}

.jumbotron.bg-slider .backstretch img{
    top:auto !important;
    bottom: 0 !important;
}

.jumbotron .next-slide,
.jumbotron .prev-slide{
    background:rgba(255,255,255,.2);
    background-image:none;
    display:inline;
    text-indent:0;
    position:absolute;
    top:50%;
    left:30px;
    width:50px;
    height:50px;
    padding:0;
    text-align: center;
    margin:0;
    margin-top:0;
    font-size:42px;
    line-height:45px;
    color:#fff;
    border-radius:5px;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    z-index: 10;
    cursor:pointer;
}

.jumbotron .next-slide{
    left: auto;
    right: 30px;
}

.jumbotron .prev-slide:hover,
.jumbotron .next-slide:hover{
    background:rgba(255,255,255,.4);
}

.btn_wt {display:inline-block;min-width:300px;height:62px;line-height:62px;background-color:#fff;font-size:24px;color:#266ab0;text-align:center;border-radius:31px;}
.btn_bt {display:inline-block;min-width:200px;height:40px;line-height:38px;background-color:#59aaec;font-size:24px;color:#fff;text-align:center;border-radius:20px;}
.btn_bt:hover {color:#fff;}

.ed {width:100%;margin-bottom:30px;}
.ed_fs {float:left;padding:0 10px;width:25%;margin-top:20px;}
.ed_fs .inner {position:relative;background-color:#fff;padding:14px;height:438px;}
.ed_fs .inner .pg {font-size:14px;color:#444;line-height:1.2;margin-bottom:18px;text-align:left;font-weight:500;letter-spacing:-0.5px;}
.ed_fs .lay01 {width:100%;overflow:hidden;position:relative;margin-bottom:12px;min-height:60px;}
.ed_fs .lay01 img {position:absolute;top:0;left:0;}
.ed_fs .lay01 span {display:inline-block;color:#222;font-size:14px;line-height:18px;letter-spacing:-0.5px;font-weight:bold;text-align:left;padding-left:96px;}
.ed_fs .lay02 {width:100%;overflow:hidden;position:relative;margin-bottom:12px;text-align:center;}
.ed_fs .lay02 img {display:inline-block;max-width:100%;}
.ed_fs .lay03 {height:134px;}
.ed_fs .btn_b {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#3a81aa;}
.ed_fs .btn_r {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#e64600;}
.ed_fs .btn_g {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#808080;}

.exp_hd {position:relative;margin-top:116px;text-align:center;height:410px;background-color:#bdf1ff;}
.exp_hd .inner {width:1200px;margin:0 auto;}
.exp_hd .inner h1 {text-align:center;letter-spacing:-3px;padding:36px 0 0;margin-bottom:6px;font-size:76px;color:#001c2f;font-weight:bold;line-height:1;}
.exp_hd .inner .dp2 {font-size:30px;display:inline-block;width:100%;color:#001c2f;font-weight:bold;text-align:center;letter-spacing:-2px;}
.exp_hd .exp_bg01 {position:absolute;left:0;bottom:0;width:604px;height:304px;background:url('/public/expo/images/exp_bg01.png') no-repeat 0 0;}
.exp_hd .exp_bg02 {position:absolute;right:0;bottom:0;width:431px;height:350px;background:url('/public/expo/images/exp_bg02.png') no-repeat right 0;}
.exp_hd .hyg {position:relative;display:inline-block;height:76px;width:854px;border-radius:4px;margin-top:146px;background:url('/public/expo/images/pu_bgb.png') repeat 0 0;}
.exp_hd .hyg ul {width:100%;overflow:hidden;}
.exp_hd .hyg ul li {display:inline-block;width:25%;height:76px;vertical-align:top;}
.exp_hd .hyg ul li .pu {margin:12px 0;border-left:1px solid #9b9b9b;height:52px;text-align:center;}
.exp_hd .hyg ul li .pu.bn{border-left:none;}
.exp_hd .hyg ul li .sp_01 {display:inline-block;width:100%;color:#000;font-size:14px;letter-spacing:-0.5px;}
.exp_hd .hyg ul li .sp_b {font-size:30px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#003d61;padding-left:30px;background:url('/public/expo/images/pu_sp01.png') no-repeat 0 0;}
.exp_hd .hyg ul li .sp_r {font-size:30px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#d63b27;padding-left:43px;background:url('/public/expo/images/pu_sp02.png') no-repeat 0 4px;}
.exp_hd .hyg ul li .sp_g {font-size:30px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#5b7901;padding-left:30px;background:url('/public/expo/images/pu_sp03.png') no-repeat 0 0;}
.exp_hd .hyg .btn_pub {display:block;font-size:18px;line-height:52px;border-radius:4px;height:52px;background-color:#3a81aa;text-align:center;color:#fff;width:168px;margin:0 auto;}

.ped {width:100%;margin-bottom:30px;}
.p_uni {float:left;padding:0 10px;width:25%;margin-top:20px;}
.p_uni .inner {position:relative;background-color:#fff;padding:14px;height:180px;border:2px solid #fff;cursor:pointer;}
.p_uni .inner:hover {border:2px solid #3b9ce8;box-sizing:border-box;}
.p_uni .inner:hover .lay01 span {color:#2271b8;}
.p_uni .inner:hover .pg {color:#318ad1;}
.p_uni .inner .pg {font-size:14px;color:#444;line-height:1.4;margin-bottom:4px;text-align:left;font-weight:500;letter-spacing:-0.5px;height:38px;}
.p_uni .lay01 {width:100%;overflow:hidden;position:relative;margin-bottom:20px;min-height:60px;}
.p_uni .lay01 .gh {float:left;width:84px;overflow:hidden;text-align:center;}
.p_uni .lay01 span {float:left;display:inline-block;color:#222;font-size:14px;line-height:18px;letter-spacing:-0.5px;font-weight:bold;text-align:left;padding-top:20px;width:162px;}
.p_uni .lay02 {width:100%;overflow:hidden;position:relative;text-align:center;}
.p_uni .lay03 {height:auto;}
.alt01 {display:inline-block;width:40px;height:24px;line-height:24px;color:#fff;font-size:14px;background-color:#3b9ce8;border-radius:4px;}
.alt02 {display:inline-block;width:40px;height:24px;line-height:24px;color:#fff;font-size:14px;background-color:#318ad1;border-radius:4px;}
.alt03 {display:inline-block;width:40px;height:24px;line-height:24px;color:#fff;font-size:14px;background-color:#2271b8;border-radius:4px;}
.alt04 {display:inline-block;width:40px;height:24px;line-height:24px;color:#fff;font-size:14px;background-color:#005c91;border-radius:4px;}

.search_lay {overflow:hidden;border:2px solid #e2e2e2;border-radius:4px;background-color:#d6ecf9;padding:20px 0;margin-bottom:38px;}
.search_lay .s_left {float:left;width:860px;}
.search_lay .s_left table {width:100%;}
.search_lay .s_left table th {padding-left:20px;color:#222;font-size:16px;letter-spacing:-1px;height:54px;}
.search_lay .s_left table td {height:54px;}
.search_lay .s_left table td input[type="text"] {height:44px;border:1px solid #89a9b6;font-size:16px;box-sizing:border-box;padding:0 10px;}
.search_lay .s_left table td select {height:44px;border:1px solid #89a9b6;font-size:16px;box-sizing:border-box;padding:0 10px;}
.search_lay .s_left table td .txt {color:#222;font-size:16px;line-height:44px;}
.search_lay .s_left table td .txt02 {color:#222;font-size:36px;line-height:44px;text-align:center;}
.search_lay .s_left table input[type="checkbox"] {width:20px;height:20px;padding-right:5px;vertical-align:top;margin:0;margin-left:-24px;}
.search_lay .s_left .checkbox-inline {padding-left:24px;line-height:20px;color:#222;}
.search_lay .s_left .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {margin-top:0;margin-left:20px;}
.search_lay .s_left .btn_rbgn {background-color:#0b3261;height:46px;line-height:46px;color:#fff;font-size:14px;border-radius:4px;text-align:center;padding:0 40px;}
.search_lay .s_right {float:left;width:300px;border-left:1px solid #89a9b6;}
.search_lay .s_right h2 {color:#222;font-size:16px;text-align:center;font-weight:bold;letter-spacing:-1px;margin-bottom:40px;}
.search_lay .s_right .txt {color:#222;font-size:14px;line-height:44px;}
.s_map {position:relative;width:304px;height:390px;background:url('/public/expo/images/map_bg.png') no-repeat 0 0;margin-bottom:40px;}
.s_map a {position:absolute;display:inline-block;line-height:16px;font-size:12px;color:#222;letter-spacing:-1px;font-weight:600;}
.s_map a:hover {font-size:16px;color:#004888;letter-spacing:-2px;text-decoration:none;}
.s_map a.m01 {top:75px;left:23px;width:58px;text-align:right;}
.s_map a.m02 {top:77px;left:118px;width:58px;text-align:left;}
.s_map a.m03 {top:54px;left:155px;width:90px;text-align:left;}
.s_map a.m04 {top:76px;left:230px;width:80px;text-align:left;}
.s_map a.m05 {top:104px;left:94px;width:90px;text-align:left;}
.s_map a.m06 {top:122px;left:130px;width:140px;text-align:left;}
.s_map a.m07 {top:118px;left:260px;width:140px;text-align:left;}
.s_map a.m08 {top:142px;left:16px;width:90px;text-align:right;}
.s_map a.m09 {top:140px;left:127px;width:60px;text-align:left;}
.s_map a.m10 {top:160px;left:177px;width:120px;text-align:left;}
.s_map a.m11 {top:177px;left:123px;width:120px;text-align:left;}
.s_map a.m12 {top:197px;left:198px;width:80px;text-align:left;}
.s_map a.m13 {top:211px;left:70px;width:80px;text-align:left;}
.s_map a.m14 {top:228px;left:145px;width:80px;text-align:left;}
.s_map a.m15 {top:216px;left:239px;width:80px;text-align:left;}
.s_map a.m16 {top:255px;left:221px;width:80px;text-align:left;}
.s_map a.m17 {top:263px;left:95px;width:80px;text-align:left;}
.s_map a.m18 {top:288px;left:55px;width:100px;text-align:left;}
.s_map a.m19 {top:352px;left:68px;width:80px;text-align:left;}

#accordion {z-index:1;}
#accordion .panel {border:none;box-shadow:none;}
#accordion .panel-heading {padding:0;border-radius:0;border:none;}
#accordion .panel-title {padding:0;}
#accordion .panel-title a {display:block;font-size:24px;font-weight:bold;background:#d8ebf3;color:#2271b8;font-weight:400;letter-spacing:-1.5px;padding:14px 25px;text-decoration:none;position:relative;transition:all 0.3s ease 0s; }
#accordion .panel-title a.collapsed { background: #d8ebf3; color: #2271b8; margin-left: 0; transition: all 0.3s ease 0s; }
#accordion .panel-title a.collapsed:before {border-left-color:#f7c59f;}
#accordion .panel-title a:after {content:"\f106";font-family:'FontAwesome';position:absolute;top:24%;right:15px;font-size:28px;color:#2271b8;}
#accordion .panel-title a.collapsed:after {content:"\f107";color:#2271b8;}
#accordion .panel-collapse { position: relative; }
#accordion .panel-body {font-size:18px;color:#222;background:#fff;border-top:none;z-index:1;}
.jq22-header h1{ text-align:center}
.panel-group .panel+.panel {margin-top:2px;}
.col_mt_tit {margin-top:140px;}

/* 개인정보보호방침  2012.04.30 */
.priacypo{padding:20px;}
.priacypo h2{width:100%;background:url('../images/sub/snb_banner01_h2.gif') no-repeat left center;border-bottom:2px solid #c1c1c1;color:#144d9a;font-size:16px;text-indent:16px;height:33px;line-height:33px;margin-bottom:20px;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.priacypo h3{background:url('../images/sub/ico_h3.gif') no-repeat left center;color:#666666;font-size:14px;text-indent:17px;width:100%;line-height:37px;}
.priacypo h4{background:url('../images/sub/ico_h4.gif') no-repeat left center;color:#144d9a;font-size:14px;text-indent:17px;width:100%;height:30px;line-height:30px;}
.priacypo h5{color:#666;line-height:18px;font-weight:normal;padding-bottom:10px;font-size:12px;}
.priacypo h6{padding-left:20px;color:#666;line-height:18px;font-size:12px;}
.priacypo .h6_text{padding-left:35px;margin:0;line-height:18px;}
.priacypo p{padding-left:20px;line-height:18px;margin-bottom:10px;color:#666;}
.priacypo .p_date{text-align:right;padding-bottom:15px;}
.priacypo ul{color:#666;line-height:18px;}
.priacypo dl{padding-left:40px;}
.priacypo dl ul{padding-left:10px;}
.priacypo dt{color:#666;font-weight:bold;padding-bottom:5px;}
.priacypo dd{color:#666;}
.priacypo dd ul{line-height:20px;padding-bottom:10px;}
/* 이메일주소무단수집거부 */
.emailc{padding:20px;}
.emailc h2{width:100%;background:url('../images/sub/snb_banner01_h2.gif') no-repeat left center;border-bottom:2px solid #c1c1c1;color:#144d9a;font-size:16px;text-indent:16px;height:33px;line-height:33px;margin-bottom:20px;font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.emailc h3{background:url('../images/sub/ico_h3.gif') no-repeat left center;color:#666666;font-size:14px;text-indent:17px;width:100%;line-height:37px;}
.emailc h4{background:url('../images/sub/ico_h4.gif') no-repeat left center;color:#144d9a;font-size:14px;text-indent:17px;width:100%;height:30px;line-height:30px;}
.emailc h5{color:#666;line-height:18px;font-weight:normal;padding-bottom:10px;font-size:12px;}
.emailc h6{padding-left:20px;color:#666;line-height:18px;font-size:12px;}
.emailc .h6_text{padding-left:35px;margin:0;line-height:18px;}
.emailc p{padding-left:20px;line-height:18px;margin-bottom:10px;color:#666;}
.emailc .p_date{text-align:right;padding-bottom:15px;}
.emailc ul{color:#666;line-height:18px;}
.emailc dl{padding-left:40px;}
.emailc dt{color:#666;font-weight:bold;padding-bottom:5px;}
.emailc dd{color:#666;}
.emailc dd ul{line-height:20px;padding-bottom:10px;}


.uni_jia {position:relative;top:0;left:0;overflow:auto;height:320px;}
.uni_jia h2 {font-size:18px;color:#222;margin:0 0 6px;padding-left:3px;font-weight:600;}
.uni_s {width:100%;overflow:hidden;}
.uni_s .sp01 {float:left;color:#fff;font-size:16px;line-height:54px;padding-left:10px;}
.uni_sp {float:left;display:block;width:50%;font-size:24px;font-weight:bold;background:#d8ebf3;color:#2271b8;font-weight:400;letter-spacing:-1.5px;padding:9px 25px;cursor:pointer;text-decoration:none;position:relative;transition:all 0.3s ease 0s;}
.uni_cg {position:relative;margin-top:2px;background-color:#fff;padding:22px 0 0;overflow:hidden;height:350px;overflow:auto;}
.uni_sp i {margin-right:5px;position:absolute;right:4px;top:16px;}
.uni_col {width:50%;padding:0 1%;float:left;}
.uni_col02 {width:100%;padding:0 1%;float:left;}
#uni_inner {margin-top:-340px;position:absolute;top:0;left:0;height:340px;width:100%;background-color:#d8ebf3;border-bottom:1px solid #adadad;box-shadow: 0 0 8px rgba(0,0,0,0.2);overflow-y:auto;}
#uni_inner .inner {padding:2% 3% 0.8%;overflow:auto;}
#uni_inner .checkbox-inline {font-size:18px;color:#2271b8;padding-left:25px;vertical-align:middle;line-height:20px;letter-spacing:-1px;}
#uni_inner .checkbox-inline input {width:20px;height:20px;vertical-align:top;margin:0;margin-left:-24px;}
#uni_inner .col-md-3 {margin-bottom:14px;}

#tabs-4 dl {clear:both;}
#tabs-4 dl dt {font-weight:bold; color:#222; font-size:18px;font-weight:500;margin:45px 0 30px 15px;}
#tabs-4 dl dd {	white-space: wrap; padding:5px 5px 5px 15px; line-height:2.2em;font-size:14px;color:#222;}
.story-china {display:block;}
.story-japan {display:none;}
.story-vietnam {display:none;}
.story-america {display:none;}
.story-cambodia {display:none;}
.story-russia {display:none;}
.story-argentina {display:none;}
.fluid-width-video-wrapper {width:100% !important;height:370px !important;padding-top:0 !important;float:left; margin-bottom:10px;}
.swiper-pagination {display:none;}
.swiper-slide img {max-width:100%;}
.tb_w100 {width:100%;overflow-x:auto;}
.rolling_img {background-color:#ccc;}
.tb_scroll {height:500px;overflow:auto;margin-bottom:20px;}
.rank_add {width:100%;margin-bottom:6px;}
.rank_add label {display:inline-block;color:#222;font-size:16px;padding:0 10px;}
.rank_add select {display:inline-block;width:30%;}
.detail_hd {border:2px solid #e2e2e2;border-radius:8px;box-shadow: 0 6px 6px rgba(0,0,0,0.1);margin:130px 0 20px;}
.detail_hd h2 {font-size:48px;color:#222;width:100%;text-align:center;font-weight:bold;letter-spacing:-1px;padding:58px 0 24px;margin:0;}
.detail_hd .btn01 {display:inline-block;color:#fff;font-size:24px;text-align:center;height:64px;line-height:64px;border-radius:6px;letter-spacing:-1px;min-width:420px;width:38%;margin-right:5px;background-color:#29c6f6;}
.detail_hd .btn02 {display:inline-block;color:#fff;font-size:24px;text-align:center;height:64px;line-height:64px;border-radius:6px;letter-spacing:-1px;min-width:420px;width:38%;background-color:#fc715f;}
.detail_hd .detail_div {margin-bottom:62px;}
.d_map {border:2px solid #fff;box-shadow: 0 0 6px rgba(0,0,0,0.2);margin-bottom:20px;}
.top_box {margin:160px 0 20px;}


.uni_fwrs {width:1200px;margin:0 auto;}
.uni_fwrs .hyg02 {position:relative;display:inline-block;height:84px;width:100%;border-radius:4px;margin-top:30px;border: 1px solid #dfdfdf;}
.uni_fwrs .hyg02 ul {width:100%;overflow:hidden;}
.uni_fwrs .hyg02 ul li {display:block;height:84px;vertical-align:top; float: left}
.uni_fwrs .hyg02 ul li .pu {padding:12px 0;border-left:1px solid #dfdfdf;height:84px;text-align:center;}
.uni_fwrs .hyg02 ul li .pu.bn{border-left:none;}
.uni_fwrs .hyg02 ul li .sp_01 {display:inline-block;width:100%;color:#000;font-size:14px;letter-spacing:-0.5px;}
.uni_fwrs .hyg02 ul li .sp_t {font-size:25px;line-height:25px;padding:7px 0 8px;display:inline-block;letter-spacing:-1px;color:#134695;padding-left:55px;background:url('../images/mark1.png') no-repeat 0 0;}
.uni_fwrs .hyg02 ul li .sp_d {font-size:30px;line-height:30px;margin:0px;display:inline-block;width:50px;height:43px;color:#d63b27;background:url('../images/mark2.png') no-repeat 0 0;}
.uni_fwrs .hyg02 ul li .sp_a {font-size:30px;line-height:30px;margin:0px;display:inline-block;width:50px;height:43px;color:#5b7901;background:url('../images/mark3.png') no-repeat 0 0;}
.uni_fwrs .hyg02 ul li .sp_f {font-size:30px;line-height:30px;margin:0px;display:inline-block;width:50px;height:43px;color:#5b7901;background:url('../images/mark4.png') no-repeat 0 0;}
.uni_fwrs .hyg02.w3 ul li{width:33.3%}
.uni_fwrs .hyg02.w4 ul li{width:25%}



.pp_lgnt::after {position:fixed;top:0;right:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.6);content:'';opacity:1;-webkit-transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;}
.dct {z-index:0;}
.p_close {position:absolute;top:18px;right:18px;}
.pop_layout_log {position:fixed;top:112px;left:50%;width:650px;height:430px;box-sizing:border-box;border:3px solid #1164b0;margin:0 0 0 -325px;background-color:#fff;padding:20px 20px 0px 20px;z-index:10000;}
.pop_layout_log .tit {border-bottom:2px solid #dbdbdb;height:40px;line-height:40px;color:#1164b0;font-size:24px;font-weight:700;padding-left:18px;}
.pop_layout_log .p_paint {font-size:14px;color:#333;font-weight:700;padding-left:18px;line-height:14px;margin-bottom:10px;}
.pop_layout_log .form_b {border:1px solid #ddd;padding:35px 40px 20px;overflow:hidden;}
.pop_layout_log .form_b .logit {padding:0 24px 20px 30px;border-bottom:1px solid #ccc;margin-bottom:20px;overflow:hidden;text-align:right;}
.pop_layout_log .form_b .in {width:346px;float:left;overflow:hidden;}
.pop_layout_log .form_b label {float:left;width:79px;color:#333;font-size:14px;font-weight:700;text-align:left;line-height:34px;margin-bottom:10px;}
.pop_layout_log .form_b input {float:left;box-sizing:border-box;width:265px;height:34px;border:1px solid #cbcbcb;margin-bottom:10px;margin-right:0;padding:0 5px;font-size:14px;}
.pop_layout_log .btn_log {width:115px;height:78px;line-height:78px;text-align:center;color:#fff;font-size:20px;font-weight:700;background-color:#1164b0;display:inline-block;float:right;}
.men_in {float:left;border-radius:4px;background:#779738 url('../images/icon_mem_in.png') no-repeat 188px 5px;width:250px;height:40px;box-sizing:border-box;color:#fff;font-weight:700;font-size:14px;padding-left:69px;line-height:40px;}
.men_find {float:right;border-radius:4px;background:#0194cb url('../images/icon_mem_find.png') no-repeat 200px 5px;width:250px;height:40px;box-sizing:border-box;color:#fff;font-weight:700;font-size:14px;padding-left:37px;line-height:40px;}

.pop_layout {position:fixed;top:112px;left:50%;width:800px;height:700px;box-sizing:border-box;border:3px solid #1164b0;margin:0 0 0 -400px;background-color:#fff;padding:20px 20px 0 20px;overflow:auto;z-index:10000;}
.pop_layout02 {position:fixed;top:112px;left:50%;width:800px;height:540px;box-sizing:border-box;border:3px solid #1164b0;margin:0 0 0 -400px;background-color:#fff;padding:20px 20px 0 20px;overflow:auto;z-index:10000;}
.pop_layout.w1000, .pop_layout02.w1000 {width:1000px;margin:0 0 0 -500px;}
.pop_layout .tit, .pop_layout02 .tit {border-bottom:2px solid #dbdbdb;height:40px;line-height:40px;color:#1164b0;font-size:24px;font-weight:700;padding-left:18px;}
.pop_layout .inner, .pop_layout02 .inner {padding:0 20px 20px;}
.pop_layout .inner .h2_tit, .pop_layout02 .inner .h2_tit {font-size:16px;font-weight:700;color:#333;line-height:16px;}
.pop_layout .inner .h_tit {font-size:14px;font-weight:700;color:#333;line-height:14px;margin-bottom:10px;}
.useStplatCn {height:300px;overflow:auto;border:1px solid #c0c0c0;padding:0 15px;white-space:pre-line;}
.useStplatCn.ht01 {height:280px;}
.useStplatCn.ht02 {height:130px;}
.ver_t {font-size:12px;color:#333;display:block;line-height:16px;}
.ver_t input {margin-right:5px;width:16px;height:16px;margin-top:0;vertical-align:top;}
.btn_common {height:32px;line-height:32px;color:#fff;font-size:14px;font-weight:700;text-align:center;padding:0 30px;display:inline-block;background-color:#1164b0;}
.btn_pr {height:34px;line-height:34px;color:#fff;font-size:14px;font-weight:700;text-align:center;padding:0 30px;display:inline-block;background-color:#555;}
.p_red {color:#ff0000;line-height:14px;font-weight:700;}

.userdata_table{float:left;width:100%;border-top:1px solid #333;border-bottom:1px solid #d2d2d2;}
.userdata_table th{background-color:#f5f5f5;border-bottom:1px solid #dcdcdc;text-align:left;font-size:14px;text-indent:12px;color:#333;height:36px;}
.userdata_table .th_titile{margin-right:12px;}
.userdata_table th.th2{border-top:1px solid #d2d2d2;text-align:left;text-indent:30px;color:#666;height:36px;}
.userdata_table td{text-align:left;padding:10px 0 10px 8px;font-size:14px;border-bottom:1px solid #dcdcdc;height:28px;}
.userdata_table td input[type="text"]{border:1px solid #cbcbcb;height:32px;line-height:32px;padding:0 5px;font-size:14px;}
.userdata_table td input[type="password"]{border:1px solid #cbcbcb;height:32px;line-height:32px;padding:0 5px;}
.userdata_table td select{border:1px solid #cbcbcb;height:32px;line-height:32px;font-size:14px;}
.userdata_table td input[type="checkbox"] {margin-right:5px;width:16px;height:16px;}
.userdata_table td .radio{border:0 solid #fff;vertical-align:middle;}
.userdata_table td .radio_text{color:#666;}
.userdata_table td input.input_width{width:333px;}
.userdata_table .require{float:left;color:#ff0000;font-size:12px;font-weight:700;}/*필수입력사항*/
.userdata_table .require2{color:#ff0000;font-size:12px;font-weight:700;}/*필수입력사항*/
.userdata_table .indt {padding-left:10px;}
.userdata_table .btn_pr {height:32px;line-height:32px;color:#fff;font-size:14px;font-weight:700;text-align:center;padding:0 30px;display:inline-block;background-color:#555;vertical-align:top;}


/*QNA 팝업*/

.number .tency05 {border-top:2px solid #134695;margin-bottom:80px;}
.number .tency05 th {text-align:center;background-color:#e9f2fe;color:#444;padding:20px 0;}
.number .tency05 td {text-align:center;padding:20px 0;}
.number .tency06 {border-top:2px solid #379ba2;margin-bottom:10px;}
.number .tency06 th {text-align:center;background-color:#dceeef;color:#444;padding:18px 0;}
.number .tency06 td {text-align:center;padding:10px 0;color:#222;}
.number .tency06 td.text-left {text-align:left;padding-left:10px;}
.number .tency06 td a {color:#222;line-height:18px;display:inline-block;vertical-align:middle;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.number .tency06 .icon01 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#379ba2;font-size:12px;color:#fff;margin:0 5px;}
.number .tency06 .icon02 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#f27200;font-size:12px;color:#fff;margin:0 5px;}
.number .tency06 .icon03 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#df3e3e;font-size:12px;color:#fff;margin:0 5px;}
.number .tency06 .icon04 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#82b240;font-size:12px;color:#fff;margin:0 5px;}
.number .tency06 .icon05 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#4884cf;font-size:12px;color:#fff;margin:0 5px;}

.btn_tb01 {display:inline-block;border-radius:6px;padding:0 52px;height:42px;line-height:42px;color:#fff;background-color:#379ba2;font-size:18px;font-weight:bold;text-align:center;}
.btn_tb02 {display:inline-block;border-radius:6px;padding:0 52px;height:42px;line-height:42px;color:#fff;background-color:#6b6b6b;font-size:18px;font-weight:bold;text-align:center;}
.btn_tb03 {display:inline-block;border-radius:6px;padding:0 52px;height:42px;line-height:42px;color:#fff;background-color:#fc715f;font-size:18px;font-weight:bold;text-align:center;}

.paging {position:relative; width:100%; text-align:center;  height:25px; overflow:hidden; margin:20px auto 0px;  font-size:13px; padding-top:0px;}
.paging a { color:#828282; }
.paging ul { display: inline-block; }
.paging ul > li { display: inline; }
.paging ul > li > a {float:left; width:25px; margin-left:4px; line-height:23px; text-decoration:none; color:#858585; text-align:center; border:1px solid #e5e5e5; cursor:pointer; margin:0 4px; background:#fff;}
.paging ul > li > a:hover, .paging ul > .on > a,  .paging ul > .on > span {color:#fff; text-decoration:none; border:1px solid #e5e5e5; background:#565656;}
.paging ul > li > span {float:left;  margin-left:4px; line-height:38px; text-decoration:none; color:#666; text-align:center; font-weight:bold; margin:0 4px;}
.paging ul > .on > a,  .paging ul > .on > span { cursor: default; }
.paging ul > li.pg-btn {line-height:0; font-size:0;}
.paging ul > li.pg-btn img { vertical-align:middle; }
.paging ul > li.pg-btn > a {line-height:0; font-size:0; padding-bottom:0; border:0;}
.paging ul > li.pg-btn > a:hover {border:0;}
.paging ul > li.btn_prev > a {margin-left:0;}
.paging ul > li.btn_next > a {margin-right:0;}
.paging+.btnarea {margin-top:20px;}
.paging ul > li.pg-num { float:left; display:inline-block; height:40px; line-height:40px; min-width:70px; padding:0 4px; }
.paging ul > li.pg-num span { margin:0 7px; }
.paging ul > li.pg-num span.pg-current { color:#087f7e; font-weight:bold; }

/* .fixed_qna {position:fixed;top:66%;right:0px;width:50px; z-index:1; } */
/* .fixed_qna a{color: #fff} */
/* .fixed_qna .tf {display:block;width:50px;text-align:center;font-size:13px;padding:43px 0 7px;text-decoration:none;line-height:24px;} */
/* .fixed_qna .tf02 {display:block;text-align:center;width:50px;height:30px;line-height:30px;font-size:13px;text-decoration:none;background-color:rgba(0,0,0,0.9);margin-top: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} */

.number table{background-color:#eeeff0;color:#666;border-top:2px solid #919191;font-size:11px;width:100%;}
.number table th{border:1px solid #d6d6d6;font-size:15px;font-weight: normal; height:30px;letter-spacing:-0.5px;color:#444;background-color:#f2f2f2;padding:10px 0;text-align:center;}
.number table th:first-child {border-left:none;}
.number table th:last-child {border-right:none;}
.number table td{background-color:#fff;border:1px solid #d6d6d6;font-size:14px;height:35px;text-align:center;padding:20px 0;}
.number table .left{background-color:#fff;border:1px solid #d6d6d6;font-size:14px;height:35px;text-align:left;padding-left:10px;}
.number table td:first-child {border-left:none;}
.number table td:last-child {border-right:none;}
.number table .btn_ck01 {display:inline-block;border-radius:6px;width:90%;margin-bottom:5px;padding:0;height:32px;line-height:32px;cursor:pointer;color:#fff;background-color:#379ba2;font-size:14px;text-align:center;}
.number table .btn_ck02 {display:inline-block;border-radius:6px;width:90%;margin-bottom:5px;padding:0;height:32px;line-height:32px;cursor:pointer;color:#fff;background-color:#6b6b6b;font-size:14px;text-align:center;}
.number table .btn_ck03 {display:inline-block;border-radius:6px;width:90%;margin-bottom:5px;padding:0;height:32px;line-height:32px;cursor:pointer;color:#fff;background-color:#fc715f;font-size:14px;text-align:center;}
.number_student th{font-size:11px;}
.number_teacher td{font-size:11px;}
.number table.point{border-top:2px solid #134695;}
.number table.point th{background-color:#e9f2fe;}

/* 팝업 */
.pop_lay::after {position:fixed;top:0;right:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.6);content:'';opacity:1;-webkit-transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;}
.pop {position:fixed;width:1114px;overflow:hidden;height:740px;top:50%;left:50%;margin-left:-557px;margin-top:-340px;background-color:transparent;z-index:10000;}
.pop .pop_tit {position:relative;width:100%;height:63px;line-height:63px;font-size:36px;letter-spacing:-2px;font-weight:bold;color:#fff;padding-left:30px;box-sizing:border-box;background-color:#379ba2;}
.pop .pop_tit .pop_close {position:absolute;top:20px;right:18px;cursor:pointer;}
.pop .pop_tit .pop_close img {float:left;}
.pop .pop_content {width:100%;padding:26px 30px;box-sizing:border-box;/*height:677px;*/overflow:auto;}
.pop .pop_content .tit {line-height:24px;font-size:24px;color:#007f88;letter-spacing:-2px;padding-left:18px;background:url('/public/expo/images/icon_pop_tit.gif') no-repeat 0 center;font-weight:600;margin-bottom:12px;}
.pop .pop_content .tit02 {line-height:24px;font-size:24px;color:#df3e3e;letter-spacing:-2px;padding-left:18px;background:url('/public/expo/images/icon_pop_tit02.gif') no-repeat 0 center;font-weight:600;margin-bottom:12px;}
.pop .pop_content .p01 {font-size:16px;color:#333;line-height:24px;}
.pop_rg {position:fixed;width:670px;overflow:hidden;height:160px;top:50%;left:50%;margin-left:-335px;margin-top:-80px;background-color:#fff;z-index:10000;}
.pop_rg .bn_close {position:absolute;top:20px;right:20px;color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.pop_rg .btn_line {width:100%;text-align:center;padding-top:78px;}
.pop_rg .btn_line .btn01 {border-radius:4px;height:55px;line-height:55px;font-size:18px;color:#fff;padding:0 20px;display:inline-block;text-align:center;background-color:#444;min-width:210px;}
.pop_rg .btn_line .btn02 {border-radius:4px;height:55px;line-height:55px;font-size:18px;color:#fff;padding:0 20px;display:inline-block;text-align:center;background-color:#3a81aa;min-width:210px;}

#sliderPi li img{height: 605px; width:1046px;}

.table01 {margin-bottom:30px;border-top:2px solid #3a638b;}
.table01 th {font-size:14px;color:#0b3261;text-align:center;padding:6px 0;border-bottom:1px solid #c0c0c0;border-left:1px solid #c0c0c0;background-color:#d6ecf9;}
.table01 th:first-child {border-left:none;}
.table01 td {border-bottom:1px solid #c0c0c0;border-left:1px solid #c0c0c0;padding:10px 8px;font-size:12px;color:#222;text-align:center;}
.table01 td:first-child {border-left:none;}
.table01 td.text-left {text-align:left;}
.table01 td.text-right {text-align:right;}
.table01 td.text-center {text-align:center;}

.table02 {margin-bottom:30px;border-top:2px solid #3a638b;}
.table02 th {font-size:16px;color:#0b3261;text-align:center;padding:6px 0;border-bottom:1px solid #c0c0c0;border-left:1px solid #c0c0c0;background-color:#e8eaec;}
.table02 th:first-child {border-left:none;}
.table02 td {border-bottom:1px solid #c0c0c0;border-left:1px solid #c0c0c0;padding:10px 8px;font-size:14px;color:#222;text-align:center;letter-spacing:-0.5px;}
.table02 td:first-child {border-left:none;}
.table02 td.bg01 {background-color:#e2f1ff;}
.table02 td.text-left {text-align:left;}
.table02 td.text-right {text-align:right;}
.table02 td.text-center {text-align:center;}

.table03 {margin-bottom:30px;border-top:2px solid #2271b8;}
.table03 th {font-size:14px;color:#0b3261;text-align:center;padding:6px 0;border-bottom:1px solid #c0c0c0;background-color:#e8eaec;}
.table03 td {border-bottom:1px solid #c0c0c0;border-left:1px solid #c0c0c0;padding:10px 8px;font-size:12px;color:#222;text-align:left;letter-spacing:-0.5px;}
.table03 td.text-left {text-align:left;}
.table03 td.text-right {text-align:right;}
.table03 td.text-center {text-align:center;}

.table_off {margin-bottom:30px;border-top:2px solid #2271b8;}
.table_off th {font-size:14px;color:#0b3261;text-align:center;padding:6px 0;border-bottom:1px solid #c0c0c0;background-color:#e8eaec;}
.table_off td {border-bottom:1px solid #c0c0c0;border-left:1px solid #c0c0c0;padding:10px 8px;font-size:12px;color:#222;text-align:left;letter-spacing:-0.5px;}
.table_off td.text-left {text-align:left;}
.table_off td.text-right {text-align:right;}
.table_off td.text-center {text-align:center;}

/*ccs-2*/
#pagination {text-align:center;}
.whj_jqueryPaginationCss-2{
    display: inline-block;
    padding: 5px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.whj_jqueryPaginationCss-2 div{
    display: inline-block;
    vertical-align: bottom;
    height: 24px;
    line-height: 22px;
}
.whj_jqueryPaginationCss-2 .whj_padding{
    padding: 1px 9px;
}
.whj_jqueryPaginationCss-2 .whj_bgc{
    background-color: #5194ca;
    color: #fff;
}
.whj_jqueryPaginationCss-2 .whj_border{
    border: 1px solid #5194ca;
}
.whj_jqueryPaginationCss-2 .whj_color{
    color: #5194ca;
}
.whj_jqueryPaginationCss-2 .whj_hover:hover{
    background-color: #d4f1ff;
    color: #5194ca;
    cursor: pointer; 
}
.whj_jqueryPaginationCss-2 .whj_checked{
    background-color: #d4f1ff;
    color: #5194ca;
}
.whj_jqueryPaginationCss-2 .whj_hoverDisable{
    opacity: 0.7;
}
.whj_jqueryPaginationCss-2 select{
    height: 28px;
    vertical-align: bottom;
    padding: 0px;
    outline: none;
}
.whj_jqueryPaginationCss-2 input{
    padding: 0px;
    height: 26px;
    outline: none;
    text-align: center;
    width: 60px;
    vertical-align: bottom;
}
.whj_jqueryPaginationCss-2 div,.whj_jqueryPaginationCss-2 input,.whj_jqueryPaginationCss-2 select{
    margin: 2px;
}

.select-menu {width:570px;position:relative;}
.select-menu-ul{
	margin-top:-1px !important;
	list-style:none;
	opacity:0;
	display:none;
	padding:2% 0;
	width:100%;
	height:auto !important;
	text-align:left;
	border:1px solid #b52b1f;
	background:#fff;
	position:absolute;
	z-index:1;
	top:50px;
}
.select-menu-ul li{
	padding:0 0 0 3%;
	width:100%;
	color:#b52b1f;
	font-size:24px;
}
.select-menu-ul li:hover{
	background:#f2f2f2;
	
}
.select-menu-div{
	position:relative;
	height:50px;
	border:1px solid #b52b1f;
	line-height:30px;
}
.select-menu-div i {font-size:24px;color:#b52b1f;margin:6px 6px 0 0;}
.select-this{
	background:#f2f2f2;
}
.select-this:hover{
	 background:#f2f2f2!important;
}
.select-menu-div i{
	margin-right:5px;
	position:absolute;
	right:0;
	top:7px;

}
.select-menu-input{
	margin-left:3%;
	border:0;
	height:48px;
	cursor:pointer;
	user-select:none;
	color:#b52b1f;
	font-size:24px;
	line-height:48px;
}
.select-menu-i{
  transform:rotate(-90deg);
}
i{
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*-------------------------
------Call to action-------
--------------------------*/
.cta {
    padding:50px 0 30px;
}

.cta .cta-message p {
    padding:15px 0 20px;
    font-size:22px;
    line-height:32px;
}

.cta .cta-message strong {
    font-size:24px;
    letter-spacing:0.02em;
}

.cta .cta-button{
    padding:0;
}

/*--------------------
---Features Styles---
----------------------*/
.features .section-description{
    margin-bottom:80px;
}

.features .icon {
    width:80px;
    height:80px;
    margin-right: 15px;
    text-align:center;
    background:#cccfd5;
    color:#fff;
    font-size:28px;
    line-height:80px;
    border-radius:50%;
    box-shadow:0 3px rgba(0,0,0,0.05);
    -webkit-transition:background .3s ease-out;
    transition:background .3s ease-out;
}

.features .media:hover .icon {
    background:#5CC9DF;
}

.features .icon .icon-1 {
    width:80px;
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .3s ease-out .2s;
    transition:all .3s ease-out .2s;
}

.features .icon .icon-2 {
    width:80px;
    position:relative;
    top:-80px;
    opacity:0;
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
}

.features .media:hover .icon .icon-1 {
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
}

.features .media:hover .icon .icon-2 {
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .3s ease-out .2s;
    transition:all .3s ease-out .2s;
}

.features .media {
    margin-bottom:40px;
}

.features .media-body p{
    font-size:16px;
}

.features .media h4 {
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out;
}

.features .media:hover h4 {
    color:#5CC9DF;
}

/*--------------------
--CTA iPhones Styles--
----------------------*/
.cta-iphones h2{
    margin-top:60px;
}

.cta-iphones .iphones-wrapper{
    max-width:450px;
    margin:0 auto;
    position:relative;
}

.cta-iphones .iphone-portrait-frame {
    position:relative;
    width:39.5%;
}

.cta-iphones .iphone-landscape-frame {
    position:absolute;
    bottom:0;
    right:0;
    width:84%;
}

.cta-iphones .scrollimation .iphone-landscape-frame {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
	-webkit-transition:-webkit-transform .5s ease-in;
	transition:transform .5s ease-in;
}

.touch .cta-iphones .scrollimation .iphone-landscape-frame {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}

.cta-iphones .scrollimation .iphone-landscape-frame.in {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}

.cta-iphones .iphone-portrait-screen{
    position:absolute;
    width:87%;
    height:72.7%;
    top:13%;
    left:6.5%;
    overflow:hidden;
}

.cta-iphones .iphone-landscape-screen{
    position:absolute;
    width:72.7%;
    height:87%;
    top:6.5%;
    right:13%;
    overflow:hidden;
}
/*-----------------------
-----Services Styles-----
-------------------------*/
.services{
    margin-top:80px;
    margin-bottom:40px;
}

.services .icon {
    position:relative;
    width:150px;
    height:150px;
    margin:0 auto;
    text-align:center;
    background:#5CC9DF;
    line-height:150px;
    font-size:48px;
    color:#fff;
    border-radius:50%;
    box-shadow:0 0 0 0 rgba(0,0,0,0.0);
    margin-bottom:40px;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.services .item:hover .icon {
    font-size:38px;
    box-shadow:0 0 0 10px rgba(0,0,0,0.05);
}

.services .icon:after{
    display:block;
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    top:0;
    left:0;
    border-radius:50%;
    box-shadow:inset 0 0 0 0 rgba(0,0,0,0.08);
    background:transparent;
    -webkit-transition:box-shadow .3s ease-out;
    transition:box-shadow .3s ease-out;
}

.services .item:hover .icon:after {
    box-shadow:inset 0 0 0 10px rgba(0,0,0,0.08);
}

.services h3 {
    font-size:21px;
    font-weight:400;
    text-transform:uppercase;
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out;
}

.services .item:hover h3 {
    color:#5CC9DF;
}

.services p {
    padding:0 20px;
    font-size:16px;
    line-height:21px;
}


/*--------------------
----Process Styles----
----------------------*/

.process-list{
    margin:0;
    padding:0;
    background:transparent;
    list-style:none;
    text-align:center;
    width:100%;
}

.process-list li{
    display:inline-block;
    background:transparent;
    margin:20px 0;
    width:19%;
    vertical-align:top;
}

.process-list .icon{
    position:relative;
    display:block;
    text-align:center;
    width:120px;
    height:120px;
    margin:0 auto 30px;
    background:#bbb;
    border-radius:50%;
    font-size:48px;
    line-height:120px;
    color:#fff;
    -webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}

.process-list .icon:hover{
    font-size:36px;
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}

.process-list li:nth-child(1) .icon{
    background:#eee;
}

.process-list li:nth-child(2) .icon{
    background:#ddd;
}

.process-list li:nth-child(3) .icon{
    background:#ccc;
}

.process-list li:nth-child(4) .icon{
    background:#bbb;
}

.process-list li:nth-child(5) .icon{
    background:#aaa;
}

.process-list li.colored .icon{
    background:#5CC9DF;
}

.scrollimation .process-list li:nth-child(1) {
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:-webkit-transform .6s cubic-bezier(.17,.89,.42,1.4);
	transition:transform .6s cubic-bezier(.17,.89,.42,1.4);
}

.touch .scrollimation .process-list li:nth-child(1),
.scrollimation.in .process-list li:nth-child(1) {
	-webkit-transform:scale(1);
	transform:scale(1);
}

.scrollimation .process-list li:nth-child(2) {
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:-webkit-transform .6s cubic-bezier(.17,.89,.42,1.4) .4s;
	transition:transform .6s cubic-bezier(.17,.89,.42,1.4) .4s;
}

.touch .scrollimation .process-list li:nth-child(2),
.scrollimation.in .process-list li:nth-child(2) {
	-webkit-transform:scale(1);
	transform:scale(1);
}

.scrollimation .process-list li:nth-child(3) {
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:-webkit-transform .6s cubic-bezier(.17,.89,.42,1.4) .8s;
	transition:transform .6s cubic-bezier(.17,.89,.42,1.4) .8s;
}

.touch .scrollimation .process-list li:nth-child(3),
.scrollimation.in .process-list li:nth-child(3) {
	-webkit-transform:scale(1);
	transform:scale(1);
}

.scrollimation .process-list li:nth-child(4) {
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:-webkit-transform .6s cubic-bezier(.17,.89,.42,1.4) 1.2s;
	transition:transform .6s cubic-bezier(.17,.89,.42,1.4) 1.2s;
}

.touch .scrollimation .process-list li:nth-child(4),
.scrollimation.in .process-list li:nth-child(4) {
	-webkit-transform:scale(1);
	transform:scale(1);
}

.scrollimation .process-list li:nth-child(5) {
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:-webkit-transform .6s cubic-bezier(.17,.89,.42,1.4) 1.6s;
	transition:transform .6s cubic-bezier(.17,.89,.42,1.4) 1.6s;
}

.touch .scrollimation .process-list li:nth-child(5),
.scrollimation.in .process-list li:nth-child(5) {
	-webkit-transform:scale(1);
	transform:scale(1);
}

.process-list h4{
    font-size:21px;
    font-weight:400;
}

.process-box {
    margin-bottom:60px;
    position:relative;
    z-index:1;
}

.process-line {
    position:absolute;
    width:80%;
    margin:0 10%;
    height:0;
    top:80px;
    border-top:3px dotted #5cc9df;
    z-index:-1;
}

.scrollimation .process-line{
    width:0;
	-webkit-transition:width 2.5s ease-out;
	transition:width 2.5s ease-out;
}

.touch .scrollimation .process-line,
.scrollimation.in .process-line {
    width:80%;
}
/*-----------------------
---iPad Slider Styles----
-------------------------*/

.ipad-frame {
    display:block;
    position:relative;
    width:100%;
    max-width:800px;
    margin:0 auto;
    overflow:hidden;
}

.ipad-screen{
    display:block;
    position:absolute;
    top:7.7%;
    left:9.375%;
    width:81.25%;
	height:92.3%;
    overflow:hidden;
}

.flexslider {
    margin:0;
    padding:0;
    background:transparent;
    border:none;
    box-shadow:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	z-index:1;
}

.ipad-slider .flex-direction-nav .flex-prev,
.ipad-slider .flex-direction-nav .flex-next{
    background:#5cc9df;
    background-image:none;
    display:inline;
    text-indent:0;
    position:absolute;
    top:50%;
    width:44px;
    height:44px;
    padding:0;
    padding-left:12px;
    margin:0;
    margin-top:-22px;
    font-size:42px;
    line-height:38px;
    color:#fff;
    border-radius:5px;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
}

.ipad-slider .flex-direction-nav .flex-next{
    text-align:right;
    padding-right:12px;
}

.ipad-slider .flex-direction-nav a:hover,
.ipad-slider .flex-direction-nav a:active,
.ipad-slider .flex-direction-nav a:focus{
    text-decoration:none;
}

.ipad-slider .flex-direction-nav a:hover {  
    background:#363B46;
}

.ipad-slider:hover .flex-next {opacity: 1; right: 5px;}
.ipad-slider:hover .flex-prev {opacity: 1; left: 5px;}

/*-----------------------
---Macbook Video Styles--
-------------------------*/

.macbook-frame {
    position:relative;
}

.macbook-screen{
    display:block;
    position:absolute;
    top:7%;
    left:12.04%;
    width:75.91%;
}

/*-------------------
-----Team Styles-----
---------------------*/	
.team-member {
    margin-bottom:30px;
}

.member-thumb{
    text-align:center;
}

.member-thumb h4{
    font-size:21px;
    margin:10px 0;
}

.member-thumb .title{
    font-size:18px;
    margin:10px 0;
    color:#5CC9DF;
}

.team-member .member-details {
    margin:20px 0 0 20px;
    position:relative;
    padding:30px;
    padding-left:100px;
    background:#f5f5f5;
    border-radius:10px;
    box-shadow:5px 5px 0 rgba(0,0,0,0.08);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.team-member:hover .member-details {
    background:#5CC9DF;
    color:#fff;
}

.team-member.right .member-details {
    margin:20px 20px 0 0;
    box-shadow:-5px 5px 0 rgba(0,0,0,0.08);
}

.team-member .member-details:after {
    display:block;
    content:"";
    position:absolute;
    left:-18px;
    top:30px;
    width:0px;
    height:0px;
    background:transparent;
    border:20px solid transparent;
    border-left:20px solid #f5f5f5;
    box-shadow:-3px 0 0 rgba(0,0,0,0.08);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:border-left-color .3s ease-out;
    transition:border-left-color .3s ease-out;
}

.team-member.right .member-details:after {
    position:absolute;
    left:auto;
    right:-17px;
    border-left:20px solid transparent;
    border-right:20px solid #f5f5f5;
    box-shadow:3px 0 0 0 rgba(0,0,0,0.08);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:border-right-color .3s ease-out;
    transition:border-right-color .3s ease-out;
}

.team-member:hover .member-details:after {
    border-left-color:#5CC9DF;
}

.team-member.right:hover .member-details:after {
    border-left-color:transparent;
    border-right-color:#5CC9DF;
}

.team-member .member-details:before {
    display:block;
    content:"\201D";
    position:absolute;
    left:20px;
    top:50px;
    font-size:120px;
    font-weight:800;
    line-height:60px;
    font-family:Arial;
    color:#5cc9df;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.team-member:hover .member-details:before {
    color:#fff;
}

.team-member .member-socials {
    list-style:none;
    margin:0;
    padding:0;
}

.team-member .member-socials li {
    display:inline;
    text-align:center;
    margin:0 2px;
}

.team-member .member-socials li a{
    display:inline-block;
    padding:0;
    min-width:40px;
    height:40px;
    font-size:21px;
    line-height:40px;
    color:#5cc9df;
    border-radius:5px;
    box-shadow:0 3px 0 0 transparent;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.team-member:hover .member-socials li a {
    color:#fff;
}

.team-member .member-socials li a:hover{
    background:#fff;
    color:#5cc9df;
    box-shadow:0 3px 0 0 rgba(0,0,0,0.05);
}

.chart-wrapper{
    background:#5CC9DF;
    display:block;
    width:180px;
    height:180px;
    padding-top:20px;
    margin:0 auto 30px;
    border-radius:50%; 
}

.chart {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  margin-bottom: 50px;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.percent {
    display: inline-block;
    line-height: 140px;
	font-size:38px;
	font-weight:300;
    color:#fff;
    z-index: 2;
}

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: 24px;
}

.skills h2 {
    color:#4E5961;
    font-size:32px;
}

/*----------------------
-----Portfolio Styles---
------------------------*/
#filter-works ul {
    list-style:none;
    padding:0;
    margin:0;
    margin-bottom:20px;
    text-align:center;
    
}

#filter-works ul li{
    display:inline-block;
    padding:0;
    line-height:24px;
    background:transparent;
    margin:0;
    margin-left:5px;
    margin-bottom:10px;
}

#filter-works ul li a{
    display:block;
    font-size:18px;
    font-weight:500;
    padding:10px 20px;
    border-radius:5px;
    border:2px solid transparent;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
}

#filter-works ul li a,
#filter-works ul li a:active,
#filter-works ul li a:hover{
    line-height:24px;
    background:#fff;
    color:#4E5961;
    text-decoration:none;
}

#filter-works ul li a:hover,
#filter-works ul li.active a{
    color:#fff;
    background:#5cc9df;
}

.projects-container .row{
	-webkit-transition:height .5s ease-out;
	transition:height .5s ease-out;
}

.project-item {
    position:relative;
	margin-bottom:30px;
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
}

.project-item.filtered {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0.2;
	cursor:default;
}

.no-opacity .project-item.filtered {
	display:none;
}

.project-item.filtered a{
	cursor:default;
}

.project-item.filtered .enlarge,
.project-item.filtered .link,
.project-item.filtered .overlay-mask,
.project-item.filtered .project-title{
    display:none;
}

.project-thumb {
    display:block;
    position:relative;
    box-shadow:0 0 8px rgba(0,0,0,0.2);
    overflow:hidden;
}

.scrollimation .project-thumb {
	-webkit-transform:translateY(100px);
	transform:translateY(100px);
	opacity:0;
	-webkit-transition:opacity .4s ease-out, -webkit-transform .4s ease-out;
	transition:opacity .4s ease-out, transform .4s ease-out;
}

.touch .scrollimation .project-thumb,
.scrollimation .project-thumb.in {
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1;
}

.project-thumb .overlay-mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#5CC9DF;
    opacity:0;
	filter:alpha(opacity=0);
    z-index:1;
    -webkit-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out;
}


.project-thumb:hover .overlay-mask {
    opacity:0.8;
	filter:alpha(opacity=80);
}

.project-thumb .enlarge,
.project-thumb .link{
    display:inline-block;
    margin:0;
    margin-top:-25px;
    font-size:50px;
    line-height:50px;
    color:#fff;
    opacity:0;
	filter:alpha(opacity=0);
    position:absolute;
    height:50px;
    width:200px;
    top:50%;
    left:50%;
    text-align:center;
    z-index:3;

}

.project-thumb .enlarge{
    margin-left:-84px;
    -webkit-transform:translateX(-200px);
    transform:translateX(-200px);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.project-thumb:hover .enlarge{
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1;
	filter:alpha(opacity=100);
    -webkit-transition:all .3s ease-out .3s;
    transition:all .3s ease-out .3s;
}

.project-thumb .link{
    margin-left:20px;
    -webkit-transform:translateX(200px);
    transform:translateX(200px);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.project-thumb:hover .link{
    -webkit-transform:translate(0);
    transform:translate(0);
    opacity:1;
	filter:alpha(opacity=100);
    -webkit-transition:all .3s ease-out .6s;
    transition:all .3s ease-out .6s;
}

.project-thumb .enlarge.centered,
.project-thumb .link.centered{
    margin-left:-100px;
    -webkit-transform:translateY(-200px);
    transform:translateY(-200px);
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.project-thumb:hover .enlarge.centered,
.project-thumb:hover .link.centered{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:0.3s;
    transition-delay:0.3s;
}

.project-thumb .project-title {
    display:block;
    width:100%;
    position:absolute;
    bottom:-100px;
    background:#fff;
    margin:0;
    padding:20px 0;
    font-size:21px;
    font-weight:300;
    color:#777;
    text-align:center;
    z-index:2;
    -webkit-transition:bottom .4s ease-out,color .2s ease-out;
    transition:bottom .4s ease-out,color .2s ease-out;
}

.project-thumb:hover .project-title {
    bottom:0;
    -webkit-transition:bottom .3s ease-out .1s,color .2s ease-out 0s;
    transition:bottom .3s ease-out .1s,color .2s ease-out 0s;
}

.project-thumb .project-title:hover {
    color:#5CC9DF;
}

/*Load More Projects*/
.loaded-item {
    display:none;
}

/*Project Preview*/
.preview-content{
	display:none;
}

#project-preview {
	display:none;
}

#project-preview .loader{
	display:block;
	background:url(../assets/loader.gif) center center no-repeat;
    width:36px;
	height:36px;
	position:absolute;
	top:35%;
	left:50%;
	margin-left:-18px;
}

#project-preview .imac-frame {
    display:block;
    position:relative;
    width:100%;
    max-width:700px;
    margin:0 auto 30px;
    overflow:hidden;
}

#project-preview .imac-screen{
    background:transparent;
    display:block;
    position:absolute;
    top:5.5%;
    left:4.5%;
    width:91%;
	height:66%;
    overflow:hidden;
	opacity:0;
	-webkit-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out;
}

#project-preview .imac-screen.loaded{
	opacity:1;
}
.flexslider {
    margin:0;
    padding:0;
    background:transparent;
    border:none;
    box-shadow:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	z-index:1;
}

.imac-slider .flex-direction-nav .flex-prev,
.imac-slider .flex-direction-nav .flex-next{
    background:#5cc9df;
    background-image:none;
    display:inline;
    text-indent:0;
    position:absolute;
    top:50%;
    width:44px;
    height:44px;
    padding:0;
    padding-left:12px;
    margin:0;
    margin-top:-22px;
    font-size:42px;
    line-height:38px;
    color:#fff;
    border-radius:5px;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
}

.imac-slider .flex-direction-nav .flex-next{
    text-align:right;
    padding-right:12px;
}

.imac-slider .flex-direction-nav a:hover,
.imac-slider .flex-direction-nav a:active,
.imac-slider .flex-direction-nav a:focus{
    text-decoration:none;
}

.imac-slider .flex-direction-nav a:hover {  
    background:#363B46;
}

.imac-slider:hover .flex-next {opacity: 1; right: 5px;}
.imac-slider:hover .flex-prev {opacity: 1; left: 5px;}

.imac-slider .flex-direction-nav .flex-disabled,
.ipad-slider .flex-direction-nav .flex-disabled {
    display:none;
}

#project-preview .close-preview{
    display:inline-block;
    padding:10px;
    font-size:48px;
    line-height:48px;
    font-weight:400;
    margin:5px 0;
    text-decoration:none;
}

/*-------------------
------ Prices -------
---------------------*/

.pricing .item {
    position:relative;
    top:20px;
    background:rgba(255,255,255,1);
    padding-top:40px;
    padding-bottom:40px;
    border-radius:7px;
    color:#777;
    box-shadow:5px 5px 0 rgba(0,0,0,0.05);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.pricing .item.featured {
    top:0;
    padding-top:50px;
    padding-bottom:50px;
}

.pricing .item:hover,
.pricing .item.featured {
    background:#fc5e4a;
    color:#fff;
}

.pricing .item h2 {
    font-size:28px;
    font-weight:700;
    margin-bottom:0;
    text-transform:uppercase;
}

.pricing .item.featured h2 {
    margin-bottom:10px;
}

.pricing .item p {
    margin-bottom:5px;
    font-weight:400;
}

.pricing .item .icon {
    display:inline-block;
    margin-bottom:30px;
    background:#ccc;
    width:120px;
    height:120px;
    border-radius:50%;
    font-size:48px;
    line-height:120px;
    color:#fff;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.pricing .item.featured .icon,
.pricing .item:hover .icon{
    color:#fc5e4a;
    background:#fff;
}

.pricing .item .btn-qubico {
    margin-top:20px;
    margin-bottom:0;
    font-size:16px;
    padding:10px 20px;
}

.pricing .item.featured .btn-qubico,
.pricing .item:hover .btn-qubico {
	background: #fff;
	color:#fc5e4a;
}

.pricing .item .price {
    font-size:48px;
    font-weight:100;
    line-height:48px;
    margin-bottom:30px;
}

.pricing .item.featured .price {
    margin-bottom:40px;
}

/*-------------------
-----News Styles-----
---------------------*/	
.timeline{
    position:relative;
    margin-bottom:100px;
    z-index:1;
}

.timeline:before{
    display:block;
    content:"";
    position:absolute;
    width:50%;
    height:100%;
    left:1px;
    top:0;
    border-right:1px solid #fc5e4a;
    z-index:-1;
} 

.timeline:after{
    display:block;
    content:"";
    position:absolute;
    width:50%;
    height:130px;
    left:1px;
    bottom:0;
    border-right:1px solid #fff !important;
    z-index:-1;
} 

.timeline .date-title{
    text-align:center;
    margin:70px 0 50px;
}

.timeline .date-title span{
    padding:8px 30px;
    font-size:24px;
    font-weight:400;
    color:#fff;
    background:#fc5e4a;
    border-radius:5px;
	width:344px;
	display:inline-block;
	border-radius:26px;
}

.news-item {
    padding-bottom:45px;
}

.news-item.right {
    float:right;
    margin-top:176px;
}

.news-item .news-content {
    margin:20px 30px 0 0;
    position:relative;
    padding:20px 15px 20px 30px;
    background:#f5f5f5;
	border:2px solid #fff;
    border-radius:10px;
	min-height:160px;
    box-shadow:0 0 20px rgba(0,0,0,0.08);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
	z-index:2;
}

.news-item:hover .news-content {
    background:#fc5e4a;
    color:#fff;
}

.news-item:hover .news-title {
    color:#fff;
}

.news-item.right .news-content {
    margin:20px 0 0 30px;
    box-shadow:5px 5px 0 rgba(0,0,0,0.08);
}

.news-item .news-content:after {
    display:block;
    content:"";
    position:absolute;
    top:50px;
    right:-40px;
    width:0px;
    height:0px;
    background:transparent;
    border:20px solid transparent;
    border-left:20px solid #f5f5f5;
    -webkit-transition:border-left-color .3s ease-out;
    transition:border-left-color .3s ease-out;
}

.news-item.right .news-content:after {
    position:absolute;
    left:-40px;
    right:auto;
    border-left:20px solid transparent;
    border-right:20px solid #f5f5f5;
    -webkit-transition:border-right-color .3s ease-out;
    transition:border-right-color .3s ease-out;
}

.news-item:hover .news-content:after {
    border-left-color:#fc5e4a;
}

.news-item.right:hover .news-content:after {
    border-left-color:transparent;
    border-right-color:#fc5e4a;
}

.news-item .news-content:before {
    display:block;
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    right:-57px;
    top:60px;
    background:#fc5e4a;
    border:3px solid #fff;
    border-radius:50%;
    -webkit-transition:background .3s ease-out;
    transition:background .3s ease-out;
}

.news-item.right .news-content:before {
    left:-57px;
    right:auto;
}

.news-content .date {
    position:absolute;
    width:80px;
    height:80px;
    left:10px;
    text-align:center;
    color:#fc5e4a;
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out;
}

.news-item:hover .news-content .date {
    color:#fff;
}

.news-content .date p{
    margin:0;
    font-size:48px;
    font-weight:600;
    line-height:48px;
}

.news-content .date small{
    margin:0;
    font-size:26px;
    font-weight:300;
    line-height:24px;
}

.news-content .news-title{
    font-size:22px;
    font-weight:300;
	line-height:30px;
	color:#222;
	letter-spacing:-0.3px;
}

.news-content p{
    font-size:16px;
    line-height:24px;
    font-weight:300;
    letter-spacing:0.02em;
    margin-bottom:10px;
}

.news-content .read-more,
.news-content .read-more:hover,
.news-content .read-more:active,
.news-content .read-more:focus{
    padding:0;
    text-decoration:none;
    font-size:18px;
    color:#7A7C7F;
    line-height:24px;
}

.news-item:hover .news-content .read-more,
.news-item:hover .news-content .read-more:hover,
.news-item:hover .news-content .read-more:active,
.news-item:hover .news-content .read-more:focus{
    color:#fff;
}

.news-content .read-more{
    -webkit-transition:padding .3s ease-out;
    transition:padding .3s ease-out;
	position:absolute;
	bottom:16px;
	right:30px;
}

.news-content .read-more:hover {
    padding-left:7px;
}



.news-item:hover .news-content .read-more:after{
    color:#fff;
}

.news-content .news-media{
    position:absolute;
    width:80px;
    bottom:-45px;
    right:40px;
    border-radius:8px;
}

.news-content .news-media img{
    border-radius:8px;
    transform:scale(1);
    -webkit-transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
}

.news-content .news-media a{
    display:block;
	text-decoration:none;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.news-content .news-media a:hover img{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}

.news-content .news-media a:after{
    content:'\f065';
    position:absolute;
    width:100%;
    top:0;
    left:0;
    font-family:FontAwesome;
    font-size:32px;
    line-height:80px;
    text-align:center;
    color:#fc5e4a;
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:0;
    -webkit-transition:all .2s ease-out .1s;
    transition:all .2s ease-out .1s;
}

.news-content .news-media.video a:after{
    content:'\f04b';
}

.news-content .news-media a:hover:after{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
}

.news-content .news-media.gallery{
    box-shadow:4px 4px 0 #bbb,8px 8px 0 #ddd;
}
/*----------------------
-----Clients Styles-----
------------------------*/
.clients .client {
    max-width:300px;
    margin:0 auto 20px;
    padding:30px;
    overflow:hidden;
}

.client img {
    -webkit-transform:scale(1) rotate(0deg);
    transform:scale(1) rotate(0deg);
    -webkit-transition:all .6s ease-out;
    transition:all .6s ease-out;
}

.client img:hover {
    -webkit-transform:scale(1.2) rotate(-5deg);
    transform:scale(1.2) rotate(-5deg);
}

/*----------------------
-----Contact Styles-----
------------------------*/
.contact-item h2{
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
}

.contact-item .icon{
    display:block;
    font-size:48px;
    color:#5cc9df;
    text-shadow:-2px 2px 0 rgba(0,0,0,0.1);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.contact-item .icon:hover{
    color:#5cc9df;
    -webkit-transform:scale(1.3) translateY(-10px);
    transform:scale(1.3) translateY(-10px);
}


.bl_form {
	margin: 30px 0 0;
}

.bl_form input {
	padding-top: 15px;
	background: rgba(255,255,255,0.10);
	box-shadow: 0 4px 0px rgba(0,0,0,0.2);
	border: none;
	color: white;
	padding: 10px 15px;
	border-radius: 5px;
	font-size: 16px;
	outline: none;
}

.lb_wrap .lb_label.top, .lb_wrap .lb_label.bottom {
	left: 66px !important;
}

.lb_wrap .lb_label.left {
	left: 0;
}

.lb_label {
	font-size:18px;
    line-height:32px;
	font-weight: 400;
	color: #ccc;
}

.no-placeholder .lb_label {
	display:none;
}

.lb_label.active {
	color: #aaa;
}

#contact-form .form-group label{
    display:none;
    font-size:18px;
    line-height:24px;
    font-weight:100;
    text-transform:uppercase;
}

#contact-form.no-placeholder .form-group label{
    display:block;
}

#contact-form .controls {
    padding:0;
    margin-top:40px;
}

#contact-form.no-placeholder .controls {
    margin-top:0;
}

#contact-form .form-control {
	display:inline;
    background:#fff;
    border:none;
    border-radius:5px;
    outline:none;
    box-shadow:0 4px 0 rgba(0,0,0,0.05);
    height:52px;
    font-size:18px;
    line-height:32px;
    color:#aaa;
    font-weight:400;
    padding-left:64px;
	vertical-align:top;
}

#contact-form .form-group.half-width{
    width:40%;
    float:left;
}

#contact-form .form-group{
    position:relative;
}

#contact-form .form-group [class*=fa] {
    display:block;
    width:64px;
    position:absolute;
    top:0;
    left:5px;
    color:#eee;
    font-size:24px;
    line-height:52px;
    text-align:center;
    font-weight:300;
	-webkit-transition:color .3s ease-out;
	transition:color .3s ease-out;
}

#contact-form .form-group [class*=fa].active{
    color:#ccc;
}

#contact-form.no-placeholder .form-group [class*=fa]{
    top:30px;
}

#contact-form textarea.form-control {
    height:auto;
	max-width:100%;
	min-width:100%;
    font-size:18px;
    font-weight:400;
    line-height:24px;
	padding-top:14px;
	vertical-align:top;
}

#contact-form .form-control:focus {
    outline:none;
    box-shadow:0 4px 0 rgba(0,0,0,0.05);
}

#contact-form .error-message {
    padding:5px 0;
    position:absolute;
    top:-35px;
    right:0;
    font-size:15px;
    line-height:24px;
    font-weight:400;
    color:#ff3345;
    z-index:10;
}

#contact-form.no-placeholder .error-message {
    top:0;
}
/*----------------------
-----Footer Styles------
------------------------*/    

.social-links {
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:20px;
}

.social-links li{
    display:inline-block;
    margin:0 10px 5px;
    border-radius:3px;
    box-shadow:0 4px 0 transparent;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.social-links li a {
    display:block;
    color:#fff;
    font-size:30px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.social-links li:hover{
    background:#fff;
    box-shadow:0 4px 0 rgba(0,0,0,0.05);
}

.social-links li:hover a{
    color:#5CC9DF;
}

/*-----------------------
-----Scrollimations------
------------------------*/   
.scrollimation.fade-in{
	opacity:0;
	-webkit-transition:opacity 0.6s ease-out;
	transition:opacity 0.6s ease-out;
}

.scrollimation.fade-in.in{
	opacity:1;
}

.scrollimation.scale-in{
	opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform:scale(0.5);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
	transition: transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
}

.scrollimation.scale-in.in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}

.scrollimation.fade-right{
	opacity:0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform:translateX(-100px);
	-webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out;
	transition: transform .4s ease-out,opacity .4s ease-out;
}

.scrollimation.fade-right.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.scrollimation.fade-left{
	opacity:0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform:translateX(100px);
	-webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out;
	transition: transform .4s ease-out,opacity .4s ease-out;
}

.scrollimation.fade-left.in{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.scrollimation.fade-up{
	opacity:0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform:translateY(100px);
	-webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-in;
	transition: transform .4s ease-out,opacity .4s ease-in-out;
}

.scrollimation.fade-up.in{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}

.scrollimation.d1{
	transition-delay:.2s;
}

.scrollimation.d2{
	transition-delay:.4s;
}

.scrollimation.d3{
	transition-delay:.6s;
}

.scrollimation.d4{
	transition-delay:.8s;
}

.touch .scrollimation.fade-in{
	opacity:1;
}

.touch .scrollimation.scale-in{
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform:scale(1);
}

.touch .scrollimation.fade-right{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.touch .scrollimation.fade-left{
	opacity:1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform:translateX(0px);
}

.touch .scrollimation.fade-up{
	opacity:1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform:translateY(0px);
}
ul.containerArea > li:nth-child(even){width: 100%; float: left; background-color: #f2f2f2}


/*----------------------
-----Media Queries------
------------------------*/   
@media (max-width: 1200px) {
	.ed {overflow:hidden;width:100%;margin-bottom:30px;}
	.ed_fs {float:left;padding:0 10px;width:50%;margin-bottom:20px;}
	.ed_fs .inner {position:relative;background-color:#fff;padding:14px;height:438px;}
	.ed_fs .inner .pg {font-size:14px;color:#444;line-height:1.2;margin-bottom:18px;text-align:left;font-weight:500;letter-spacing:-0.5px;}
	.ed_fs .lay01 {width:100%;overflow:hidden;position:relative;margin-bottom:12px;min-height:60px;}
	.ed_fs .lay01 img {position:absolute;top:0;left:0;}
	.ed_fs .lay01 span {display:inline-block;color:#222;font-size:14px;line-height:18px;letter-spacing:-0.5px;font-weight:bold;text-align:left;padding-left:96px;}
	.ed_fs .lay02 {width:100%;overflow:hidden;position:relative;margin-bottom:12px;text-align:center;}
	.ed_fs .lay02 img {display:inline-block;max-width:100%;}
	.ed_fs .lay03 {height:134px;}
	.ed_fs .btn_b {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#3a81aa;}
	.ed_fs .btn_r {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#e64600;}
	.ed_fs .btn_g {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#808080;}
    .navbar-right{margin: 0px}

}

@media (max-width: 1199px) {
    .container{width: 100%}
    .navbar-header,
    #main-nav .nav{
    width:100%;
    text-align:center;
    float:none !important;
    margin-bottom: 10px;
    }
    
	#main-nav .container {
		width:100%;
		padding:0;
	}
    .navbar-brand{
        float:none;
    }
    
    .news-content .news-media{
        bottom:-55px;
    }

    .jumbotron.bg-image h1{
        font-size: 58px;
    }

    .jumbotron.bg-image p{
        font-size: 28px;
    }
    .jumbotron .next-slide,
    .jumbotron .prev-slide{
        display: none;
    }
	.uni_s {width:100%;}
	.uni_sp {display:block;width:100%;font-size:24px;font-weight:bold;background:#d8ebf3;color:#2271b8;font-weight:400;letter-spacing:-1.5px;padding:9px 25px;cursor:pointer;text-decoration:none;position:relative;transition:all 0.3s ease 0s;}
	.uni_sp i {margin-right:5px;position:absolute;right:4px;top:10px;}
	.uni_cg {position:relative;margin-top:2px;background-color:#fff;padding:22px 0 0;overflow:hidden;height:350px;overflow:auto;}
	.uni_col {width:100%;padding:0 1%;float:left;}
	#uni_inner {margin-top:-340px;position:absolute;top:0;left:0;height:340px;width:100%;background-color:#d8ebf3;border-bottom:1px solid #adadad;box-shadow: 0 0 8px rgba(0,0,0,0.2);overflow-y:auto;}
	#uni_inner .inner {padding:2% 3% 1%;overflow:auto;}
	#uni_inner .checkbox-inline {font-size:18px;color:#2271b8;padding-left:25px;vertical-align:middle;line-height:20px;letter-spacing:-1px;}
	#uni_inner .checkbox-inline input {width:20px;height:20px;vertical-align:top;margin:0;margin-left:-24px;}
	#uni_inner .col-md-3 {width:50%;margin-bottom:14px;}
	.p_uni {
		float: left;
		padding: 0 10px;
		width: 50%;
		margin-top: 20px;
	}
	.search_lay .s_left {
		float: left;
		width: 100%;
	}

	.search_lay .s_right {
		float: none;
		width: 300px;
		border-left:none;
		padding-top:30px;
		clear:both;
		margin: 0 auto;
	}

	.select-menu {
		width: 100%;
		position: relative;
	}
	.fluid-width-video-wrapper {
		width: 100% !important;
		height: 300px !important;
		padding-top: 0 !important;
		float: right;
		margin: 0 0 10px;
	}
	.rolling_img {background-color:#ccc;padding-top:198px;}

	.exp_hd {position:relative;margin-top:198px;text-align:center;height:320px;background-color:#bdf1ff;}
	.exp_hd .inner {width:100%;margin:0 auto;}
	.exp_hd .inner h1 {text-align:center;letter-spacing:-3px;padding:36px 0 0;margin-bottom:6px;font-size:42px;color:#001c2f;font-weight:bold;line-height:1;}
	.exp_hd .inner .dp2 {font-size:22px;display:inline-block;width:100%;color:#001c2f;font-weight:bold;text-align:center;letter-spacing:-2px;}
	.exp_hd .exp_bg01 {position:absolute;left:0;bottom:0;width:340px;height:171px;background:url('/public/expo/images/exp_bg01.png') no-repeat 0 0;background-size:100%;}
	.exp_hd .exp_bg02 {position:absolute;right:0;bottom:0;width:211px;height:171px;background:url('/public/expo/images/exp_bg02.png') no-repeat right 0;background-size:100%;}
	.exp_hd .hyg {position:relative;display:inline-block;height:76px;width:90%;border-radius:4px;margin-top:100px;background:url('/public/expo/images/pu_bgb.png') repeat 0 0;}
	.exp_hd .hyg ul {width:100%;overflow:hidden;}
	.exp_hd .hyg ul li {float:left;width:25%;height:76px;}
	.exp_hd .hyg ul li .pu {margin:12px 0;border-left:1px solid #9b9b9b;height:52px;text-align:center;}
	.exp_hd .hyg ul li .pu.bn{border-left:none;}
	.exp_hd .hyg ul li .sp_01 {display:inline-block;width:100%;color:#000;font-size:14px;letter-spacing:-0.5px;}
	.exp_hd .hyg ul li .sp_b {font-size:30px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#003d61;padding-left:30px;background:url('/public/expo/images/pu_sp01.png') no-repeat 0 0;}
	.exp_hd .hyg ul li .sp_r {font-size:30px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#d63b27;padding-left:43px;background:url('/public/expo/images/pu_sp02.png') no-repeat 0 4px;}
	.exp_hd .hyg ul li .sp_g {font-size:30px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#5b7901;padding-left:30px;background:url('/public/expo/images/pu_sp03.png') no-repeat 0 0;}
	.exp_hd .hyg .btn_pub {display:block;font-size:18px;line-height:52px;border-radius:4px;height:52px;background-color:#3a81aa;text-align:center;color:#fff;width:auto;margin:0 15px;}
	#main-nav.sub_hd .nav a.sty{
		padding:0px 8px 0 40px;
		font-size:14px;
		line-height:78px;
		font-weight:700;
		background:transparent url('/public/expo/images/icon_sty.gif') no-repeat 20px center;
		color:#444;
		letter-spacing:-1px;
		font-family:'Noto Sans KR', sans-serif;
	}

	#accordion {padding-right:0;padding-left:0;z-index:1;}
	#accordion .panel {border:none;box-shadow:none;}
	#accordion .panel-heading {padding:0;border-radius:0;border:none;}
	#accordion .panel-title {padding:0;}
	#accordion .panel-title a {display:block;font-size:18px;font-weight:bold;background:#d8ebf3;color:#2271b8;font-weight:400;letter-spacing:-1.5px;padding:14px 25px;text-decoration:none;position:relative;transition:all 0.3s ease 0s; }
	#accordion .panel-title a.collapsed { background: #d8ebf3; color: #2271b8; margin-left: 0; transition: all 0.3s ease 0s; }
	#accordion .panel-title a.collapsed:before {border-left-color:#f7c59f;}
	#accordion .panel-title a:after {content:"\f106";font-family:'FontAwesome';position:absolute;top:24%;right:15px;font-size:28px;color:#2271b8;}
	#accordion .panel-title a.collapsed:after {content:"\f107";color:#2271b8;}
	#accordion .panel-collapse { position: relative; }
	#accordion .panel-body {font-size:18px;color:#222;background:#fff;border-top:none;z-index:1;}
	.jq22-header h1{ text-align:center}
	.panel-group .panel+.panel {margin-top:2px;}
	.col_mt_tit {margin-top:140px;}
	.top_box {margin:240px 0 20px;}
    .section-description {width: 100%; margin-bottom: 20px}
    .prArea {padding-bottom: 20px}
    .number .tency03 {margin-bottom: 20px}
    .number .tency04 {margin-bottom: 20px}
    .number > .col-md-12{margin-bottom: 20px}
    .number .tency05 {margin-bottom: 20px}
    
    .number .tency06 {border-top:2px solid #379ba2;margin-bottom:10px;}
	.number .tency06 th {text-align:center;background-color:#dceeef;color:#444;padding:18px 0;}
	.number .tency06 td {text-align:center;padding:10px 0;color:#222;}
	.number .tency06 td.text-left {text-align:left;padding-left:10px;}
	.number .tency06 td a {color:#222;line-height:18px;display:inline-block;vertical-align:middle;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	.number .tency06 .icon01 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#379ba2;font-size:12px;color:#fff;margin:0 5px;}
	.number .tency06 .icon02 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#f27200;font-size:12px;color:#fff;margin:0 5px;}
	.number .tency06 .icon03 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#df3e3e;font-size:12px;color:#fff;margin:0 5px;}
	.number .tency06 .icon04 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#82b240;font-size:12px;color:#fff;margin:0 5px;}
	.number .tency06 .icon05 {display:inline-block;height:18px;line-height:18px;padding:0 8px;background-color:#4884cf;font-size:12px;color:#fff;margin:0 5px;}
	
	.btn_tb01 {display:inline-block;border-radius:6px;padding:0 52px;height:42px;line-height:42px;color:#fff;background-color:#379ba2;font-size:18px;font-weight:bold;text-align:center;}
	.btn_tb02 {display:inline-block;border-radius:6px;padding:0 52px;height:42px;line-height:42px;color:#fff;background-color:#6b6b6b;font-size:18px;font-weight:bold;text-align:center;}
	.btn_tb03 {display:inline-block;border-radius:6px;padding:0 52px;height:42px;line-height:42px;color:#fff;background-color:#fc715f;font-size:18px;font-weight:bold;text-align:center;}


/* paging */
.paging {position:relative; width:100%; text-align:center;  height:25px; overflow:hidden; margin:20px auto 0px;  font-size:13px; padding-top:0px;}
.paging a { color:#828282; }
.paging ul { display: inline-block; }
.paging ul > li { display: inline; }
.paging ul > li > a {float:left; width:25px; margin-left:4px; line-height:23px; text-decoration:none; color:#858585; text-align:center; border:1px solid #e5e5e5; cursor:pointer; margin:0 4px; background:#fff;}
.paging ul > li > a:hover, .paging ul > .on > a,  .paging ul > .on > span {color:#fff; text-decoration:none; border:1px solid #e5e5e5; background:#565656;}
.paging ul > li > span {float:left;  margin-left:4px; line-height:38px; text-decoration:none; color:#666; text-align:center; font-weight:bold; margin:0 4px;}
.paging ul > .on > a,  .paging ul > .on > span { cursor: default; }
.paging ul > li.pg-btn {line-height:0; font-size:0;}
.paging ul > li.pg-btn img { vertical-align:middle; }
.paging ul > li.pg-btn > a {line-height:0; font-size:0; padding-bottom:0; border:0;}
.paging ul > li.pg-btn > a:hover {border:0;}
.paging ul > li.btn_prev > a {margin-left:0;}
.paging ul > li.btn_next > a {margin-right:0;}
.paging+.btnarea {margin-top:20px;}
.paging ul > li.pg-num { float:left; display:inline-block; height:40px; line-height:40px; min-width:70px; padding:0 4px; }
.paging ul > li.pg-num span { margin:0 7px; }
.paging ul > li.pg-num span.pg-current { color:#087f7e; font-weight:bold; }

/* .fixed_qna {position:fixed;top:66%;right:0px;width:50px; z-index:1; } */
/* .fixed_qna a{color: #fff} */
/* .fixed_qna .tf {display:block;width:50px;text-align:center;font-size:13px;padding:43px 0 7px;text-decoration:none;line-height:24px;} */
/* .fixed_qna .tf02 {display:block;text-align:center;width:50px;height:30px;line-height:30px;font-size:13px;text-decoration:none;background-color:rgba(0,0,0,0.9);margin-top: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} */
    
    
    
    

	/*footer*/
	#footer {float:left;width:100%;height:auto;border-top:1px solid #c7c7c7;}
	#footer .footwrap {margin:0 auto;max-width:1200px;width:100%;overflow:hidden;}
	#footer .footwrap ul.goto li {float:left;padding:0 8px;}
	#footer .footwrap ul.goto li a:hover {text-decoration:underline;}
	#footer .footwrap ul.goto li.gor {float:right;}
	#footer .footwrap ul.goto li.gor select {border:1px solid #b2b4b9;height:20px;line-height:20px;}
	#footer .footwrap .foot {padding-left:10px;}
	#footer .footwrap .foot address {margin:10px 0 30px 0;width:100%;}
	#footer .footwrap .foot h2 {float:left;width:250px;padding-top:30px;}
	#footer .footwrap .foot span.colorfoot {font-size:100%;}
	.search_lay .s_left .checkbox-inline {padding-left:24px;line-height:20px;color:#222;width:100%;margin-top:5px;}
	.search_lay .s_left .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {margin-top:5px;margin-left:0;}
	.search_lay .s_left .btn_rbgn {background-color:#0b3261;height:46px;line-height:46px;color:#fff;font-size:14px;border-radius:4px;text-align:center;padding:0 40px;margin-top:10px;}
	.uni_fwrs {width:96%;margin:0 auto;}
	#main-nav.sub_hd .nav a{
		padding:0px 8px;
		font-size:14px;
		line-height:30px;
	}

	/* 팝업 */
	.pop_lay::after {position:fixed;top:0;right:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.6);content:'';opacity:1;-webkit-transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;}
	.pop {position:fixed;width:94%;overflow:hidden;height:740px;top:10px;left:50%;margin-left:-47%;margin-top:0;background-color:transparent;z-index:10000;}
	.pop .pop_tit {position:relative;width:100%;height:48px;line-height:48px;font-size:24px;letter-spacing:-2px;font-weight:bold;color:#fff;padding-left:30px;box-sizing:border-box;background-color:#379ba2;}
	.pop .pop_tit .pop_close {position:absolute;top:20px;right:18px;cursor:pointer;}
	.pop .pop_tit .pop_close img {float:left;}
	.pop .pop_content {width:100%;padding:26px 10px;box-sizing:border-box;height:677px;overflow:auto;}
	.pop .pop_content .tit {line-height:16px;font-size:16px;color:#007f88;letter-spacing:-2px;padding-left:18px;background:url('/public/expo/images/icon_pop_tit.gif') no-repeat 0 center;font-weight:600;margin-bottom:12px;}
	.pop .pop_content .tit02 {line-height:16px;font-size:16px;color:#df3e3e;letter-spacing:-2px;padding-left:18px;background:url('/public/expo/images/icon_pop_tit02.gif') no-repeat 0 center;font-weight:600;margin-bottom:12px;}
	.pop .pop_content .p01 {font-size:16px;color:#333;line-height:24px;}
	
	#sliderPi li img{height: 605px; width:100%;}
	
}

/* @media (min-width: 768px){ */
    
    /*Submenu*/
    #main-nav .nav li{
        position:relative;
		float:none;
		display:inline-block;
    }
    
    #main-nav .nav li ul{
		display:block !important;
        list-style:none;
        position:absolute;
        margin:0;
        padding:10px 0;
        top:100%;
        right:-20px;
        border-radius:5px;
        background:#5CC9DF;
        box-shadow:0 0 5px rgba(0,0,0,0.3);
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px);
        visibility:hidden;
        -webkit-transition:all .3s ease-out;
        transition:all .3s ease-out;
    }
    
    #main-nav .nav li:hover ul{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
        visibility:visible;
    }
    
    #main-nav .nav li ul li{
        margin:0;
    }
    
    #main-nav .nav li ul li a,
    #main-nav .nav li ul li a:hover,
    #main-nav .nav li ul li a:active,
    #main-nav .nav li ul li a:focus{
        display:block;
        margin:0;
        padding:7px 20px;
        width:100%;
        font-size:16px;
        line-height:16px;
        font-weight:400;
        text-decoration:none;
        text-transform:none;
        white-space:nowrap;
        text-align:center;
        color:#fff;
        opacity:.7;
        -webkit-transition:all .25s ease-out;
        transition:all .25s ease-out;
    }
    
    #main-nav .nav li ul li.active a,
    #main-nav .nav li ul li a:hover{
        -webkit-transform:translateY(-3px);
        transform:translateY(-3px);
        opacity:1;
    }
    
    #main-nav .nav li:hover > a{
        opacity:1;
    }
    
    #main-nav .nav  li:hover a:before{
        bottom:7px;
        opacity:1;
    }
    
    #main-nav .nav li.submenu > a:before,
    #main-nav .nav li ul li a:before{
        display:none;
    }
    
    #main-nav .nav li.submenu > a:after{
        content:'\f0d7';
        font-family:FontAwesome;
        margin-left:5px;
        color:#5CC9DF;
    }

	
	
}

@media (max-width: 767px) {
    #main-nav li{
    background:transparent;
    border-left:none;
	border-right:none;
	border-top:1px solid #ccc;
	border-bottom:2px solid transparent;
	
}
#main-nav li:first-child{
	border-top:none;
}
    
    body,p{
        font-size:16px;
        line-height:21px;
    }
    
    h1,
    .skills h2{
        font-size:24px;
        line-height:28px;
    }
    
	h2{
		font-size:21px;
        line-height:24px;
	}
    
    .page-title{
        font-size:42px;
        line-height:52px;
    }
    
    .page-subtitle{
        font-size:18px;
        line-height:21px;
    }
    
    .page-subtitle:before{
        top:7px;
        font-size:32px;
    }
    
    .page-subtitle:after{
        top:21px;
        font-size:32px;
    }
    .section-title{
        font-size:28px;
        line-height:36px;
    }
    
    .section-description{
        width: 100%;
        font-size:18px;
		margin-top:-30px;
    }
    
    .cta .cta-message p,
    .cta .cta-message strong{
        font-size:18px;
        line-height:24px;
    }
         
    .navbar-header,
    #main-nav .nav{
        width:auto;
    }
	
        
    .navbar-brand{
        float:left;
    }
    
    #main-nav .nav a {
        text-align:center;
        border-bottom:1px solid #f5f5f5;
    }
    .p_uni {
		float: left;
		padding: 0 10px;
		width: 100%;
		margin-top: 20px;
	}

    #main-nav .nav a:before {
        display:none;
    }
	.logo-small {height:50px;padding-top:0;}
	.logo-small img {height:50px;vertical-align:top;}
        
    #main-nav .nav li.submenu > a:after{
        content:'\f0d7';
        font-family:FontAwesome;
        margin-left:5px;
        color:#5CC9DF;
    }
        
    #main-nav .nav li ul{
        display:none;
        list-style:none;
        padding:0;
        margin:0;
    }
	.section-title {letter-spacing:-1.5px;}
	#main-nav .top_in ul li a {padding:0 12px;}
    #main-nav.sub_hd .top_in ul li a {width: 20px; height: 15px;}
    #main-nav.sub_hd .top_in ul li a em {display: none}
	.MsoNormal {font-size:16px;line-height:21px;}
    #main-nav .nav li ul li a,
    #main-nav .nav li ul li a:hover,
    #main-nav .nav li ul li a:active,
    #main-nav .nav li ul li a:focus{
        display:block;
        margin:0;
        width:100%;
        font-weight:400;
        text-decoration:none;
        text-transform:none;
        text-align:center;
    }
    
    .cta .cta-message {
        text-align:center;
    }
    
    .services .item{
        margin-bottom:60px;
    }
    
	.process-list li{
		display:block;
		width:100%;
		text-align:center;
	}
	
	.process-line{
		display:none;
	}
	
    .team-member .member-thumb{
        margin-bottom:30px;
    }
    
    .team-member{
        margin-bottom:60px;
    }
    
    .team-member .member-thumb img{
        width:300px;
        max-width:100%;
    }
    
    .team-member .member-details:after,
    .team-member.right .member-details:after {
        left:50%;
        margin-left:-20px;
        top:-40px;
        border-left:20px solid transparent;
        border-right:20px solid transparent;
        border-bottom:20px solid #fafafa;
        box-shadow:none;
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:border-bottom-color .3s ease-out;
        transition:border-bottom-color .3s ease-out;
    }
    
    .team-member:hover .member-details:after,
    .team-member.right:hover .member-details:after {
        border-right-color:transparent;
        border-left-color:transparent;
        border-bottom-color:#5CC9DF;
    }
    
    .team-member .member-details,
    .team-member.right .member-details {
        margin:20px 0 0 0;
    }
    
    .skills h2{
        margin-bottom:60px;
    }
    
    .project-item .project-thumb{
        max-width:400px;
        margin:0 auto;
    }
    
    .pricing .item{
        top:0;
        margin:0 auto 40px;
        max-width:400px;
    }
    
    .news-item.right {
        margin-top:0;
    }
    
    .news-item .news-content,
    .news-item.right .news-content {
        margin:40px 0 0;
    }
    
    .news-item .news-content:after,
    .news-item .news-content:before {
        display:none;
    }
    
    .jumbotron.bg-image{
        padding:160px 0 80px;
    }
    
    .jumbotron.bg-image h1{
        font-size: 42px;
    }

    .jumbotron.bg-image p{
        font-size: 24px;
    }

	.ed {overflow:hidden;width:100%;margin-bottom:30px;}
	.ed_fs {float:left;padding:0 10px;width:100%;margin-bottom:20px;}
	.ed_fs .inner {position:relative;background-color:#fff;padding:14px;height:438px;}
	.ed_fs .inner .pg {font-size:14px;color:#444;line-height:1.2;margin-bottom:18px;text-align:left;font-weight:500;letter-spacing:-0.5px;}
	.ed_fs .lay01 {width:100%;overflow:hidden;position:relative;margin-bottom:12px;min-height:60px;}
	.ed_fs .lay01 img {position:absolute;top:0;left:0;}
	.ed_fs .lay01 span {display:inline-block;color:#222;font-size:14px;line-height:18px;letter-spacing:-0.5px;font-weight:bold;text-align:left;padding-left:96px;}
	.ed_fs .lay02 {width:100%;overflow:hidden;position:relative;margin-bottom:12px;text-align:center;}
	.ed_fs .lay02 img {display:inline-block;max-width:100%;}
	.ed_fs .lay03 {height:134px;}
	.ed_fs .btn_b {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#3a81aa;}
	.ed_fs .btn_r {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#e64600;}
	.ed_fs .btn_g {display:block;height:38px;line-height:38px;color:#fff;font-size:14px;letter-spacing:-0.5px;border-radius:4px;width:100%;background-color:#808080;}

	/*footer*/
	#footer {float:left;width:100%;height:auto;}
	#footer .footwrap {margin:0 auto;max-width:990px;width:94%;overflow:hidden;}
	#footer .footwrap ul.goto li {float:left;padding:0 5px;}
	#footer .footwrap ul.goto li a:hover {text-decoration:underline;}
	#footer .footwrap ul.goto li.gor {float:right;}
	#footer .footwrap ul.goto li.gor select {border:1px solid #b2b4b9;height:20px;line-height:20px;}
	#footer .footwrap .foot span.colorfoot {font-size:100%;}

	.exp_hd {position:relative;margin-top:86px;text-align:center;height:370px;background-color:#bdf1ff;}
	.exp_hd .inner {width:100%;margin:0 auto;}
	.exp_hd .inner h1 {text-align:center;letter-spacing:-3px;padding:36px 0 0;margin-bottom:6px;font-size:34px;color:#001c2f;font-weight:bold;line-height:1;}
	.exp_hd .inner .dp2 {font-size:14px;display:inline-block;width:100%;color:#001c2f;font-weight:bold;text-align:center;letter-spacing:-2px;}
	.exp_hd .exp_bg01 {position:absolute;left:0;bottom:0;width:200px;height:101px;background:url('/public/expo/images/exp_bg01.png') no-repeat 0 0;background-size:100%;}
	.exp_hd .exp_bg02 {position:absolute;right:0;bottom:0;width:125px;height:101px;background:url('/public/expo/images/exp_bg02.png') no-repeat right 0;background-size:100%;}
	.exp_hd .hyg {position:relative;display:inline-block;height:auto;width:90%;border-radius:4px;margin-top:56px;background:url('/public/expo/images/pu_bgb.png') repeat 0 0;}
	.exp_hd .hyg ul {width:100%;overflow:hidden;}
	.exp_hd .hyg ul li {float:left;width:50%;height:76px;}
	.exp_hd .hyg ul li .pu {margin:12px 0;border-left:1px solid #9b9b9b;height:52px;text-align:center;}
	.exp_hd .hyg ul li .pu.bn{border-left:none;}
	.exp_hd .hyg ul li .sp_01 {display:inline-block;width:100%;color:#000;font-size:14px;letter-spacing:-0.5px;}
	.exp_hd .hyg ul li .sp_b {font-size:28px;letter-spacing:-1px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#003d61;padding-left:30px;background:url('/public/expo/images/pu_sp01.png') no-repeat 0 0;}
	.exp_hd .hyg ul li .sp_r {font-size:28px;letter-spacing:-1px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#d63b27;padding-left:43px;background:url('/public/expo/images/pu_sp02.png') no-repeat 0 4px;}
	.exp_hd .hyg ul li .sp_g {font-size:28px;letter-spacing:-1px;line-height:30px;margin:2px 0 4px;display:inline-block;color:#5b7901;padding-left:30px;background:url('/public/expo/images/pu_sp03.png') no-repeat 0 0;}
	.exp_hd .hyg .btn_pub {display:block;font-size:18px;line-height:52px;border-radius:4px;height:52px;background-color:#3a81aa;text-align:center;color:#fff;width:auto;margin:0 15px;}

	#main-nav.sub_hd .nav a{
		padding:0px 8px;
		font-size:14px;
		line-height:50px;
		font-weight:500;
	}	

	
	.basicinfo_list{float:left;width:100%;background-color:#dbe7f8;margin-top:15px;text-align:left;border:1px solid #3a638b;}
	.basicinfo_list ul{float:left;width:100%;background-color:#fff;box-sizing:border-box;padding-bottom:10px;}
	.basicinfo_list ul li{position:relative;float:left;height:45px;line-height:45px;text-align:center;padding:9px 14px 0;box-sizing:border-box;}
	.basicinfo_list ul li:before {content:'';position:absolute;right:0;top:16px;width:2px;height:16px;background-color:#0b4199;}
	.basicinfo_list ul li:last-child {background:none;}
	.basicinfo_list ul li a{display:inline-block;text-align:center;height:32px;line-height:32px;font-size:14px;color:#0b4199;font-weight:500;letter-spacing:-0.5px;vertical-align:top;}
	.basicinfo_list ul li a.on{padding:0 14px;background:#2271b8;border-radius:4px;color:#fff;}
	.basicinfo_list_on{font-weight:bold;text-decoration:underline;}

	.detail_hd {border:2px solid #e2e2e2;border-radius:8px;box-shadow: 0 6px 6px rgba(0,0,0,0.1);margin:100px 0 20px;}
	.detail_hd h2 {font-size:18px;color:#222;width:100%;text-align:center;font-weight:bold;letter-spacing:-1px;padding:36px 0 18px;margin:0;}
	.detail_hd .btn01 {display:inline-block;color:#fff;font-size:14px;text-align:center;height:48px;line-height:48px;border-radius:6px;letter-spacing:-1px;min-width:auto;vertical-align:top;width:44%;margin-right:5px;background-color:#29c6f6;}
	.detail_hd .btn02 {display:inline-block;color:#fff;font-size:14px;text-align:center;height:48px;line-height:48px;border-radius:6px;letter-spacing:-1px;min-width:auto;vertical-align:top;width:44%;background-color:#fc715f;}
	.detail_hd .detail_div {margin-bottom:32px;}

	.pop_layout_log {position:fixed;top:112px;left:50%;width:80%;height: auto;box-sizing:border-box;border:3px solid #1164b0;margin:0 0 0 -40%;background-color:#fff;padding:20px 20px 0px 20px;}
	.pop_layout_log .tit {border-bottom:2px solid #dbdbdb;height:40px;line-height:40px;color:#1164b0;font-size:24px;font-weight:700;padding-left:18px;}
	.pop_layout_log .p_paint {font-size:14px;color:#333;font-weight:700;padding-left:18px;line-height:14px;margin-bottom:10px;}
	.pop_layout_log .form_b {border:1px solid #ddd;padding: 35px 12px 20px;overflow:hidden;text-align: center;}
	.pop_layout_log .form_b .logit {padding:0 0 20px 0;border-bottom:1px solid #ccc;margin-bottom:20px;overflow:hidden;text-align:center;}
	.pop_layout_log .form_b .in {width: 100%;float:left;overflow:hidden;}
	.pop_layout_log .form_b label {float:left;width: 30%;color:#333;font-size: 12px;font-weight:700;text-align:left;line-height:34px;margin-bottom:10px;}
	.pop_layout_log .form_b input {float:left;box-sizing:border-box;width: 70%;height:34px;border:1px solid #cbcbcb;margin-bottom:10px;margin-right:0;padding:0 5px;font-size: 12px;}
	.pop_layout_log .btn_log {width: 100%;height: 40px;line-height: 40px;text-align:center;color: #fff;font-size: 16px;x;font-weight:700;background-color:#1164b0;display:inline-block;float:right;margin-bottom:  10px;}
	.men_in {float: none;display: inline-block;border-radius:4px;background:#779738;width: 100%;height:40px;box-sizing:border-box;color:#fff;font-weight:700;font-size:14px;padding-left:0;line-height:40px;margin-bottom: 10px;text-align: center;}
	.men_find {float: none;display: inline-block;border-radius:4px;background:#0194cb;width:100%;height:40px;box-sizing:border-box;color:#fff;font-weight:700;font-size:14px;padding-left:0;line-height:40px;text-align:center;}

	
	.pop_layout {position:fixed;top:112px;left:50%;width:80%;height:500px;box-sizing:border-box;border:3px solid #1164b0;margin:0 0 0 -40%;background-color:#fff;padding:20px 20px 0 20px;overflow:auto;}
	.pop_layout02 {position:fixed;top:112px;left:50%;width:80%;height:540px;box-sizing:border-box;border:3px solid #1164b0;margin:0 0 0 -40%;background-color:#fff;padding:20px 20px 0 20px;overflow:auto;}
	.pop_layout .inner, .pop_layout02 .inner {padding:0 0 20px;}
	.ver_t {font-size:12px;color:#333;display:block;line-height:16px;}
	.ver_t input {margin-right:5px;width:16px;height:16px;}
	.btn_common {margin-top:4px;}

	.userdata_table{float:left;width:100%;border-top:1px solid #333;border-bottom:1px solid #d2d2d2;}
	.userdata_table th{background-color:#f5f5f5;border-bottom:1px solid #dcdcdc;text-align: center;font-size: 12px;text-indent:12px;color:#333;height:36px;}
	.userdata_table .th_titile{margin-right:12px;}
	.userdata_table th.th2{border-top:1px solid #d2d2d2;text-align:left;text-indent:30px;color:#666;height:36px;}
	.userdata_table td{text-align:left;padding:10px 0 10px 8px;font-size:14px;border-bottom:1px solid #dcdcdc;height:28px;}
	.userdata_table td input[type="text"]{border:1px solid #cbcbcb;height:32px;line-height:32px;padding:0 5px;font-size:14px;}
	.userdata_table td input[type="password"]{border:1px solid #cbcbcb;height:32px;line-height:32px;padding:0 5px;}
	.userdata_table td select{border:1px solid #cbcbcb;height:32px;line-height:32px;font-size:14px;width:90%;}
	.userdata_table td input[type="checkbox"] {margin-right:5px;width:16px;height:16px;}
	.userdata_table td .radio{border:0 solid #fff;vertical-align:middle;}
	.userdata_table td .radio_text{color:#666;}
	.userdata_table td input.input_width{width:auto;}
	.userdata_table .require{float:left;color:#ff0000;font-size:12px;font-weight:700;}/*필수입력사항*/
	.userdata_table .require2{color:#ff0000;font-size:12px;font-weight:700;}/*필수입력사항*/
	.userdata_table .indt {padding-left:10px;}
	.userdata_table .btn_pr {height:32px;line-height:32px;color:#fff;font-size:14px;font-weight:700;text-align:center;padding:0 30px;display:inline-block;background-color:#555;vertical-align:top;}
}

@media (max-width: 479px) {
    .news-item .news-content {
        padding-left:20px;
    }
    
    .news-content .date {
        width:60px;
    }
    
    .news-content .date p{
        font-size:38px;
        line-height:38px;
    }
    
    .news-content .date small{
        font-size:21px;
        line-height:21px;
    }
    
    .news-content .news-title{
        font-size:21px;
    }
    
    .news-content p{
        line-height:21px;
    }
    


	/* 팝업 */
	.pop_lay::after {position:fixed;top:0;right:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.6);content:'';opacity:1;-webkit-transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;}
	.pop {position:fixed;width:94%;overflow:hidden;height:600px;top:10px;left:50%;margin-left:-47%;margin-top:0;background-color:transparent;z-index:10000;}
	.pop .pop_tit {position:relative;width:100%;height:48px;line-height:48px;font-size:24px;letter-spacing:-2px;font-weight:bold;color:#fff;padding-left:30px;box-sizing:border-box;background-color:#379ba2;}
	.pop .pop_tit .pop_close {position:absolute;top:20px;right:18px;cursor:pointer;}
	.pop .pop_tit .pop_close img {float:left;}
	.pop .pop_content {width:100%;padding:26px 10px;box-sizing:border-box;height:560px;overflow:auto;}
	.pop .pop_content .tit {line-height:16px;font-size:16px;color:#007f88;letter-spacing:-2px;padding-left:18px;background:url('/public/expo/images/icon_pop_tit.gif') no-repeat 0 center;font-weight:600;margin-bottom:12px;}
	.pop .pop_content .tit02 {line-height:16px;font-size:16px;color:#df3e3e;letter-spacing:-2px;padding-left:18px;background:url('/public/expo/images/icon_pop_tit02.gif') no-repeat 0 center;font-weight:600;margin-bottom:12px;}
	.pop .pop_content .p01 {font-size:16px;color:#333;line-height:24px;}

	/* paging */
	.paging {position:relative; width:100%; text-align:center;  height:25px; overflow:hidden; margin:20px auto 0px;  font-size:13px; padding-top:0px;}
	.paging a { color:#828282; }
	.paging ul { display: inline-block; }
	.paging ul > li { display: inline; }
	.paging ul > li > a {float:left; width:25px; margin-left:4px; line-height:23px; text-decoration:none; color:#858585; text-align:center; border:1px solid #e5e5e5; cursor:pointer; margin:0; background:#fff;}
	.paging ul > li > a:hover, .paging ul > .on > a,  .paging ul > .on > span {color:#fff; text-decoration:none; border:1px solid #e5e5e5; background:#565656;}
	.paging ul > li > span {float:left;  margin-left:4px; line-height:38px; text-decoration:none; color:#666; text-align:center; font-weight:bold; margin:0 4px;}
	.paging ul > .on > a,  .paging ul > .on > span { cursor: default; }
	.paging ul > li.pg-btn {line-height:0; font-size:0;}
	.paging ul > li.pg-btn img { vertical-align:middle; }
	.paging ul > li.pg-btn > a {line-height:0; font-size:0; padding-bottom:0; border:0;}
	.paging ul > li.pg-btn > a:hover {border:0;}
	.paging ul > li.btn_prev > a {margin-left:0;}
	.paging ul > li.btn_next > a {margin-right:0;}
	.paging+.btnarea {margin-top:20px;}
	.paging ul > li.pg-num { float:left; display:inline-block; height:40px; line-height:40px; min-width:70px; padding:0 4px; }
	.paging ul > li.pg-num span { margin:0 7px; }
	.paging ul > li.pg-num span.pg-current { color:#087f7e; font-weight:bold; }

}