@charset "utf-8";

html,body{background:#d2ccc2;}

/* ///////////////   layout class  ////////////// */
#main_wrap{background:#d2ccc2 url('../../images/smartsquare/bg.png') repeat-x 0 0;}
#wrap{position:relative;width:1123px;margin:0 auto;padding:0;}
#header{width:1026px;height:124px;margin:0;padding:0;text-align:left;}
#hgroup{text-align:left;width:1026px;margin:0 auto;padding-top:0;}
#hgroup h1{float:left;padding:0;height:48px;padding:0;}
	.gnb_util{float:right;margin-top:16px;}	
	.gnb{clear:both;width:100%;padding:0;margin:0;}
	.gnb li{float:left;}
	.servintro{margin-left:0;}
	.neors{text-align:right;padding-left:32px;padding-top:14px;}/* 20161215 수정*/
	
#container{postion:relative;width:1028px;clear:both;text-align:left;}
	.layout{width:100%;vertical-align:top}
	.left_col{width:338px;vertical-align:top;}	
	.blank{width:6px}
	.right_col{position:relative;vertical-align:top;width:684px;}
	.contents{position:relative;vertical-align:top;width:684px;}
#footer{width:1026px;position:relative;clear:both;padding-top:12px;text-align:left;}
	.foot_menu li{float:left;}	
	.copyright{clear:both;}
	


	
/* ///////////////   login class  ////////////// */	
.login_box{position:relative;background:#ece9e3 url('../../images/smartsquare/bg_login.png') repeat-x 0 100%;height:200px;text-align:center;border:1px solid #cfc8bc; border-bottom:none;overflow:hidden}
.login_box h2{display:inline}
.login{position:relative;margin-right:18px;margin-left:23px;margin-top:15px;}
.login p input{margin-bottom:2px;margin-top:1px;border:1px solid #d1caba;color:#444;font-size:12px;background-color:white;height:20px;padding:0;line-height:20px;width:158px;padding-left:3px;padding-top:5px; text-align:left}
.login p label{display:block;vertical-align:middle;text-align:left;verticla-align:middle}
.login .log_btn{position:absolute;top:1px;right:0;margin:0;padding:0;border:0;}
.login .etax_view{position:absolute;top:65px;right:0;margin:0;padding:0;border:0;}

.cert_login{display:none;position:relative;margin-right:18px;margin-left:23px;margin-top:13px;text-align:left;color:#a49c8c;}
.cert_login p input{margin-bottom:2px;margin-top:1px;margin-right:5px;border:1px solid #d1caba;color:#444;font-size:12px;background-color:white;height:20px;padding:0;line-height:20px;width:158px;padding-left:3px;padding-top:5px; text-align:left}
.cert_login p label{display:block;vertical-align:middle;text-align:left;verticla-align:middle;padding-bottom:2px;}
.cert_login .log_btn{margin-top:3px;}
	
#save{color:#a49b8c;font-size:12px;text-align:left;padding-top:13px;padding-left:5px;}	


.log_help{padding-top:15px;}
.log_help span{padding:0;}


/* ///////////////   header notice class  ////////////// */
#hnotice{background:#908168 url('../../images/smartsquare/hnotice_bg.png') repeat-x 0 100%;height:118px;}
.hnotice_wrap{width:1028px;height:118px;margin:0 auto;padding:0;position:relative;background:url('../../images/smartsquare/hnotice_wrapbg.png') repeat-y 0 0;}
.hnotice_wrap .icon{float:left;width:207px;}
.hnotice_wrap .cont_wrap{float:left;width:819px;}
.hnotice_wrap .close{position:absolute; top:10px; right:20px; width:20px;clear:both;}
.hnotice_wrap .notopen{position:absolute; bottom:8px; right:20px; text-align:right;margin:0;marign:0;padding:3px 0 2px 0;font-family:dotum;font-size:11px;color:#fff;text-align:right;letter-spacing:-1px;}
.hnotice_wrap .notopen{margin:-1px;vertical-align:middle;}

.cont_wrap {padding:20px 0 12px;}
.cont_wrap h1{color:#f5b068;font-size:14px; font-weight:bold;background:#6f5746;display:inline;padding:8px;} 
.cont_wrap p{color:white;fint-size:12px;font-weight:normal;padding-top:2px;line-height:16px;}



/* ///////////////   notice class  ////////////// */	
.article{background:#e0dcd4; width:100%;}
	.article h2{background:#a49c8c; font-size:16.5px;font-weight:bold;color:white; line-height:40px;height:40px;vertical-align:middle;text-align:center}
		.article h2 img{padding:0 10px;}
		.article h2 span{padding-left:5px;}

.first{position:relative;padding:17px 25px 16px;background:#ddd9d0;}
.second{position:relative;padding:17px 25px 16px;background:#ddd9d0;border-top:1px solid #c1bcb5}
.third{position:relative;padding:0;background:#e4e0d9;border-top:1px solid #d2ccc2}
.more{position:absolute;top:14px;right:18px}

.article2{background:#eeebe7; border-top:1px solid #c7c2b9; width:100%;margin-top:4px;}

#solution_info{position:relative;height:160px;border-bottom:1px solid #b3aea5;}
#solution_info .title {z-index:2;position:absolute;bottom:0;left:0;}
#solution_info .title span{float:left;padding:0;margin:0;}
#solution_info .img{padding:0;margin:0;width:338px;height:129px;overflow:hidden;}

h3{margin-bottom:10px;margin-left:-2px;}
.article li{position:relative;color:#595959;line-height:20px;}
.article li .date{color:#8a8a8a;font-size:11px;position:absolute; right:0;}

.pic_view{position:relative;overflow:hidden;}
.pic_view .thum{float:left;background:url('../../images/smartsquare/thum_basic_faq.png') no-repeat;width:83px; height:56px;padding-right:6px;padding-bottom:10px;}
	.news .thum{background:url('../../images/smartsquare/thum_basic_news.png') no-repeat;}
	.thum img{padding:4px;}
	.thum_right{width:290px;}
	.subject{display:block;color:#383434;margin-top:0;overflow:hidden;}
	.summ{display:block;font-size:11px;color:#595959;padding-top:8px;line-height:13px}
	.subtitle{clear:both;padding-top:0;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed #9a9894;}
.pic_view:after{display:block;clear:both;content:''}

.article li:hover{cursor:pointer;text-decoration:underline;color:#ad7b31;}
.article li:hover .subject,.article li:hover .subtitle,.article li:hover .summ, .article li:hover .date{cursor:pointer;text-decoration:underline;color:#ad7b31;}

.third .text{margin-left:23px;margin-top:6px;padding-bottom:5px;}
.apply{margin:4px;}

/* ///////////////   contents box class  ////////////// */	
#primary,#office,#main_service,#ebank,#metax,#service,#down,#movie,#certin{position:absolute;padding:0;margin:0;}

#primary{top:0; left:0}
#office{top:0; left:513px;}
#main_service{top:326px;left:0;}
#certin{top:326px;left:171px}
#ebank{top:326px; left:342px}
#metax{top:326px; left:513px}
#service{top:488px;left:0}
#down{top:648px;left:0;}
/* /// position top: 0,163,326,488,648 / left: 0,171,342,513    /// */

.size_s{position:relative;border:1px solid #cec9c0;border-right:1px solid #a8a39b;border-left-color:#c5c1b7;border-bottom-color:#a8a39b;background:#f5f4f2;width:166px;height:158px;float:left;z-index:1;margin-bottom:3px;}
	.size_s .over_effect{position:absolute;top:0;left:0;display:block;width:162px;height:154px;margin-top:-1px;margin-left:-1px}
	.size_s:hover .over_effect{border:3px solid #e8ab54;background:#fff;}
	.size_s .intro{position:absolute;top:0;left:0;display:block;width:168px;height:160px;margin-top:-1px;margin-left:-1px;z-index:2;display:none;}
	.size_s:hover .intro{cursor:pointer;background:url('../../images/smartsquare/bg_intro_pop.png') repeat;display:block;}	
	.size_s h1{position:absolute;top:110px;left:0;text-align:center;width:100%;text-aling:center;color:#656363;font-weight:bold; font-size:12px;line-height:12px;}
	.size_s h1 span{text-align:center;}
	.size_s .icon{position:absolute;top:28px;left:52px;padding-top:8px;}
	.size_s .icon .new{position:absolute;top:0;left:50px;}
	
.size_m{position:relative;border:1px solid #cec9c0;border-right:1px solid #a8a39b;border-left-color:#c5c1b7;border-bottom-color:#a8a39b;background:#f5f4f2;width:339px;height:159px;float:left;;z-index:1;margin-bottom:3px;}
	.size_m .over_effect{position:absolute;top:0;left:0;display:block;width:338px;height:158px;margin-top:-1px;margin-left:-1px;z-index:-1;}
	.size_m:hover .over_effect{border:2px solid #e8ab54;}
	.size_m .intro{position:absolute;top:0;left:0;width:342px;height:160px;margin-top:-1px;margin-left:-1px;z-index:2;display:none;}
	.size_m:hover .intro{cursor:pointer;background:url('../../images/smartsquare/bg_intro_pop.png') repeat;display:block;}		
	.size_m h1{position:absolute;top:56px;left:27px;color:#4a4a4a;font-weight:bold; font-size:24px;line-height:22px;letter-spacing:-2px;}
	.size_m h2{position:absolute;top:84px;left:27px;color:#4a4a4a;font-weight:bold;font-size:13px;}
	.size_m .icon{position:absolute;top:37px;left:226px;padding-top:8px;}
	.size_m .icon .new{position:absolute;top:0;left:50px;}

.size_l{position:relative;border:1px solid #cec9c0;border-right:1px solid #a8a39b;border-left-color:#c5c1b7;border-bottom-color:#a8a39b;background:#f5f4f2;width:339px;height:323px;float:left;;z-index:1;margin-bottom:3px;}
	.size_l .over_effect{position:absolute;top:0;left:0;display:block;width:337px;height:321px;margin-top:-1px;margin-left:-1px;z-index:-1;}
	.size_l:hover .over_effect{border:2px solid #e8ab54;}
	.size_l .intro{position:absolute;top:0;left:0;width:341px;height:323px;margin-top:-1px;margin-left:-1px;z-index:2;display:none;}
	.size_l:hover .intro{cursor:pointer;background:url('../../images/smartsquare/bg_intro_pop.png') repeat;display:block;}	
	.size_l h1{position:absolute;top:60px;left:27px;color:#4a4a4a;font-weight:bold; font-size:40px;line-height:40px;letter-spacing:-2px;}
	.size_l h2{position:absolute;top:106px;left:27px;color:#4a4a4a;font-weight:bold;letter-spacing:-1px; font-size:14px;}
	.size_l .icon{position:absolute;top:202px;left:226px;padding-top:8px}
	.size_l .icon .new{position:absolute;top:0;left:50px;}
	
.size_xl{position:relative;border:1px solid #cec9c0;background:#f5f4f2;width:508px;height:321px;float:left;;z-index:1;margin-bottom:3px;}
	.size_xl .over_effect{position:absolute;top:0;left:0;display:block;width:504px;height:316px;margin-top:-1px;margin-left:-1px;z-index:1;}
	.size_xl:hover .over_effect{border:3px solid #e8ab54;}
	.size_xl h1{position:absolute;top:60px;left:27px;color:#4a4a4a;font-weight:bold; font-size:40px;line-height:40px;letter-spacing:-2px;}
	.size_xl h2{position:absolute;top:106px;left:27px;color:#4a4a4a;font-weight:bold;letter-spacing:-1px; font-size:14px;}
	.size_xl .icon{position:absolute;top:202px;left:397px;padding-top:8px;}
	.size_xl .icon .new{position:absolute;top:0;left:50px;}
	
.size_wide{overflow:hidden;position:relative;width:679px;height:154px;background:#f0ede7;color:#656363;}
.size_wide .icon{position:relative;padding:8px 10px 0px;}
.size_wide .icon .new{position:absolute;top:0;left:75px;}
	.size_wide li .intro{position:absolute;top:0;left:0;margin-top:-1px;margin-left:-1px;z-index:2;display:none;}
	.size_wide li:hover .intro{cursor:pointer;background:url('../../images/smartsquare/bg_intro_pop.png') repeat;display:block;z-index:2;}
	


/* ///background-color /// */
#primary div{background:#fff url('../../images/smartsquare/bg_primary.png') no-repeat 0 0;}
#office div{background:#f5f4f2}
#main_service div{background:#f9f9f9;}
#happy div{background:#f7f7f5;}
#neors div{background:#f7f7f5;}
#service div{background:#f3f1ed}
#down div{background:#e4e0d9;}

#primary p{margin:0;overflow:hidden;}
#primary .page2{display:none;}
#primary .page3{display:none;}
#primary .paging{position:absolute;left:38px;top:278px;width:100%;text-align:left;z-index:2;}
#primary .paging span{padding-right:5px;}

#service div{border:1px solid #cec9c0;}
#service ul{margin:0 24px;}
#service li{float:left;position:relative;width:25%;}
#service li .icon{margin-top:25px;text-align:center;}
#service li h1{position:absolute;width:100%;top:105px;left:0;text-align:center;letter-spacing:-1px;}


#others li h1{position:absolute;width:100%;top:97px;left:0;text-align:center;letter-spacing:-1px;}
#others .page2{display:none;}
#others .page3{display:none;}

#others .paging{position:absolute;left:0;top:128px;width:100%;text-align:center;z-index:1;}

#down div{border:none;border-bottom:1px solid #b8b3aa;text-align:center;}
#down a{float:left;}


/* 20170118 수정 */
#quickmenu{position:absolute; top:125px;left:1034px;width:85px;}
#quickmenu ul{border:1px solid #c1bfbc;border-top:0;}
#quickmenu ul li{width:83px;height:85px;border-bottom:1px solid #d9d3c9;}
#quickmenu ul li.last{border-bottom:0}


/* ///////////////   footer class  ////////////// */
#footer .foot_link{position:absolute;top:11px; right:0;}
.social_link{float:left;}
.social_link li{float:left;padding-left:3px;padding-top:1px;}
.familysite{float:left;margin-left:12px;line-height:15px;}
.mark{position:absolute;top:64px; right:0;}



/* ///////////////   hack class  ////////////// */
*:first-child+html .thum_right{float:left;width:200px;} 
*:first-child+html .foot_menu{margin-left:-10px;}
*:first-child+html .thum_right{float:left;width:200px;} 
*:first-child+html #office ul{padding-top:46px}
*:first-child+html .article li .date{top:-1px;}
*:first-child+html li.pic_view:hover{text-decoration:none} 
*:first-child+html #save{padding-top:8px;}
*:first-child+html #primary p{padding-top:1px;}