/* ----------------------------------------템플릿 다운로드----------------------------------------------------------- */

/*타이틀*/
.template_bg {position: relative; width: 1003px; height: auto; margin-top: 9px; display: inline-block;}
.template_title {width: 1003px; height: 63px; background: url('/template/img/template_title.png') no-repeat left top; text-indent: -9999px;}

/*상단메뉴*/
.template_menu_bg {position: relative; width: 1003px; height: 132px;}
.template_menu_bg ul li {float: left;}

.top_bg .navi_step_cscenter {width: 300px; height: 40px; float: right;}
.navi_step_cscenter ul {float: right;}
.navi_step_cscenter li {height: 40px; float: left; line-height: 40px; padding: 0 0 0 7px;}
.navi_step_cscenter .cs_home_icon {width: 20px; height: 40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat right center; text-indent: -9999px;}
.cs_navi_text2 {font-size: 13px; color: #009ece;}

/*명함 템플릿 */
.card_template_contents_bg {position: relative; width: 1003px; height: auto; margin: 0 0 50px 0; clear: both;}
.card_template_contents_bg .contents_title {display: block; width: 250px; height: 45px; background: #8c8c8c; font-size: 18px; font-weight: bold; line-height: 45px; color: #fff; text-align: center; margin: 0 auto;}

.card_template_contents_bg p {text-align: center; margin: 30px 0;}
.card_template_contents_bg img.thum {display: block; width: 262px; margin: 0 auto 30px auto; }
.card_template_contents_bg .downBtn {width: 486px; height: 58px; margin: 0 auto 30px auto;}
.card_template_contents_bg .downBtn span img {display: inline; margin: 0 10px;}

.card_template_contents_bg .card_contents_01 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.card_template_contents_bg .card_contents_02 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.card_template_contents_bg .card_contents_03 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}

/*스티커 템플릿*/
.sticker_template_contents_bg {position: relative; width: 1003px; height: auto; margin: 0 0 50px 0; clear: both;}
.sticker_template_contents_bg .contents_title {display: block; width: 350px; height: 45px; background: #8c8c8c; font-size: 18px; font-weight: bold; line-height: 45px; color: #fff; text-align: center; margin: 0 auto;}

.downtitle_corel {width: 700px; /*height: 70px;*/ margin: 30px auto;}
.downtitle_corel p{height: 30px; border-bottom: 1px solid #000; margin: 0 0 10px 0;}
.downtitle_corel span {margin: 0 15px 0 0;}
.downtitle_corel span a:hover {color: #d40000; font-weight: bold;}
.downtitle_corel ul:after {content: ""; display: block; clear: both;}
.downtitle_corel ul li {float: left; margin: 0 15px 0 0;}
.downtitle_corel ul li a:hover {color: #d40000; font-weight: bold;}

.downtitle_ill {width: 700px; /*height: 70px;*/ margin: 30px auto;}
.downtitle_ill p {height: 30px; border-bottom: 1px solid #000; margin: 0 0 10px 0;}
.downtitle_ill span {margin: 0 15px 0 0;}
.downtitle_ill span a:hover {color: #d40000; font-weight: bold;}
.downtitle_ill ul:after {content: ""; display: block; clear: both;}
.downtitle_ill ul li {float: left; margin: 0 15px 0 0;}
.downtitle_ill ul li a:hover {color: #d40000; font-weight: bold;}

.downtitle_quark {width: 700px; /*height: 70px;*/ margin: 30px auto;}
.downtitle_quark p {height: 30px; border-bottom: 1px solid #000; margin: 0 0 10px 0;}
.downtitle_quark span {margin: 0 15px 0 0;}
.downtitle_quark span a:hover {color: #d40000; font-weight: bold;}
.downtitle_quark ul:after {content: ""; display: block; clear: both;}
.downtitle_quark ul li {float: left; margin: 0 15px 0 0;}
.downtitle_quark a:hover {color: #d40000; font-weight: bold;}

.sticker_template_contents_bg .sticker_contents_01 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_02 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_03 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_04 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_05 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_06 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_07 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_08 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_09 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.sticker_template_contents_bg .sticker_contents_10 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}


.sticker_contents_01 img.right_info {margin: 0 0 0 700px;}
.sticker_contents_01 img.thum {width: 700px; display: block; margin: 30px auto;}
.sticker_contents_01 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_01 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}
.sticker_contents_01 p.quark {width: 700px; height: 30px; background: url('/template/img/quark_ti.jpg') no-repeat left center; text-indent: -9999px;}

.sticker_contents_02 img.right_info {margin: 0 0 0 700px;}
.sticker_contents_02 img.thum {width: 700px; display: block; margin: 30px auto;}
.sticker_contents_02 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_02 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.sticker_contents_03 .downtitle_corel {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_03 .downtitle_ill {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_03 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_03 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.sticker_contents_04 .downtitle_corel {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_04 .downtitle_ill {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_04 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_04 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.sticker_contents_05 .downtitle_corel {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_05 .downtitle_ill {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_05 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_05 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.sticker_contents_06 .downtitle_corel {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_06 .downtitle_ill {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_06 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_06 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.sticker_contents_07 .downtitle_corel {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_07 .downtitle_ill {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_07 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_07 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.sticker_contents_08 .downtitle_corel {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_08 .downtitle_ill {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_08 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_08 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.sticker_contents_09 .downtitle_corel {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_09 .downtitle_ill {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_09 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_09 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.sticker_contents_10 .downtitle_corel {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_10 .downtitle_ill {width: 700px; /*height: 100px;*/ margin: 30px auto;}
.sticker_contents_10 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.sticker_contents_10 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

/*봉투템플릿*/
.envel_template_contents_bg {position: relative; width: 1003px; height: 450px; margin: 0 0 50px 0; clear: both;}
.envel_template_contents_bg .contents_title {display: block; width: 250px; height: 45px; background: #8c8c8c; font-size: 18px; font-weight: bold; line-height: 45px; color: #fff; text-align: center; margin: 0 auto;}
.envel_template_contents_bg .envel_contents_01 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.envel_contents_01 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.envel_contents_01 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}
.envel_contents_01 p.quark {width: 700px; height: 30px; background: url('/template/img/quark_ti.jpg') no-repeat left center; text-indent: -9999px;}

/*전단지 템플릿*/
.jundan_template_contents_bg {position: relative; width: 1003px; height: auto; margin: 0 0 50px 0; clear: both;}
.jundan_template_contents_bg .contents_title {display: block; width: 250px; height: 45px; background: #8c8c8c; font-size: 18px; font-weight: bold; line-height: 45px; color: #fff; text-align: center; margin: 0 auto;}

.jundan_template_contents_bg .jundan_contents_01 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.jundan_template_contents_bg .jundan_contents_02 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}
.jundan_template_contents_bg .jundan_contents_03 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}

.jundan_contents_01 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.jundan_contents_01 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}
.jundan_contents_01 p.quark {width: 700px; height: 30px; line-height: 30px; background: url('/template/img/quark_ti.jpg') no-repeat left center; text-indent: 145px;}

.jundan_contents_02 .tem_list {width: 900px; margin: 50px auto;}
.jundan_contents_02 .tem_list:after {content: ""; display: block; clear: both;}
.jundan_contents_02 ul {width: 900px; margin: 0 0 0 10px;}
.jundan_contents_02 ul li {width: 300px; height: 250px; float: left; margin: 0 0 100px 0;}
.jundan_contents_02 .tem_list div {width: 300px; height: 250px; float: left; margin: 0 0 100px 0;}
.jundan_contents_02 img.thum {display: block; width: 124px; margin: 0 auto 20px auto;}

.jundan_contents_03 .tem_list {width: 900px; margin: 50px auto;}
.jundan_contents_03 .tem_list:after {content: ""; display: block; clear: both;}
.jundan_contents_03 ul {width: 900px; margin: 0 0 0 10px;}
.jundan_contents_03 ul li {width: 300px; height: 250px; float: left; margin: 0 0 100px 0;}
.jundan_contents_03 .tem_list div {width: 300px; height: 250px; float: left; margin: 0 0 100px 0;}
.jundan_contents_03 img.thum {display: block; width: 124px; margin: 0 auto 20px auto;}

.tem_list span {display: block; width: 300px; margin: 0 0 5px 0;}
.tem_list span img {display: block; margin: 0 auto;}

/*파일홀더 템플릿*/
.holder_template_contents_bg {position: relative; width: 1003px; height: auto; margin: 0 0 50px 0; clear: both;}
.holder_template_contents_bg .contents_title {display: block; width: 250px; height: 45px; background: #8c8c8c; font-size: 18px; font-weight: bold; line-height: 45px; color: #fff; text-align: center; margin: 0 auto;}

.holder_contents_01 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}

.holder_contents_01 .tem_list {width: 900px; margin: 50px auto;}
.holder_contents_01 .tem_list:after {content: ""; display: block; clear: both;}
.holder_contents_01 ul {width: 900px; margin: 0 0 0 10px;}
.holder_contents_01 ul li {width: 300px; float: left; margin: 0 0 50px 0;}
.holder_contents_01 .tem_list div {width: 300px; height: 250px; float: left; margin: 0 0 100px 0;}
.holder_contents_01 .tem_list ul li em {width: 253px; padding: 7px 0; margin: 0 auto 5px auto; background: #eee; font-size: 14px; font-weight: bold; text-align: center; display: block;}
.holder_contents_01 img.thum {display: block; /*width: 124px;*/ margin: 0 auto 20px auto;}

.holder_contents_01 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.holder_contents_01 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.tem_list span {display: block; width: 300px; margin: 0 0 5px 0;}
.tem_list span img {display: block; margin: 0 auto;}

/*기타 템플릿*/
.etc_template_contents_bg {position: relative; width: 1003px; height: auto; margin: 0 0 50px 0; clear: both;}
.etc_template_contents_bg .contents_title {display: block; width: 250px; height: 45px; background: #8c8c8c; font-size: 18px; font-weight: bold; line-height: 45px; color: #fff; text-align: center; margin: 0 auto;}

.etc_template_contents_bg .etc_contents_01 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0; padding: 0 0 40px 0;}
.etc_template_contents_bg .etc_contents_02 {width: 993px; border: 10px solid #f2f2f2; margin: 30px 0;}


.etc_contents_01 span.paper {float: left; display: block; width: 100px; height: 60px; font-size: 36px; line-height: 60px; font-weight: bold; border-right: 1px solid #8c8c8c; margin: 0 20px; }
.etc_contents_01 span.size {float: left; display: block; width: 170px; margin: 0 40px 0 0; line-height: 60px;}
.etc_contents_01 ul:after {content: ""; display: block; clear: both;}
.etc_contents_01 ul li {float: left; margin: 0 50px 0 0;}
.etc_contents_01 ul li.item {width: 860px; /*line-height: 60px;*/ padding: 10px; border: 3px solid #8c8c8c; margin: 20px 0 0 55px;}
.etc_contents_01 ul li img {margin: 15px 0 0 0;}


.etc_contents_02 {clear: both;}
.etc_contents_02:after {content: ""; display: block; clear: both;}
.etc_contents_02 .tem_list {width: 900px; margin: 50px auto;}
.etc_contents_02 ul {width: 900px; height: 800px; margin: 0 0 0 10px;}
.etc_contents_02 ul li {width: 300px; float: left; margin: 0 0 50px 0;}
.etc_contents_02 img.thum {display: block; width: 300px; margin: 0 auto 10px auto;}
.etc_contents_02 p.corel {width: 700px; height: 30px; line-height: 30px; text-indent: 145px; background: url('/template/img/corel_ti.jpg') no-repeat left center;}
.etc_contents_02 p.ill {width: 700px; height: 30px; line-height: 30px; text-indent: 120px; background: url('/template/img/ill_ti.jpg') no-repeat left center;}

.tem_list span {display: block; width: 300px; margin: 0 0 5px 0;}
.tem_list span img {display: block; margin: 0 auto;}