/* 
license: MIT License
Developer: Penguinsoft Co., Ltd. http://smartHOMEPAGE.co.kr
Credits: Many thanks to all, including JQuery, Yahoo, Masonry, and many more
Version: 0.9.0
brown #dd4436, green #6ea004, grey #f5f5f5, orange #f63 
*/

/* #######################
COMMONS
*/
body {background:#fff url(http://t.scms.co.kr/tpl/go/envision/img/bg-white-body.png) repeat-x top; }
body {line-height:1.4; font-size:0.9em; color:#555;}

/* fonts */
a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#fac600;}
a:active{color:#fac600;}     
a:focus {background:#efefef; border-color:#6ea004}  

/* headings and others */
h1,h2,h3,h4,h5,h6 {color:#000}
h1#page-title {margin:0; padding-left:20px; color:#777}  
h2 {font-size:1.2em}    

/* commons & layouts */
#north-container, #center-container, #south-container {width:980px; position:relative; margin:0 auto}



/* #######################
NORTH
*/
#north {font-size:0.90em; margin-top:7px}
#north-container {margin-bottom:30px;  padding-left:10px; padding-right:10px}
#north a, #north a:visited {color:#b1c56a}
#north a:hover {color:#f00}        
#north li {float:left; list-style:none}

/* north-n, nw, ne
================== */ 
#north-n {position:relative; padding:0 7px}
#accessibility {font-size:0.95em;}

#north-cw {float:left; width:240px;}
#north-ce {float:right; width:700px;}

#north-menu {float:right; padding-top:18px}
#north-menu li {display:block; font-size:1.1em;	margin:0 1px 0 0;	padding:0; color:#ccc; text-transform:uppercase}
#north-menu li:last-of-type {border-right:none}
#north-menu li a {color:#686868;display:block;text-decoration:none;float:left}
#north-menu li a span{display:block;padding:0 20px 0 14px; height:37px;margin-left:6px;cursor:pointer;
float:left;line-height:33px;}
#north-menu li:hover a, #north-menu li.active a {background:url(http://t.scms.co.kr/tpl/go/envision/img/topm_bg_left.png) top left no-repeat; color:#fff}
#north-menu li:hover a span, #north-menu li.active a span 
{background:url(http://t.scms.co.kr/tpl/go/envision/img/topm_bg_right.png) top left no-repeat; color:#fff}  
#north-menu li.active a {color:#02519e}
ul {margin: 0px;padding: 0px;}

/* north-s, sw, se
================== */ 
#north-s {padding-top:40px}
#north-sw {float:left;height:60px;  width:640px}
#north-se {float:right; height:60px; width:300px;clear:right}

.search-site {position:relative; float:right}
.search-site label{display:none}
.search-site input{border:none; margin:8px 0 0 19px; padding:0; line-height:27px; background:transparent; width:210px; float:left}
#searchform {width:256px; height:45px; background:url(http://t.scms.co.kr/tpl/go/envision/img/search_form_bg.png) no-repeat center; }
#searchsubmit {position:absolute; top:1px; left:200px; width:27px; height:27px; background:url(http://t.scms.co.kr/tpl/go/envision/img/search_submit.png) no-repeat;text-indent:-100px}

#logo {padding:0;max-width: 240px; max-height: 90px;float: left;}

/* #######################
CENTER
*/
.app-list-masonry-inner, .app-detail-masonry-inner {background:#fff !important}
#center-container {padding-bottom:70px}

/* center-c
================== */ 
#center-c {float:left; width:67%; position:relative}   
#center-c-container {width:95%; margin:0 auto}


/* center-e
================== */ 
#center-e h2, #center-e h3, #center-e h4, #center-e h5 {color:#6ea004}  
#center-e {float:left; padding-left:50px; width:33%; min-height:614px}
#center-e {background:url(http://t.scms.co.kr/tpl/go/envision/img/bg-east-white_envision.png) left top no-repeat; z-index:100 }
#center-e-container {width:95%; margin:0 auto}
    

/* sub-menu */
#sub-menu{ margin:0; padding:0;}
#sub-menu li{display:block; margin:0; padding-bottom:2px; background:url(http://t.scms.co.kr/tpl/go/envision/img/sidebar_list_line.gif) left bottom no-repeat}
#sub-menu li a{padding:8px 5px 8px 15px; display:block}
#sub-menu li a:hover, #sub-menu li.active {background:url(http://t.scms.co.kr/tpl/go/envision/img/sidebar_list_hover.png) 0 0 no-repeat}

/* side-contact */
#contact-info {width:93%; margin:0 auto 20px auto; border-radius:5px; border:none}
#contact-info h2 {background:none}
#contact-info .content-inner {width:93%; margin:0 auto}
#contact-info img {border:none}


/* #######################
SOUTH
*/
#south li {border:none !important; overflow:visible}

#south .apps-detail-tags-inner {border:none !important}

#south {color:#686868; background:url(http://t.scms.co.kr/tpl/go/envision/img/bg-south-white_envision.png) repeat-x top;}
#south-container {display:block}
#south a, #south a:visited {color:#686868}
#south a:hover {color:#dd4436}
#south h2 {color:#777; margin:0 0 20px 0; padding:0}
#south h3 {font-weight:normal !important}

/* south-n
================== */ 
#south-n {padding: 15px 0 0 0;}
#south-n h2.south-title {margin:10px 0 35px 0 !important}

/* south-c
================== */ 


/* south-s
================== */ 
#south-s {margin-top:10px; padding:30px 10px; min-height:50px}
#south-sw {float:left}
#south-se {text-align:right; clear:right}
#south span.terms {border-right:none}
span.inc_smarthomepage a, span.inc_smarthomepage a:visited {color:#f63 !important}


/* #######################
MASONRY
*/
#south .app-list-masonry-inner, .app-detail-masonry-inner {border:none; background:transparent }
.app-list-masonry-inner, .app-detail-masonry-inner {border:1px solid #ccc; border-radius:3px; background:transparent }
 

  
 /* ##############################
HOMEPAGE
*/
.bx-wrapper {width:99%; }
.home-box-inner, .home-cta {border-radius:5px; background:#fff !important; }
.home-floor-inner h2.title, .home-floor-inner h2.home-title {background:#2B2735 !important; color:#fff; font-size:1.2em !important}
.home-cta {border:1px solid #C9C9C9 !important}