@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

/*
	reset
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-style:inherit;
	font-family:'Open Sans', '맑은 고딕', sans-serif, 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림', Helvetica, Apple-Gothic, Arial;
	/*color:#000;*/
	text-decoration:none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	vertical-align: top;
}
body {
	line-height:1;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}

figure {
	display : block;
	margin: 0;
}
figcaption {
	display : none;
	margin: 0;
}

/*
=============================================================================
*/

/*
	Basic Screen Styling
*/

body {position:relative; font-family:'Open Sans', '맑은 고딕', sans-serif, 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림', Helvetica, Apple-Gothic, Arial; margin:0 auto;
-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; /* prevent mobile browsers resizing text */
}
img {-ms-interpolation-mode:bicubic;}
hr {height: 0; line-height:0; overflow:hidden; background:transparent; border:none; border-top:1px solid #000;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1, h2, h3, h4, h5, h6 {margin-bottom:20px;}
p, blockquote, small, cite {margin-bottom:20px;}
p cite {margin:0;}
h1 {}
h2 {font-size:1.7em; text-align:center;}
h3 {}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
strong {font-weight:bold;}
ul, ol {list-style:none;}
ul ul, ul ol, ol ul, ol ol {margin-bottom:0;}
small {font-size:100%;}

.clear, hr {clear:both;}

.line01 {border-bottom:1px solid #666;}
.line02 {border-right:1px solid #666;}
.line03 {border-bottom:1px solid #666;}


/* padding-top */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt50 {padding-top:50px;}

/* padding-bottom */
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb14 {padding-bottom:14px;}
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}
.pb100 {padding-bottom:100px !important;}

/* padding-left */
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}


/* margin-top*/
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px;}
.mt8 {margin-top:8px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px;}
.mt50 {margin-top: 50px;}
.mt56 {margin-top: 56%;}
.mt_10 {margin-top: -10px;}

/* margin-bottom*/
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px;}
/*1027수정*/
.mb46 {margin-bottom:46px !important;}
.mb66 {margin-bottom:66px !important;}


/* margin-left*/
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px;}
.ml20 {margin-left:20px;}
.ml50 {margin-left:50px;}

/* margin-right*/
.mr0 {margin-right:0 !important;}


/*
=============================================================================
*/

/*
	Common Styles
*/

.right, .alignright {float: right;}

/*
=============================================================================
*/

/*/  BODY & TOP  /*/
#wrap {min-width: 1024px;}
#header_bac {background:#121212; width:100%; height:80px;}

#gnb_wrap {height:30px; width:100%; background-color:#050505;}
#gnb_wrap .gnb {width:1024px; margin:0 auto;  background-color:#050505; height:30px; position:relative;}
#gnb_wrap .gnb ul {position:absolute; top:0; right:10px;}
#gnb_wrap .gnb li {display:inline-block; padding:0 0 0 30px;  font-size:11px; line-height:30px; text-align:center;}
#gnb_wrap .gnb li a {color:#888;}
#gnb_wrap .gnb li a:hover, #gnb_wrap .gnb li .on {color:#fff;}

#header_wrap {width:1024px; margin:0 auto;}
#header {width:1024px; height:80px; position:absolute; z-index:999; background-color:rgba(0,0,0,0.2);}
#header h1 {width:181px; text-align:left; margin:0 0 0 30px;}

/*1117 수정*/
#header .lnb {width:300px; position:absolute; left:211px; top:0;}
#header .lnb .lnb_box a {color:#fff;}
#header .lnb .lnb_box {width:100px; height:48px; display:block; float:left; text-align:center; padding-top:32px; font-size:13px; font-weight: 300; letter-spacing:-1px; background-color:rgba(0,0,0,0.5);}
#header .lnb .lnb_box:hover, #header .lnb .lnb_box:focus, #header .lnb .on {background-color:#000; font-weight:700;}
#header .online {position:absolute; left:526px; top:20px; display:block; font-size:12px; background-color:#0cae7a; text-align:center; padding: 0 10px;}
#header .online em {font-size:16px; margin-top: -1px; display: inline-block;}
#header .online:hover {opacity:0.5;}
#header .online a {height:25px; padding-top:15px; display:block; color: #fff;}
#header .online span {font-size:12px; font-weight:bold;}
/*1107 추가*/
#header .online_pop {width:199px; background:#fff; position:absolute; top:70px; right:277px; padding:10px 10px; line-height:18px; font-weight:bold; border: 1px solid #eaeaea;}
#header .online_pop p {color:#252525; font-size:13px; margin:0;}
#header .online_pop span {color:#09a774; font-size:13px;}
/*1107 추가*/
#gnb_wrap .gnb .top_right_div {max-width:44px; margin-left: 6px;}
#gnb_wrap .gnb .top_right_div .menu {text-align: left; position: relative; top: 11px; right: 11px;}
#gnb_wrap .gnb .top_right_div .menu ul {position: absolute; top: 15px; right: -16px; z-index: 1000; background: #050505; line-height: 25px; padding: 0px 15px;}
#gnb_wrap .gnb .top_right_div .menu li {margin-top: 4px; padding: 0; line-height: 0;}
#gnb_wrap .gnb .top_right_div .menu img {width:44px;}
#gnb_wrap .gnb .top_right_div .arrow {position: relative; left: 32px; top:-20px; vertical-align: top; text-align: left; margin-right: 32px;}
#gnb_wrap .gnb .top_right_div .arrow img{width:10px;}

/*/  HOME  /*/
#container {width:100%; height:100%;}
#container .home_app_01 {height:678px;}
#container .home_app_01 .home_app_01_tit {width:100%; background-color:#fff; border-top:1px solid #f2f2f2; height:209px;}
#container .home_app_01 .home_app_01_tit h2 {color:#353535; font-weight:normal; font-size:40px; width:920px; text-align:left; margin:0 auto; top:66px; position:relative; left:0; line-height:45px;}
#container .home_app_01 .home_app_01_tit h2 span {color:#252525; font-weight:bold;}
#container .home_app_01 .home_app_01_tit img {position:absolute; right:85px; top:-40px;}
#container .home_app_01 .home_app_01_txt {width:100%; background-color:#ececec; height:469px;}
#container .home_app_01 .home_app_01_txt p {color:#444; font-size:16px; line-height:27px; width:964px; position:relative; margin:0 auto; padding:64px 30px 66px 30px; left:0; top:0;}
#container .home_app_01 .home_app_01_txt p span {color:#222; font-weight:bold;}

#container .home_app_02 {height:690px;}
#container .home_app_02 .home_app_02_tit {width:100%; background:url(../images/home02_01_difference_of_mobile_bg.gif) no-repeat center; height:210px; background-color:#121212;}
#container .home_app_02 .home_app_02_tit h2 {color:#f2df00; font-weight:normal; font-size:30px; margin:0 auto; top:90px; position:relative; left:0;}
#container .home_app_02 .home_app_02_tit h2 span {color:#f2df00; font-weight:bold;}
/*1117 수정*/
#container .home_app_02 .home_app_02_txt {width:100%; background-color:#343434; height:487px; color:#fff;}

#container .home_app_02 .home_app_02_txt table {margin:0 auto; border:0; width:844px; padding-top:60px; display:block; font-size:16px; line-height:27px;}
#container .home_app_02 .home_app_02_txt table td span {font-size:16px; line-height:27px; color:#f2df00; font-weight:bold;}
#container .home_app_02 .home_app_02_txt table img {margin:10px 50px 0 0;}
/*1027수정*/
#container .home_app_03 {height:581px;}
#container .home_app_03 .home_app_03_tit {width:100%; height:160px; background-color:#fff;}
#container .home_app_03 .home_app_03_tit h2 {color:#222; font-weight:normal; font-size:40px; margin:0 auto; top:124px; position:relative; font-weight:bold; left:0;}
#container .home_app_03 .home_app_03_tit span {color:#222; font-size:38px; letter-spacing:-1px;}
#container .home_app_03 .home_app_03_txt {width:100%; background-color:#fff; height:467px;}
#container .home_app_03 .home_app_03_txt table {margin:0 auto; border:0; width:980px; padding:80px 0 60px; display:block; font-size:16px; line-height:27px;}
#container .home_app_03 .home_app_03_txt table td {width:180px; height:280px; text-align:center; background:#4f4f4f; margin-right:15px; display:inline-block;}
/*1117 수정*/
#container .home_app_03 .home_app_03_txt table td span {display:block; font-size:20px; color:#fff;}

#container .home_app_03 .home_app_03_txt table img {margin: 30px 0 48px;}
#container .home_app_03 .home_app_03_txt .end {margin:0;}

#container .home_app_04 {height:545px;}
#container .home_app_04 .home_app_04_tit {width:100%; height:154px; background-color:#ececec;}
#container .home_app_04 .home_app_04_tit h2 {color:#222; font-weight:normal; font-size:40px; margin:0 auto; top:124px; position:relative; font-weight:bold; left:0;}
#container .home_app_04 .home_app_04_txt {width:100%; background-color:#ececec; height:390px;}
#container .home_app_04 .home_app_04_txt .div_center {margin:0 auto; width:878px; height:250px; padding-top:80px;}
#container .home_app_04 .home_app_04_txt .home_app_04_div01 {background:url(../images/home04_01_appshields_basic_en.gif) no-repeat; width:404px; height:250px; float:left; margin-right:160px; -webkit-transition:background 0.2s ease; -moz-transition:background 0.2s ease; -o-transition:background 0.2s ease; transition:background 0.2s ease;}
#container .home_app_04 .home_app_04_txt .home_app_04_div01:hover {background:url(../images/home04_01_appshields_basic_over.gif) no-repeat;}
#container .home_app_04 .home_app_04_txt .home_app_04_div02 {background:url(../images/home04_02_appshields_appliance_en.gif) no-repeat; width:404px; height:250px; float:right; margin-top:-250px; -webkit-transition:background 0.2s ease; -moz-transition:background 0.2s ease; -o-transition:background 0.2s ease; transition:background 0.2s ease;}
#container .home_app_04 .home_app_04_txt .home_app_04_div02:hover {background:url(../images/home04_02_appshields_appliance_over.gif) no-repeat;}
#container .home_app_04 .home_app_04_txt a {display: block; width:404px; height:250px;}


/*/  APP SHIELDS & CASE STUDY  /*/
#container .appshields_01 {background-color:#ececec;}
#container .appshields_01 .tab_menu {width:1024px; margin:0 auto;}
.tab_menu:after{display:block;clear:both;content:''}
#container .appshields_01 .tab_menu .tab li{float:left}
#container .appshields_01 .tab_menu .tab li a {width:511px; display:block;}
/*1027수정*/
#container .appshields_01 .tab_menu .tab li a.menu1{float:left; background:url(../images/service_serviceplan01_basic.gif) no-repeat; width:511px; height:140px; border-right:1px solid #fff;}
#container .appshields_01 .tab_menu .tab li a.menu2{float:left; background:url(../images/service_serviceplan02_appliance.gif) no-repeat; width:511px; height:140px;}
#container .appshields_01 .tab_menu .tab li.on a{position:relative;z-index:10}
#container .appshields_01 .tab_menu .tab li.on a.menu1, #container .appshields_01 .tab_menu .tab .menu1:hover{background:url(../images/service_serviceplan01_basic_over.gif) no-repeat;}
#container .appshields_01 .tab_menu .tab li.on a.menu2, #container .appshields_01 .tab_menu .tab .menu2:hover{background:url(../images/service_serviceplan02_appliance_over.gif) no-repeat;}

#container .appshields_02 {background-color:#fff;}
#container .appshields_02 .appshields_select {width:1024px; margin:0 auto; height:363px;}
#container .appshields_02 .ex .arrow_top {width:41px; height:45px; margin:77px auto 70px;}
#container .appshields_02 .ex .arrow_top img {position:relative; -webkit-animation: myfirst 0.7s linear 1s infinite alternate; /*normal;  Chrome, Safari, Opera */
    animation: myfirst 0.7s linear 1s infinite alternate; /*normal;  Standard syntax */}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {opacity: 1.0; top:15px;}
    100% {opacity: 1.0; top:0px;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {opacity: 1.0; top:15px;}
    100% {opacity: 1.0; top:0px;}
}

#container .appshields_02 .ex h2 {color:#222; text-align:center; font-size:50px; margin-bottom:20px; font-weight:bold; letter-spacing:-1px;}
#container .appshields_02 .ex span {color:#3e3e3e; text-align:center; display:block; font-size:22px; margin-bottom:120px;}
/*1027수정*/
#container .t1 {}
#container .soarea {height:420px;}
#container .soarea h2, #container .soarea h2, #container .area h2, #container .t1 .sotab_menu h2, #container .t2 .sosotab_menu h2 {color:#222; text-align:center; font-size:40px; padding:102px 0 10px 0; font-weight:bold; line-height:48px;}
#container .soarea span {color:#3e3e3e; text-align:center; display:block; font-size:16px; line-height:27px;}
#container .sotab_menu {height:506px; background-color:#ececec;}
#container .sotab_menu .tab_cl, #container .sosotab_menu .sotab_cl, #container .sososotab_menu .sososotab_cl {width:888px; margin:70px auto 0;}
#container .sotab_menu .tab_cl li, #container .sosotab_menu .sotab_cl li, #container .sososotab_menu .sososotab_cl li{float:left}
#container .sotab_menu .tab_cl li a, #container .sosotab_menu .sotab_cl li a,  #container .sososotab_menu .sososotab_cl li a {display:block; font-size:20px; color:#222;}
#container .sotab_menu .tab_cl li a.menu1 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:168px; margin-right:28px; text-align:center; padding-top:60px;}
#container .sotab_menu .tab_cl li a.menu2 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:168px; margin-right:28px; text-align:center; padding-top:60px;} 
#container .sotab_menu .tab_cl li a.menu2 span {display:block; font-size:14px; margin-top:5px; color:#222;}
#container .sotab_menu .tab_cl li a.menu3 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:168px; margin-right:28px; text-align:center; padding-top:60px;} 
#container .sotab_menu .tab_cl li a.menu4 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:158px; text-align:center; padding-top:70px;} 
#container .sotab_menu .tab_cl li.on a, #container .sosotab_menu .sotab_cl li.on a{position:relative;z-index:10}
#container .sotab_menu .tab_cl li.on a.menu1, #container .sotab_menu .tab_cl .menu1:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 
#container .sotab_menu .tab_cl li.on a.menu2, #container .sotab_menu .tab_cl .menu2:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 
#container .sotab_menu .tab_cl li.on a.menu3, #container .sotab_menu .tab_cl .menu3:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 
#container .sotab_menu .tab_cl li.on a.menu4, #container .sotab_menu .tab_cl .menu4:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 

#container .sososotab_menu .sososotab_cl li a.menu2 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:168px; margin-right:28px;  text-align:center; padding-top:60px;} 
#container .sososotab_menu .sososotab_cl li a.menu2 span {display:block; font-size:14px; margin-top:5px; color:#222;}
#container .sososotab_menu .sososotab_cl li a.menu3 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:168px; margin-right:28px;  text-align:center; padding-top:60px;} 
#container .sososotab_menu .sososotab_cl li a.menu4 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:158px;  text-align:center; padding-top:70px;} 
#container .sososotab_menu .sososotab_cl li.on a, #container .sosotab_menu .sotab_cl li.on a{position:relative;z-index:10}
#container .sososotab_menu .sososotab_cl li.on a.menu2, #container .sososotab_menu .sososotab_cl .menu2:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 
#container .sososotab_menu .sososotab_cl li.on a.menu3, #container .sososotab_menu .sososotab_cl .menu3:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 
#container .sososotab_menu .sososotab_cl li.on a.menu4, #container .sososotab_menu .sososotab_cl .menu4:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 

#container .t2 .sososotab_menu {height:228px; background-color: #ececec;}
#container .t2 .sososotab_menu {margin-top: -80px;}
#container .t2 .sosotab_menu {height:458px; background-color:#ececec;}
#container .t2 .sosotab_menu .sotab_cl, #container .t2 .sotab_menu .tab_cl, #container .t2 .sososotab_menu .sososotab_cl {width:760px}
#container .t2 .sosotab_menu .sotab_cl li, #container .t2 .sotab_menu .tab_cl li, #container .t2 .sososotab_menu .sososotab_cl li {margin-right:36px;}
#container .t2 .sosotab_menu .sotab_cl li a.menu1 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:168px; margin-right:28px;  text-align:center; padding-top:60px;} 
#container .t2 .sosotab_menu .sotab_cl li a.menu2 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:178px; margin-right:28px;  text-align:center; padding-top:50px;} 
#container .t2 .sosotab_menu .sotab_cl li a.menu2 span {display:block; font-size:14px; margin-top:5px; color:#222; line-height:18px;}
#container .t2 .sosotab_menu .sotab_cl li a.menu3 {float:left; background:url(../images/service_feature_bg.gif) no-repeat; width:201px; height:168px; margin-right:28px;  text-align:center; padding-top:60px;}
#container .t2 .sosotab_menu .sotab_cl li.on a.menu1, #container .t2 .sosotab_menu .sotab_cl .menu1:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 
#container .t2 .sosotab_menu .sotab_cl li.on a.menu2, #container .t2 .sosotab_menu .sotab_cl .menu2:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 
#container .t2 .sosotab_menu .sotab_cl li.on a.menu3, #container .t2 .sosotab_menu .sotab_cl .menu3:hover {background:url(../images/service_feature_bg_over.gif) no-repeat;} 
#container .t2 .txt01 {padding-top: 40px;}

.tabscontents {clear:both; /*padding:30px;*/ display:none; width:100%;}
.cltabscontents {clear:both; /*padding:30px;*/ display:none; width:100%;}
.socltabscontents {clear:both; /*padding:30px;*/ display:none; width:100%;}
.sosocltabscontents {clear:both; /*padding:30px;*/ display:none; width:100%;}

#container .txt01 {background-color:#ececec;}
#container .txt01 .yell {background-color:#fed136; padding:32px 30px 46px;}
#container .txt01 .yell .close01, #container .txt01 .yell .close02, #container .txt01 .yell .close03 {width:23px; height:23px; background:url(../images/appshields_close.png) no-repeat; cursor:pointer; float:right; margin-right:11px;}
#container .txt01 .yell img {display:block; margin:23px auto 35px;}
#container .txt01 .yell p {font-size:20px; color:#222; line-height:35px; text-align:center;}
#container .grey_box {height:60px; background-color:#ececec;}
#container .order {background-color:#343434; padding-bottom:60px;}
/*1117 수정*/
#container .order h2 {text-align:center; font-size:40px; padding:102px 0 10px 0; font-weight:bold; line-height:48px; color:#fff;}
#container .order ul {width:780px; margin:70px auto 0;}
#container .order li {width:178px; height:198px; display:inline-block; border:1px solid #ddd; margin-right:15px;}
#container .order li p {font-size:60px; color:#fed136; font-weight:bold; text-align:center; margin-top:45px;}
#container .order li span {font-size:23px; text-align:center; display:block; color:#fff;}

#container .order li span.apkfile {font-size:20px; text-align:center; display:block; line-height:26px;}
#container .order .btn_info {width:780px; margin:40px auto 0;}
#container .order .view {display:block; text-align:right; font-size:20px; color:#eaedf1; margin-bottom:40px; margin-right:4px;}
#container .order .view:hover {color:#f2df00;}
/*1117 수정*/
#container .order img {display:block; margin:0 auto; margin-top:72px;}
#container .order .login_go {background:url(../images/arrow_btn_01.png) no-repeat right; height:62px; margin:36px auto 0; border:3px solid #fff; margin-left:520px; cursor:pointer;}
#container .order .login_go:hover {background:url(../images/arrow_btn_01_over.png) no-repeat right; background-color:#fed136; border:3px solid #fed136;} 
#container .order .login_go span {padding:21px 0 0 16px; font-size:20px; font-weight:bold; display:inline-block; width:243px; height:45px; color:#fff;}
#container .order .login_go span:hover {color:#222;}

#container .buy_box {background-color: #ececec; padding-top:35px;}
#container .buy_center {width:700px; margin:0 auto;}
#container .buy_go {background:url(../images/arrow_btn_01_over.png) no-repeat right; width:211px; height:62px; margin-left: 480px; border:3px solid #525252; cursor:pointer;}
#container .buy_go:hover {background:url(../images/arrow_btn_01_over.png) no-repeat right; background-color:#fed136; border:3px solid #fed136;} 
#container .buy_go span {padding:21px 0 0 16px; font-size:20px; font-weight:bold; display:inline-block; width:195px; height:41px; color:#525252;}
#container .buy_go span:hover {color:#222;}

#container .t2 .area {height:832px;}
#container .t2 .area .pros {width:782px; margin-top:72px; margin:67px auto 0;}
#container .t2 .area .pros li {width:180px; height:530px; background:#4f4f4f; margin-right:16px; display:inline-block; text-align:center;}
#container .t2 .area .pros li img {margin:63px 0 83px;}
#container .t2 .area .pros li em {color:#11ce92; font-size:20px; display:block; margin-bottom:60px; line-height:30px; font-weight:600;}
/*1117 수정*/
#container .t2 .area .pros li span {font-size:16px; line-height:24px; color:#fff;}



/*CASE STUDY 이미지 교체*/
/*1029 수정 */
#container .appshields_01 .tab_menu .tab li {}
#container .appshields_01 .tab_menu .tab li .menu_c1{float:left; background:url(../images/casestudy_case01_bank.png) no-repeat 50% 44px; width:255px; height:260px; opacity:0.4; border-left: 1px solid #fff; text-align: center;}
#container .appshields_01 .tab_menu .tab li .menu_c2{float:left; background:url(../images/casestudy_case02_card.png) no-repeat 50% 44px; width:255px; height:260px; opacity:0.4; border-left: 1px solid #fff; text-align: center;}
#container .appshields_01 .tab_menu .tab li .menu_c3{float:left; background:url(../images/casestudy_case03_game.png) no-repeat 50% 44px; width:255px; height:260px; opacity:0.4; border-left: 1px solid #fff; text-align: center;}
#container .appshields_01 .tab_menu .tab li .menu_c4{float:left; background:url(../images/casestudy_case04_corp.png) no-repeat 50% 44px; width:254px; height:260px; opacity:0.4; border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: center;}
#container .appshields_01 .tab_menu .tab em {display:block; font-size:30px; color:#363636; font-weight:bold; margin-bottom:10px; opacity:1; margin-top:166px;}
#container .appshields_01 .tab_menu .tab span {display:block; font-size:30px; color:#363636; opacity:1;}
#container .appshields_01 .tab_menu .tab li.on .menu_c1, #container .appshields_01 .tab_menu .tab .menu_c1:hover{background:url(../images/casestudy_case01_bank.png) no-repeat 50% 44px; opacity:1; background-color:#fed136;}
#container .appshields_01 .tab_menu .tab li.on .menu_c2, #container .appshields_01 .tab_menu .tab .menu_c2:hover{background:url(../images/casestudy_case02_card.png) no-repeat 50% 44px; opacity:1; background-color:#fed136;}
#container .appshields_01 .tab_menu .tab li.on .menu_c3, #container .appshields_01 .tab_menu .tab .menu_c3:hover{background:url(../images/casestudy_case03_game.png) no-repeat 50% 44px; opacity:1; background-color:#fed136;}
#container .appshields_01 .tab_menu .tab li.on .menu_c4, #container .appshields_01 .tab_menu .tab .menu_c4:hover{background:url(../images/casestudy_case04_corp.png) no-repeat 50% 44px; opacity:1;  background-color:#fed136;}

.target {background-color:#343434; text-align:center; margin:0 auto;}
.target h3 {font-size:36px; color:#fff; padding:55px 0 49px; text-shadow:none;}
.target p {font-size:30px; color:#fed136; font-weight:bold;}
.target span {font-size:16px; color:#fff; padding-bottom:58px; display:inline-block; line-height:28px;}
.security {margin:0 auto; text-align:center;}
.solution {background-color:#fed136; text-align:center; margin:0 auto;}
.solution ul {width:994px; height:315px; margin:0 auto; padding:10px 0;}
.solution li {float:left;}
.solution li h3 {padding:54px 158px 0 18px; }
.solution li p {padding:35px 0px 0 0; color:#343434; font-size:20px; line-height:34px; text-align:left; margin:0;}


/*/ Contact Us  /*/
.contactus {}
.contactus h3 {margin:80px 0 112px; font-size:44px; color:#252525; text-align:center; text-shadow:none;}
.contactus .con_box {margin:0 auto; width:704px; height:200px; color:#252525; padding-bottom:60px; border-bottom:1px solid #808080; margin-bottom:36px;}
.contactus .con_left {float:left; margin-left:17px;}
.contactus .con_right {float:left; margin-left:30px;}
.contactus .con_left li, .contactus .con_right li,  .contactus .con_right li a {font-size:16px; color:#252525; line-height:36px;}
.contactus .con_right li a {color:#00775c; text-decoration:underline;}
.contactus .con_right li .inquiry_box {display:inline-block; width:100px; border:1px solid #343434; font-size:13px; color:#222; text-align:center; font-weight:bold; float:right; text-decoration:inherit;}
.contactus .con_right li .inquiry_box:hover {border:0; background-color:#fed136; width:102px; height:38px;}
.contactus img {display:block; margin:0 auto; margin-bottom:194px;}



/*/  FOOTER  /*/
#footer {background:#101010; width:100%;}
#footer .footer_box {height:116px; width:963px; padding:63px 30px 66px 30px; margin:0 auto;}
#footer .footer_box .footer_logo {float:left; margin-top:50px;}
#footer .footer_box .footer_logo p {color:#999; font-size:12px; margin-top:10px; text-align:right;}
#footer .footer_box .footer_somenu {float:right;}
#footer .footer_box .footer_somenu li {float:left; margin-left:30px;}
#footer .footer_box .footer_somenu li dt a {font-size:14px; line-height:30px; font-weight:bold; color:#e0e0e0;}
#footer .footer_box .footer_somenu li dt a:hover {}
#footer .footer_box .footer_somenu li dd a {font-size:12px; line-height:24px; color:#e0e0e0;}
#footer .footer_box .footer_somenu li dd a:hover {color:#f2df00;}


/*
====================================================================
*/

/*/join & login/*/
.top_box {background-color:#0e0e0e; height:80px; width:100%; position:absolute; left:0;}
#top_tlt {}
#top_tlt h2 {font-size:40px; color:#252525; padding:162px 0 60px 0; background-color:#fff;}
#content {height:100%; width:1024px; margin:0 auto;}
#content .join_content {width:600px; margin: 0 auto;}
.blind {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}
.join_row {width:560px; background-color:#dbdbdb; margin-bottom:30px; border:none;}
/*1107 수정*/
.join_row .int {border:none; width:560px; color:#666; padding:13px 18px; border:1px solid #e0e0e0; background-color:#e0e0e0;}
.join_row .lbl {display:block; position:relative; top:0px; left:0px; font-size:15px; font-weight:bold; line-height:18px; color:#737373; background: #fff;  padding: 0 0 10px 9px;}
.join_row .lbl_none {display:none;}

.terms_p {margin-left:20px;}
.terms_p li{margin-bottom:10px;}
.input_chk input {width:28px; height:28px; border:1px solid #a0a0a0; cursor:pointer;}
/*1007수정*/
.input_chk label {margin:8px 0 0 8px; display:inline-block; color:#343434; font-size:13px;}
.input_chk a {font-size:14px; color:#0cae7a; margin:8px 0 0 8px; display:inline-block; text-decoration:underline; font-weight:600;}
.ml44 {margin-left:44px !important;}

.find_pw {font-size:14px; color:#0cae7a; margin:10px 0 0 20px; display:inline-block; text-decoration:underline; font-weight:600;}
.btn_join {width:100%; margin:55px 0 43px 100px;}
.btn_join input {width:400px; height:60px; background-color:#fed136; font-size:20px; color:#525252; font-weight:bold; cursor:pointer;}
.btn_join input:hover {background-color:rgba(119,98,26,0.8);}
.sign_google {border-top:1px solid #808080; padding-bottom:124px;}
.sign_google input {margin:52px 0 0 111px; background:url(../images/google_btn_base.gif) no-repeat; width:380px; height:75px; cursor:pointer;}
.sign_google input:hover {background:url(../images/google_btn_hover.gif) no-repeat;}
.sign_google input:active {background:url(../images/google_btn_press.gif) no-repeat;}
.p_info {font-size:15px; color:#808080; text-align:center; line-height: 22px;}
.find_join {font-size:17px; color:#0cae7a; margin:0 auto 50px; display:inline-block; text-decoration:underline; font-weight:600; display:table;}


/*
====================================================================
popup

*/

/*#wrap_blur{-webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px);}*/
#mainpop {text-align:center; z-index:5000; /* display: none; */ width:100%; color:#fff;} 
#mainpop .contentpop {width:490px; height:284px; filter:none; background-color:#343434; padding:60px 55px 0;}
#mainpop h2 {font-size:24px; font-weight:bold; margin-bottom:50px;}
#mainpop p {font-size:16px; line-height:25px; text-align:left; letter-spacing:-1px; padding-bottom:18px; margin-bottom:20px;}
#mainpop span {color:#f1e100;}
#mainpop .btn_join {width:100%; margin:0 auto;}
#mainpop .btn_join input {width:300px; height:50px; background-color:#fed136; font-size:20px; color:#525252; font-weight:bold; cursor:pointer;}
#mainpop .btn_join input:hover {background-color:rgba(119,98,26,0.8);}
#mainpopbg {position:fixed; width:100%; height:100%; top:0; left:0; z-index:4000; background:#000; opacity:0.15; filter:alpha(opacity=85); /* display:none; */}
#mainpop .center {text-align:center;}
#mainpop .contentpop2 {width:490px; height:284px; filter:none; background-color:#343434; padding:60px 55px 0;}
#mainpop .contentpop2 span:last-child {margin-top:20px; display:inline-block; font-size:14px; line-height:18px;}
#mainpop .contentpop2 p {margin-bottom:60px;}
/*#mainpop .contentpop2 .line_box {width:370px; height:25px; border:2px solid #fff; text-align:center; vertical-align:middle; padding:10px 30px;}*/
#mainpop .contentpop3 {width:490px; height:220px; filter:none; background-color:#343434; padding:60px 55px 0;}

/*1008 수정*/
#mainpop .inquire_pop {width:540px; height:520px; filter:none; background-color:#343434; padding:50px 30px 0;}
#mainpop .inquire_pop .inquire .sub_list {width:inherit;}

#mainpop .contentpop4 {width:490px; height:174px; filter:none; background-color:#343434; padding:60px 55px 0;}
#mainpop .contentpop5 {width:540px; height:296px; filter:none; background-color:#343434; padding:60px 30px 0;}
#mainpop .contentpop5 p {margin-top:32px;}
#mainpop .contentpop5 span {margin-top:20px; display:inline-block; font-size:14px; line-height:18px;}
#mainpop .contentpop6 {width:520px; height:174px; filter:none; background-color:#343434; padding:60px 40px 0;}
#mainpop .btn_join .int_select02 {width:200px; height:50px; background-color:#fed136; font-size:20px; color:#525252; font-weight:bold; cursor:pointer;}
#mainpop .btn_join .int_select02 + .int_select02 {margin-left:80px;}
#mainpop .btn_join .int_select02:hover {background-color:rgba(119,98,26,0.8);}


/* 문의하기 게시판 */
.inquire .sub_list,.sub_news th,.sub_news td{border:0}
.inquire .sub_list a{color:#383838;text-decoration:none}

/*1008 수정*/
.inquire .sub_list {width:100%;color:#101010;font-size:14px;table-layout:fixed; border-collapse: collapse;margin-top:50px;}
.inquire .sub_list caption{display:none}
.inquire .sub_list th{padding:8px 0;color:#fed136;font-weight:bold;line-height:20px;vertical-align:top;text-align:center; border-bottom:1px solid #555; border-top:1px solid #555;vertical-align:middle; font-size:14px;}
.inquire .sub_list td{padding:8px 0;text-align:right; color:#fed136;border-bottom:1px solid #555; border-top:1px solid #555; vertical-align:middle;}

.inquire .sub_list .hover:hover {color:#0cae7a; cursor:pointer; font-weight:bold;}
.inquire .sub_list .title{text-align:left; padding-left:15px; font-size:12px;}

/*1008 수정*/
.inquire .int, .inquire .int_text {width:420px; color:#fff; border:1px solid #252525; background-color:#252525; height:38px;}
.inquire .inpur_textarea {border:1px solid #252525; background-color:#252525; width:420px; height:80px; color:#fff;}
#mainpop .inquire p {color:#dddddd; font-size:13px; line-height:15px;}


/* 이용약관 & 개인정보보호 */
#sp_wrap {}
#sp_top {background-color:#ececec; padding:52px 55px 25px;}
#sp_top img {display:block; margin:0 auto 24px; }
#sp_top h1 {width:445px; margin:0 auto; font-size:30px; font-weight:normal;}
#sp_top h1 span {color:#252525; margin-left:14px;}
#sp_top h1 img {display:inline; vertical-align:middle; margin:0;}
#sp_top p {margin:0; text-align:center; font-size:13px; color:#666766; padding-top:10px;}
#sp_inner {padding:40px 55px 52px}

.tabs li {width:388px; height:25px; border:1px solid #bbb; display:inline-block; color:#666; font-size:14px; text-align:center; padding-top:13px; margin:0 14px 0 10px; cursor:pointer; margin-bottom:30px;}
.tabs li:hover {background-color:#fdd137; color:#252525; border:0; width:390px; height:27px;}
.tabs li.on {background-color:#fdd137; color:#252525; border:0; width:390px; height:27px;}

.service_inner {}
.sp_tit {border-bottom:1px solid #bbb; border-top:1px solid #bbb; padding:20px 20px;}
.sp_tit h2 {font-size:20px; font-weight:bold; color:#343434; margin:0;}
.sp_txt {}
.sp_txt h3 {color:#333; font-size:16px; text-shadow:none; text-align:left; margin-top:28px; line-height:20px; margin-bottom:10px;}
.sp_txt p {color:#252525; font-size:13px; line-height:20px; margin:0 0 0 10px;}
.sp_txt p span {margin:0 0 0 10px; display:block; color:#252525; font-size:13px; line-height:20px;}
.sp_txt li {color:#252525; font-size:13px; line-height:20px;}
.sp_txt li span {color:#252525; font-size:13px; line-height:20px;}
.sp_txt h4 {color:#252525; font-size:13px; text-shadow:none; text-align:left; margin-top:28px; line-height:20px; font-weight:normal;}


/*
====================================================================
mail_form

*/


#mail_form {width:660px; height:100%; padding:26px 15px; margin:0 auto;}
#mail_top h1 {padding-bottom:23px; text-align:left; border-bottom:1px solid #bfbfbf; margin-bottom:0;}
#mail_top .yello {background-color:#ffe101; border:0; padding:17px 20px 13px 20px;}
#mail_inner .inner_tit {border-top:1px solid #fff; border-bottom:1px solid #bfbfbf; background-color:#f0efef; padding:27px 0 24px 0;}
#mail_inner .inner_tit p {color:#4b4c4f; font-size:21px; font-weight:bold; margin-left:20px; margin-bottom:0;}
#mail_inner .inner_tit span {color:#0a9652;}
#mail_inner .inner_txt {padding:30px 40px 0;}
#mail_inner .inner_txt p {color:#343434; font-size:13px; line-height:20px; margin-bottom:0;}
#mail_inner .inner_txt span {color:#0a9652; font-weight:bold;}
#mail_inner .inner_txt p .pw {font-size:21px; color:#252525; font-weight:normal;}
#mail_inner .inner_txt p>._black {color:#343434; font-weight:bold; margin-top:23px; display:block;}
#mail_inner .inner_file {padding:42px 0 30px 0;}
#mail_inner .inner_file p {color:#feb900; font-size:15px; font-weight:bold; margin-bottom:12px;}
#mail_inner .inner_file span {color:#343434; font-size:12px; margin-right:7px; font-weight:normal;}
#mail_inner .inner_file a {vertical-align:middle; margin-top:-5px; display:inline-block;}
#mail_inner .inner_file .mail_btn {background:url(../images/mail_confirm_btnimg.gif) no-repeat; width:250px; height:55px;}
#mail_inner .inner_file .mail_btn:hover {background:url(../images/mail_confirm_btnimg_over.gif) no-repeat;}
#mail_inner .inner_file .mail_pw_btn {background:url(../images/mail_pwconfirm_btnimg.gif) no-repeat; width:350px; height:55px;}
#mail_inner .inner_file .mail_pw_btn:hover {background:url(../images/mail_pwconfirm_btnimg_over.gif) no-repeat;}
#mail_inner .inner_file .out_btn {background:url(../images/mail_confirm_btnimg02.gif) no-repeat; width:250px; height:55px;}
#mail_inner .inner_file .out_btn:hover {background:url(../images/mail_confirm_btnimg02_over.gif) no-repeat;}
#mail_inner .inner_footer {margin-bottom:43px;}
#mail_inner .inner_footer .mail_line {border-top:1px solid #999; display:block; margin-left:40px; padding-left:0;}
#mail_inner .inner_footer p {border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; padding:15px 0 13px 22px; color:#0a9652; font-size:15px; font-weight:bold; margin:0;}
#mail_inner .inner_footer span {padding:20px 40px; font-size:12px; color:#666; display:inline-block; line-height:16px;}
#mail_footer {padding-left:24px;}
#mail_footer img {float:left; margin:0 12px 0 0;}
#mail_footer span {color:#777; font-size:11px; display:inline-block;}
.copy {color:#999; font-size:11px; line-height:16px; display:inline-block;}


/*
====================================================================
info_form

*/

#info_form {margin:0 auto; width:100%;}
#info_top {height:150px; background-color:#222;}
#info_top img {margin:0 auto; display:block; padding-top:53px;}
#info_inner h2 {margin-top:100px; font-size:40px; font-weight:bold; color:#4c4d4f;}
#info_inner p {padding:23px 0 60px 0; font-size:16px; line-height:30px; color:#4c4d4f; margin:0 auto; text-align:center;}
#info_inner p>span {font-weight:bold; color:#4c4d4f;}
#info_inner .info_btn {background:url(../images/mail_pwconfirm_btnimg_en.gif) no-repeat; width:350px; height:55px; display:block; margin:0 auto;}
#info_inner .info_btn:hover {background:url(../images/mail_pwconfirm_btnimg_over_en.gif) no-repeat;}
#info_form #mail_footer {margin:0 auto; width:300px; margin-top:120px; text-align:center;}
#info_form #mail_footer img {margin:0 auto 12px; display:block; float:none;}