@charset "utf-8";
body{position:relative; margin:0; padding:0; color:#3a3a3a; font-size:12px}
body#style-box{background:#f5f5f5}
::-moz-selection{color:#fff; text-shadow:none}
::selection{color:#fff; text-shadow:none}
#cameron-body{position:relative; z-index:1}
#style-open #cameron-body{border-top:2px solid #3a3a3a}

/*--[ Clearfix ]--*/
.newclearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}

/*--[ a ]--*/
a{color:#3a3a3a}
a, a > *{text-decoration:none; -webkit-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition:background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out}
a:hover{text-decoration:none}

/*--[ Container ]--*/
.cameron-container{margin:0 auto; position:relative; width:940px; padding:0 20px}
#style-box .cameron-container{background-color:#fff}

/*--[ Columns ]--*/
.one-half, .one-third, .two-third, .one-fourth, .three-fourth{float:left; margin-right:20px}
.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last{margin-right:0px}
.one-half{width:460px}
.one-third{width:300px}
.two-third{width:620px}
.one-fourth{width:220px}
.three-fourth{width:700px}


/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{border-bottom:1px solid #efefef; height:80px; z-index:97}
#style-box #header{border-top:2px solid #3a3a3a}
#style-open #header{padding-left:0; padding-right:0}
#logo{position:absolute; top:10px}
#logo .smart-logo{display:inline-block; width:258px; height:47px; background-image:url(../img/colorset1_logo.png); background-repeat:no-repeat}
#style-box #logo{left:20px}

/*--[ Skip To Content ]--*/
.skipNav{width:100%; margin:0 auto; background:#fff; text-align:center}
.skipNav a{position:absolute; left:0; top:0; width:1px; height:0; display:block; padding:5px 0; overflow:hidden; color:#999; text-decoration:none; white-space:nowrap}
.skipNav a:hover,.skipNav a:active,.skipNav a:focus{position:relative; height:auto; width:auto}

/*--[ Main Navigation ]--*/
#main-nav{float:right}
#sf-menu,
#sf-menu ul,
#sf-menu li{margin:0; padding:0; list-style:none}
#sf-menu{margin-top:-2px}
#sf-menu li{position:relative; white-space:nowrap; *white-space:normal; -moz-transition:background .2s; -o-transition:background .2s; -ms-transition:background .2s; -webkit-transition:background .2s; transition:background .2s}
#sf-menu a{position:relative; display:block; zoom:1; white-space:nowrap; *white-space:normal; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-size:12px; line-height:1.2; font-weight:700; color:#3a3a3a; text-decoration:none; outline:none}
#sf-menu a:hover{text-decoration:none}
/* 1st */
#sf-menu > li{float:left}
#sf-menu a.nav1st{padding:28px 22px 32px 22px; padding-bottom:31px\9; border-top:2px solid transparent; border-bottom:5px solid transparent; text-align:center; font-size:13px; letter-spacing:-1px; text-transform:uppercase}
#sf-menu a.nav1st:hover,
#sf-menu a.nav1st:focus,
#sf-menu li:hover a.nav1st,
#sf-menu li.current1 a.nav1st{border-top-color:#f26859; border-bottom-color:#f26859; color:#f26859; -moz-transition:none; -o-transition:none; -ms-transition:none; -webkit-transition:none; transition:none}
/* 2nd */
#sf-menu ul{display:none; position:absolute; top:100%; left:0; z-index:99; min-width:12em; *width:12em; background:#fff; border:1px solid #eaeaea; border-top:0}
#sf-menu li:hover > ul,
#sf-menu li.sfHover > ul{display:block}
#sf-menu ul li a{padding:12px 20px; border-top:1px solid #f5f5f5; color:#666}
#sf-menu ul li:first-child a.nav2nd{border-top:1px solid #eaeaea}
#sf-menu ul li a:hover,
#sf-menu ul li a:focus,
#sf-menu ul li.sfHover a.nav2nd,
#sf-menu ul li.current2 a.nav2nd,
#sf-menu ul li.current3 a.nav3rd{background-color:#f8f8f8; border-top-color:#eaeaea; color:#f26859}
/* 3rd */
#sf-menu ul ul{top:0; left:100%}

/*-- Arrows --*/
/* 1st */
.sf-arrows li a.nav1st:after{display:none; content:''; position:absolute; bottom:0; left:50%; margin-left:-6px; width:0; height:0; border-bottom:8px solid #f26859; border-left:6px solid transparent; border-right:6px solid transparent}
.sf-arrows li a.nav1st:hover:after,
.sf-arrows li a.nav1st:focus:after,
.sf-arrows li:hover a.nav1st:after,
.sf-arrows li.current1 a.nav1st:after{display:block}
/* 2nd~ */
.sf-arrows ul li > .sf-with-ul:after{content:'\f105'; position:absolute; top:50%; right:20px; margin-top:-7px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:13px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#4c4c4c}
.sf-arrows ul li > .sf-with-ul:hover:after,
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after{color:#f26859}


/* ---------------------------------------------------------------------- */
/*	CONTENT
/* ---------------------------------------------------------------------- */
.content{padding-bottom:20px}
.content.widget-page{padding-bottom:0}

/*--[ Page Header ]--*/
.main-page-header{border-bottom:1px solid #efefef}
.main-page-header.n-page-header{padding-bottom:20px; border-bottom:0}
.sub-page-header{}
.page-title{float:left; margin:30px 0 -10px 0;padding:0; color:#EA5859; font-size:32px; font-weight:700}

/*--[ Search ]--*/
#isSearch{width:96%; margin:0; padding:0; background-color:#fff}
#isSearch .searchOrder{display:none}
#isSearch .inputText{float:left; width:100%; height:14px; margin:0; padding:8px 0 8px 10px; background:#f8f8f8; border:1px solid #e8e8e8; border-radius:0; line-height:1.3; font-size:13px; color:#959393; -webkit-appearance:none; outline:none}
#isSearch .submit{width:32px; height:32px; margin-left:-33px; background:url(../img/searchbtn.png) center no-repeat; border-radius:0; -webkit-appearance:none}
.main-page-header .searchbox{float:left; width:200px; padding:7px 0 4px}

/*--[ Sign ]--*/
#signin{float:right; padding:15px 0 16px}
#signin ul{margin:0; padding:0; list-style:none}
#signin li{float:left; margin:0 7px; padding:0}
#signin li a{color:#aeaeae}

/*--[ Sub Content ]--*/
#sub{float:left; width:100%}
#sub.fright{float:right}
#sub.withs,.withs{width:680px}

/*--[ Sub Columns ]--*/
#sub .one-half{width:330px}
#sub .one-third{width:213px}
#sub .two-third{width:447px}
#sub .one-fourth{width:155px}
#sub .three-fourth{width:505px}


/* ---------------------------------------------------------------------- */
/*	SIDE
/* ---------------------------------------------------------------------- */
#sidebar{float:left; width:220px}
#sidebar.fright{float:right}

/*--[ Side Menu ]--*/
#side_menu,
#side_menu ul,
#side_menu li{margin:0; padding:0; list-style:none}
/* 2nd */
#side_menu > li > ul > li{border-bottom:1px dotted #ced8df}
#side_menu > li > ul > li:last-child{border-bottom:0}
#side_menu a.sm2nd{position:relative; display:block; padding:16px 0 16px 21px; background:url(../img/side-nav-arrow.png) no-repeat 8px center; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:13px; color:#888; text-decoration:none; text-shadow:none; cursor:pointer; outline:none}
#side_menu a.sm3rd-trigger:after{content:'\f106'; position:absolute; top:50%; right:20px; margin-top:-7px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:13px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#4c4c4c}
#side_menu a.sm3rd-trigger.active:after{content:'\f107'; color:#f26859}
/* 3rd */
#side_menu .sm3rd-ul{display:none; padding:16px 12px 8px}
#side_menu li.current2 .sm3rd-ul{display:block}
#side_menu a.sm3rd{position:relative; display:block; margin-bottom:12px; padding:0 0 0 10px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:12px; color:#888; text-decoration:none; text-shadow:none; cursor:pointer; outline:none}

#side_menu a.sm2nd:hover,
#side_menu a.sm2nd:focus,
#side_menu a.active{background-color:#f8f8f8}
#side_menu a:hover,
#side_menu a:focus,
#side_menu li.current2 a.sm2nd,
#side_menu li.current3 a.sm3rd{color:#f26859}

/*--[ Widgets ]--*/
#sidebar .side-widget{padding-bottom:20px}
#sidebar .widget-title{margin:0 2px 12px; font-family:'Nanum Gothic','Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:15px; color:#3a3a3a}


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{position:relative; color:#868686}
#style-box #footer{background:#3a3a3a}
#style-open #footer{width:auto; margin:0; padding-left:0; padding-right:0; background:#3a3a3a}
#footer .footer_arrow{display:block; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; height:0; width:0; margin:0 auto}
#footer, #footer a,
#copyinfo, #copyinfo a{color:#949494}
#footer .line-bottom{padding-top:22px; padding-bottom:10px; background-image:url(../img/line-bottom.png); background-repeat:repeat-x; background-position:left 48px}
#style-open #footer .line-bottom{width:940px; margin:0 auto}
#footer .footer-l{float:left; padding-right:40px; background:#3a3a3a}
#footer .footer-r{float:left}

/*--[ Logo Bottom ]--*/
#logo-bottom img{margin-top:10px}
#logo-bottom .smart-logo-bottom{display:inline-block; width:258px; height:47px; background-image:url(../img/colorset1_logo_bottom.png); background-repeat:no-repeat}

/*--[ Bottom Navigation ]--*/
#bottom-nav{margin:0 0 12px; padding:0 0 12px}
#bottom-nav ul{margin:0; padding:0; list-style:none}
#bottom-nav li{float:left; margin:0 18px 0 0; padding:0}
#bottom-nav li:after{content:"|"; display:inline-block; margin-left:13px; font-size:11px; color:#4a4a4a}
#bottom-nav li:last-child{margin-right:0; padding-right:0}
#bottom-nav li:last-child:after{content:""; margin-left:0}
#bottom-nav li a{font-family:Arial,Helvetica,sans-serif,돋움; font-size:12px; color:#949494}

/*--[ Contact Info ]--*/
#contact-info{margin:0; padding:0; list-style:none}
#contact-info li{position:relative; float:left; margin:0 28px 5px 0; padding:0 0 0 24px; *padding-left:0; font-size:12px; line-height:1.5}
#contact-info li:before{position:absolute; top:50%; left:0; display:block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1}
#contact-info li.address{float:none}
#contact-info li.address:before{content:"\f015"; margin-left: -1px; margin-top:-11px; font-size:20px}
#contact-info li.phone:before{content:"\f095"; margin-left: 1px; margin-top:-10px; font-size:20px}
#contact-info li.fax:before{content:"\f02f"; margin-top:-10px; font-size:18px}
#contact-info li.email:before{content:"\f0e0"; margin-top:-9px; font-size:17px}


/* ---------------------------------------------------------------------- */
/*	FOOTER BOTTOM
/* ---------------------------------------------------------------------- */
#copyinfo{line-height:17px; padding-top:12px; padding-bottom:12px}
#style-box #copyinfo{background:#303030}
#style-open #copyinfo{width:auto; margin:0; padding-left:0; padding-right:0; background:#303030}

/*--[ Copyright and Option Navigation ]--*/
#copyinfo ul{margin:0; padding:0; list-style:none}
#style-open #copyinfo ul{width:940px; margin:0 auto}
#copyinfo li{float:left; margin:0 10px 0 0; padding:0; font-family:Arial,Helvetica,sans-serif,돋움; font-size:11px}
#copyinfo li:after{content:'|'; display:inline-block; margin-left:6px; font-size:11px; color:#4a4a4a}
#copyinfo li:last-child{margin-right:0; padding-right:0}
#copyinfo li:last-child:after{content:''; margin-left:0}

/*--[ Back to Top ]--*/
#sTop{display:none; position:fixed; right:20px; bottom:30px; width:45px; height:46px; overflow:hidden; background:url(../img/arrow-up-large.png) no-repeat center center; background-color:rgb(221, 221, 221); background-color:rgba(221, 221, 221, .7); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; text-indent:-999px; z-index:100}



.s_menu { margin-bottom:5px;}
.s_menu ul{margin:0; padding:0; list-style:none; width:100% }
.s_menu ul li{float:left; position:relative;  margin:0 5px 5px 0; padding:0;  list-style:none;}
.s_menu ul li a{display:block; padding:10px 18px; background-color:#fff; border:1px solid #e6e6e6; text-decoration:none; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum; font-size:13px; font-weight:700; color:#a2a2a2; outline:none}
.s_menu ul li a:hover,
.s_menu ul li a:focus,
.s_menu ul li a.selected{background-color:#ea5859; border-color:#ea5859; color:#fff}
.s_menu ul li a .sum{font-weight:normal; font-family:Arial; font-size:9px; color:#a2a2a2}
.s_menu ul li a.selected .sum{color:#fff}
.s_arrow  {display:block; border-top:6px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; height:0; width:0; margin:0 auto}



.summary { width:100%;margin:0;font-size: 25px;letter-spacing:-1px;font-family: 나눔명조, NanumMyeongjo;}
.otherSub { float:none; overflow:hidden; margin:10px 0 40px 0; font-size: 14px; letter-spacing: -1px; text-align: justify;line-height: 140%; color:#999; clear:both;}
.otherSub .text {}
.otherSub p {margin:0; padding:0;}
.otherSub02 { float:none; overflow:hidden; margin:10px 0 20px 0; font-size: 13px; font-weight: bold; line-height: 140%; color:#999; clear:both;}
.otherSub02 .text {}
.otherSub02 p {margin:0; padding:0;}

#txtimg{ margin:-30px 0 0 0; position: absolute; z-index:990}

#txtDetail{ width:450px; margin:-80px 0 0 0; position: absolute; z-index:990}
#txtDetail h2 {font-size:18px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum; font-weight:bold; color:#222; margin:20px 0 10px 0;}
#txtDetail dl{overflow:hidden; float:left; width:33%; margin:0; padding:0; *zoom:1; display:inline;}
#txtDetail dt{line-height:22px; font-weight:bold; color:#333 font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum; }
#txtDetail dd{float: left; margin:0; padding:0; }
#txtDetail dd span {font-size:20px; color:#f26859; font-weight:bold; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;}
#txtDetail span {font-size:16px; color:#7D1363; font-weight:bold; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;}

.imglist {overflow:hidden; margin: 0; padding: 0; list-style: none; width:100%}
.imglist h4 {color:#f26859; margin: 0; padding: 20px 0 10px 0; font-size: 15px; font-weight: bold; line-height: 25px; letter-spacing: -1px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;border-bottom: 1px solid #ddd;padding-bottom:7px ;margin-bottom:7px;}
.imglist li { float:left; width:300px; padding:0 0 30px 20px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;}
.imglist li img { width:300px; height:208px;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.imglist li:first-child {padding:0 0 0 0;}
.imglist img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

.cameron-md-widget { font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;}
.cameron-md-widget h2 {color:#f26859; font-size: 15px; font-weight: bold; line-height: 25px; letter-spacing: -1px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;}
.cameron-md-widget h5 {color:#f26859; margin: 0; padding: 0 0 50px 0; font-size: 15px; font-weight: bold; line-height: 25px; letter-spacing: -1px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;border-bottom: 1px solid #ddd;padding-bottom:7px ;margin-bottom:7px;}

.imglist2 {overflow:hidden; margin: 0; padding: 0; list-style: none; width:100%;}
.imglist2 h4 {color:#999; margin: 0 auto; padding: 0 10px 0; font-size: 12px; font-weight: bold; line-height: 25px; letter-spacing: -1px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;}
.imglist2 li { float:left; width:300px; padding:0 0 30px 20px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum; text-align: center; }
.imglist2 li img { width:300px; height:150px;}
.imglist2 li:first-child {padding:0 0 0 0;}

.imglist3 {overflow:hidden; margin: 0; padding: 0; list-style: none; width:100%}
.imglist3 h4 {color:#999; margin: 0 auto; padding: 0 10px 0; font-size: 12px; font-weight: bold; line-height: 25px; letter-spacing: -1px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;}
.imglist3 li { float:left; width:300px; padding: 20px 0 10px 20px; font-family: '맑은 고딕', Malgun Gothic, '나눔고딕', NanumGothic, '돋움', dotum;  text-align: center;}
.imglist3 li img { width:300px; height:150px;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.imglist3 li:first-child {padding:20px 0 0 0;}
.imglist3 img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

.content_txt {padding:40px 0 0;*padding:0;}
.content_txt dl {overflow:hidden;}
.content_txt dt {clear:both;float:left;width:20%;}
.content_txt dd {float:left;margin:20px 0 0 56px;width:80%;}
.content_txt li {word-break:keep-all;}
.content_txt {clear:both;padding:5px 0 0;}
.content_txt dt {width:54px;margin:20px 0 0;padding:3px 0 10px;color:#0a2268;border-top:1px solid #bcbcbc;font-size:25px;letter-spacing:-2px;font-family:hmcL;}
.content_txt ul li, .content_txt  dd.list {margin:0 0 5px;font-size:13px;color:#666;padding:0 0 0 10px;background:url('../img/common/bl_listtype.gif') no-repeat left 7px;}
.content_txt ul li.point, .content_txt  dd.point {color:#2c5da0;}






.listdot { overflow:hidden; margin-top:20px; margin: 0; padding: 0; list-style: none; }
.listdot li{ background:url("../images/dot.gif") 0 7px no-repeat; padding-left:12px; }

/* Tabl */
caption { overflow:hidden;/*display:none; */width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
.tbTy { margin:0; padding:0; overflow:hidden; border-top:2px solid #3090b8; border-bottom:1px solid #b9b9b9; width:100%;}
.tbTy thead th{text-align:center;background:#f8f8f8;color:#3090b8;border-bottom:1px solid #e1e1e1;}
.tbTy th{text-align:center;background:#f8f8f8;}
.tbTy th{padding:8px 0 8px 0px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tbTy td{padding:8px 0 8px 20px;border-top:1px solid #e1e1e1;}
.tbTy tr:first-child th,
.tbTy tr:first-child td{border-top:0;}
.tbTy td.l{border-right:1px solid #e1e1e1;}


/* ----- Quick Menu ----- */
#slideWrap { width:940px; margin:0px auto;}
#slideWrap .slideArea {position: relative; display:inline; z-index:2}
/* #slideWrap .slideArea .slideMenu{position:absolute;width:27px;height:57px; left:222px;top:220px;} */
#slideWrap .slideArea .slideMenu{background: url(http://ememorial.co.kr/images/tel03.png) no-repeat; position:absolute;width:160px;height:275px; left:965px;top:250px;}
 
.slideMenu .up {width:27px; height:14px; margin-top:15px}
.slideMenu .up a {display:block; background: url(../images/default/quick_up.gif) no-repeat; width:27px; height:14px}
.slideMenu .up a:hover {background-position: 0px -14px;}
.slideMenu .up a span {display: none}
 
.slideMenu .down {width:27px; height:14px}
.slideMenu .down a {display: block;background: url(../images/default/quick_down.gif) no-repeat; width:27px; height:14px}
.slideMenu .down a:hover {background-position: 0px -14px;}
.slideMenu .down a span {display:none}


.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad25{padding:25px;}
.pad30{padding:30px;}
.pad35{padding:35px;}
.pad40{padding:40px;}
.pad45{padding:45px;}
.pad50{padding:50px;}
.pad55{padding:55px;}
.pad60{padding:60px;}
.pad65{padding:65px;}
.pad70{padding:70px;}
.pad75{padding:75px;}
.pad80{padding:80px;}
.pad85{padding:85px;}
.pad90{padding:90px;}
.pad95{padding:95px;}
.pad100{padding:100px;}

.push10{margin-bottom:10px;}
.push15{margin-bottom:15px;}
.push20{margin-bottom:20px;}
.push25{margin-bottom:25px;}
.push30{margin-bottom:30px;}
.push35{margin-bottom:35px;}
.push40{margin-bottom:40px;}
.push45{margin-bottom:45px;}
.push50{margin-bottom:50px;}
.push55{margin-bottom:55px;}
.push60{margin-bottom:60px;}
.push65{margin-bottom:65px;}
.push70{margin-bottom:70px;}
.push75{margin-bottom:75px;}
.push80{margin-bottom:80px;}
.push85{margin-bottom:85px;}
.push90{margin-bottom:90px;}
.push95{margin-bottom:95px;}
.push100{margin-bottom:100px;}