.red {color:red !important;}

/*** 여백 ***/
.h10 {clear:both; height:10px;}
.h20 {clear:both; height:20px;}
.h30 {clear:both; height:30px;}
.h40 {clear:both; height:40px;}
.h50 {clear:both; height:50px;}
.h60 {clear:both; height:60px;}
.h70 {clear:both; height:70px;}
.h80 {clear:both; height:80px;}
.h90 {clear:both; height:90px;}
.h100 {clear:both; height:100px;}
.h150 {clear:both; height:150px;}

.right {clear:both; float:right;}
.accent_01 {font-size:30px; color:#000; line-height:140%;}
.accent_02 {font-size:22px; color:#000; line-height:140%;}
.red {color:#f34141;}
.gray {color:#999;}

.title_01 {display:block; font-size:55px; line-height:70px; color:#fff; letter-spacing:-2px; font-family:NanumGothicBold; }
.title_02 {display:block; font-size:20px; line-height:30px; color:yellow; letter-spacing:-1px; font-family:NanumGothicBold; }
.line_gray_mem {border-bottom:1px solid #ebebec; clear:both; margin:70px 0px;}

/*** table ***/
.th_top_01 {width:100%; border-bottom:1px solid #666;}
.th_top_01 .accent {background:#f9f9f9;}
.th_top_01 th {background:#415771; padding:12px 0px; color:#fff; font-weight:normal;}
.th_top_01 td {text-align:center; padding:12px 5px; border-bottom:1px solid #eaeaea; font-size:14px; line-height:22px;}
/* .th_top_01 td.left {text-align:left; padding:7px 0px 7px 10px;}*/
.th_top_01 td.left {text-align:left; padding:0px 0px 0px 6px;}
.th_top_01 td.left img {vertical-align:middle;}
.th_top_01 td.left td {border-bottom:none;}
.th_top_01 td.notice {color:#f34141;}
.th_top_01 td.date {color:#999;}
.th_top_01 td.acc {color:#f34141;}
.th_top_01 td > span {color:#337cf1;} 

.th_top_02 {width:100%;}
.th_top_02 th {text-align:left; padding:12px 7px 12px 0px; font-size:14px; font-weight:normal; line-height:22px; border-bottom:1px solid #eaeaea; background:#f9f9f9;}
.th_top_02 th .must {background:url(../img/icon/check.gif) no-repeat 10px 50%; padding-left:25px;}
.th_top_02 th .normal {padding-left:25px;}
.th_top_02 td {text-align:center; padding:12px 5px; background:#f5f5f5; font-size:14px; line-height:22px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.th_top_02 td.bor_l {border-left:0;}
.th_top_02 td.left {text-align:left; padding:7px 7px 7px 15px; background:#fff;}

.iframeWrap {background-color:#efefef; padding:0 !important; margin:0 !important;}
.file_board {height:auto !important;}

.th_top_02 td.date {color:#999;}
.th_top_02 td > span {font-size:12px; color:#999;}
.th_top_02 .last > th {border-bottom:0;}
.th_top_02 .last > td {border-bottom:0;}

.th_top_03 {width:100%;}
.th_top_03 th {padding:7px 7px 7px 15px; font-size:13px; font-weight:normal; line-height:18px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; background:#f9f9f9;}
.th_top_03 th.bor_l {border-left:0;}
.th_top_03 td {text-align:center; padding:7px 5px; font-size:13px; line-height:18px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.th_top_03 td.left {text-align:left; padding:7px 7px 7px 15px; background:#fff;}
.th_top_03 td.left img {vertical-align:middle;}
.th_top_03 td.txt {padding:20px 0;}
.th_top_03 td.bor_l {border-left:0;}
.th_top_03 td .acc {color:#f34141;}
.th_top_03 td > span {font-size:12px; color:#999;}
.th_top_03 .last > td {border-bottom:0;}

.th_top_04 {width:100%;}
.th_top_04 th {text-align:left; padding:8px 7px 10px 0px; font-size:14px; font-weight:normal; line-height:22px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; background:#f9f9f9;}
.th_top_04 th .must {background:url(../img/icon/check.gif) no-repeat 10px 50%; padding-left:25px;}
.th_top_04 th .normal {padding-left:25px;}
.th_top_04 th.bor_l {border-left:0;}
.th_top_04 .last > th {border-bottom:0;}
.th_top_04 td {text-align:left; padding:8px 7px 10px 15px; font-size:14px; line-height:22px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.th_top_04 td.bor_l {border-left:0;}
.th_top_04 td .acc {font-size:12px; line-height:16px; color:#f34141;}
.th_top_04 .last > td {border-bottom:0;}
.th_top_04 tr td div a {display:inline-block; border:1px solid #999; background:#999; font-size:14px; height:35px; vertical-align:middle; padding:2px 5px 1px 3px; border-radius:4px;}
.th_top_04 tr td div a .btn_search{display:block; color:#fff; line-height:35px; padding:0 15px;}

/*** 포트폴리오 ***/
.portfolio {}
.portfolio > .title {display:block; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #eee; color:#888; font-size:13px;}
.portfolio > .title span {display:inline-block; margin-right:20px; font-size:22px; color:#000; font-weight:bold;}
.portfolio > .board .list {font-size:0; letter-spacing:-4px;}
.portfolio > .board .list li {display:inline-block; width:25%; letter-spacing:0;}
.portfolio > .board .list li a {display:block; padding:10px; margin:5px; text-align:center; font-size:14px; border-radius:7px; border:1px solid #efefef; text-decoration:none;}
.portfolio > .board .list li a span {display:block; overflow:hidden; width:100%; height:170px; margin-bottom:8px;}
.portfolio > .board .list li a img {width:100%;}

/*** 고객센터 ***/
.support_wrap {position:relative;}
.support_wrap > div {position:relative; float:left; background:#fff;}
.support_wrap > .board {position:relative; width:100%;}
.support_wrap > .board .title {display:block; margin-bottom:5px; color:#888; font-size:13px;}
.support_wrap > .board .title span {display:inline-block; margin-right:20px; font-size:22px; color:#000;}
.support_wrap > .board > .tab_btn {width:100%; border-radius:10px 10px 0 0; overflow:hidden;}
.support_wrap > .board > .tab_btn * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.support_wrap > .board > .tab_btn > li {float:left; text-align:center; width:20%; padding-right:1px;}
.support_wrap > .board > .tab_btn > li a {display:block; font-size:16px; line-height:50px; color:#fff; background:#0eb4a3;}
.support_wrap > .board > .tab_btn > li:first-child {border-radius:10px 0 0 0;}
.support_wrap > .board > .tab_btn > li.last {border-radius:0 10px 0 0;}
.support_wrap > .board > .tab_btn > li.on a {background:#ffad3c;}
.support_wrap > .board > .tab_con {display:none; padding-top:40px;}
.support_wrap > .board .kindWrap {width:100%; height:100%; text-align:center;}
.support_wrap > .board .kindWrap > div {display:inline-block; margin:80px 30px 0 30px; text-align:center;}
.support_wrap > .board .kindWrap > div>p {padding:20px 0; color:#888; font-size:13px; line-height:1.4;}
.support_wrap > .board .kindWrap > div>a {display:inline-block; padding:15px 40px; font-weight:bold; line-height:1; border:2px solid #ddd; border-radius:5px;}
.support_wrap > .board .kindWrap a:hover {border-color:#000; color:#000;}


.support_wrap > .banner {position:absolute; right:0; width:232px; padding:0 0 0 20px; background:#fff;}
.support_wrap > .banner > ul > li {margin-top:10px;}
.support_wrap > .banner > ul > li:first-child {margin-top:0;}
.support_wrap > .banner span {font-family:"돋움"; font-size:11px; line-height:16px; letter-spacing:-1px;}
.support_wrap > .banner .bn1 a {display:block; position:relative; width:232px; height:174px; background:url(../images/contents/bn1_bg.png) no-repeat 0 0; text-decoration:none;}
.support_wrap > .banner .bn1 > a > img {position:absolute; left:100px; top:28px;}
.support_wrap > .banner .bn1 > a > span {position:absolute; left:100px; top:100px; color:#fff;}
.support_wrap > .banner .bn2 a {display:block; width:192px; height:87px; padding:20px; background:url(../images/contents/bn2_bg.png) no-repeat 0 0; font-size:18px; line-height:22px; color:#fff; text-decoration:none;}
.support_wrap > .banner .bn2 a > span {display:block; margin-top:15px; color:#fff;}
.support_wrap > .banner .bn3 a {display:block; width:192px; height:91px; padding:20px; background:url(../images/contents/bn3_bg.png) no-repeat 0 0; font-size:18px; line-height:22px; color:#010101; text-decoration:none;}
.support_wrap > .banner .bn3 a > span {display:block; margin-top:15px; color:#666;}
.support_wrap > .banner .bn4 a {display:block; width:192px; height:91px; padding:20px; background:url(../images/contents/bn3_bg.png) no-repeat 0 0; font-size:18px; line-height:22px; color:#010101; text-decoration:none;}
.support_wrap > .banner .bn4 a > span {display:block; margin-top:15px; color:#666;}

/* 제작신청 */
.support_wrap .board .step {overflow:hidden;}
.support_wrap .board .step > li {float:left; margin-left:16px;}
.support_wrap .board .step > li:first-child {margin-left:0;}
.support_wrap .btn_wrap {position:relative; clear:both; margin-top:20px; font-size:0; text-align:center;}
.support_wrap .btn_wrap > span {margin-left:3px;}
.support_wrap .btn_wrap > span:first-child {margin-left:0;}
.support_wrap .btn_wrap > .btn_prev > a {padding:7px 15px; display:inline-block; background:#20ace1; border:1px solid #20ace1; color:#fff; border-radius:4px; font-size:14px; text-align:center;}
.support_wrap .btn_wrap > .btn_next > a {padding:7px 15px; display:inline-block; background:#96cc3e; border:1px solid #96cc3e; color:#fff; border-radius:4px; font-size:14px; text-align:center;}
.support_wrap .btn_wrap > .btn_cancel > a {padding:7px 15px; display:inline-block; background:#aeaeae; border:1px solid #aeaeae; color:#fff; border-radius:4px; font-size:14px; text-align:center;}
.support_wrap .service {padding:15px 20px; /*background:#f5f5f5; border:1px solid #ddd;*/}
.support_wrap .service > ul {overflow:hidden;}
.support_wrap .service > ul > li {float:left; width:50%; height:23px;}

.support_wrap .board .pop * {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.support_wrap .board .pop {z-index:1000; display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/main/bg_black.png) 0 0;}
.support_wrap .board .pop .bg {z-index:0; position:absolute; width:100%; height:100%; left:0; top:0; cursor:pointer;}
.support_wrap .board .pop .wrap {position:relative; overflow:hidden; width:1100px; margin:0 auto; border-radius:10px; background:#fff;}
.support_wrap .board .pop .container {position:relative; overflow-y:auto; overflow-x:hiddne; padding:40px; border-radius:10px; background:#fff;}
.support_wrap .board .pop .close {z-index:10; position:absolute; display:block; right:20px; top:20px;}
.support_wrap .board .pop .container .list {position:relative; overflow:hidden; width:100%; background:#fff; font-size:0;}
.support_wrap .board .pop .container .list li {float:left; width:33.3333%;}
.support_wrap .board .pop .container .list li a {position:relative; display:inline-block; height:260px; padding:5px; margin:10px; text-align:center; font-size:14px; border-radius:7px; border:1px solid #efefef; text-decoration:none;}
.support_wrap .board .pop .container .list li a span {display:block; overflow:hidden; width:100%; height:220px; margin-bottom:8px;}
.support_wrap .board .pop .container .list li a span img {width:100%; margin-top:-16px;}
.th_top_04 td a.view_pop {display:inline-block; height:40px; padding:14px 15px 0; vertical-align:middle; font-size:12px; line-height:1; color:#fff; background:#0eb4a3; border-radius:4px;}
.th_top_04 td a.view_pop:hover {background:#ff31af;}

.support_wrap .board .application_list {padding:20px 40px; border:5px solid #cee3eb;}
.support_wrap .board .application_list > ul > li {padding-left:25px; background:url(../images/contents/bul_check.gif) no-repeat 0 50%;}
.support_wrap .board .application_list > p {font-family:"NanumGothicBold"; font-size:16px; color:#000;}

.support_wrap .middle * {vertical-align:middle;}
.support_wrap .kindview {display:inline-block; padding:7px 10px; margin-left:20px; color:#fff; font-size:12px; line-height:1;background-color:#0eb4a3; border-radius:4px;}
.support_wrap .kindview:hover {background:#ff31af;}


/* 문의하기 */
.sub .board .page a.btn_write {position:absolute; right:0; top:display:inline-block;  color:#fff; background:#ec5dae; border:none !important; float:right;}
.estimate_write .info {margin-bottom:20px; text-align:left; padding:10px 20px; background:#f1f1f1; border:1px solid #f1f1f1; border-radius:10px; font-size:12px; color:#777;}
.estimate_write .btn_wrap {position:relative; margin-top:20px; font-size:0; text-align:center;}
.estimate_write .btn_wrap > span {margin-left:3px;}
.estimate_write .btn_wrap > span:first-child {margin-left:0;}
.estimate_write .btn_wrap .btn_list > a {padding:7px 15px; display:inline-block; background:#aeaeae; border:1px solid #aeaeae; color:#fff; border-radius:4px; font-size:14px; text-align:center;}
.estimate_write .btn_wrap .btn_right {position:absolute; right:0; top:0;}
.estimate_write .btn_wrap .btn_right > span {margin-left:3px;}
.estimate_write .btn_wrap .btn_right > span:first-child {margin-left:0;}
.estimate_write .btn_wrap .btn_modify > a {padding:7px 15px; border:1px solid #97cc3e; border-radius:4px; color:#fff; background:#97cc3e; display:inline-block; font-size:14px; text-align:center; text-decoration:none; } 
.estimate_write .btn_wrap .btn_delete > a {padding:7px 15px; border:1px solid #444; border-radius:4px; color:#fff; background:#444; display:inline-block; font-size:14px; text-align:center; text-decoration:none;} 
.estimate_write .btn_wrap .btn_write_ok > a {padding:7px 15px; display:inline-block; background:#97cc3e; border:1px solid #97cc3e; color:#fff; border-radius:4px; font-size:14px; text-align:center;}
.estimate_write .btn_wrap .btn_cancel > a {padding:7px 15px; display:inline-block; background:#aeaeae; border:1px solid #aeaeae; color:#fff; border-radius:4px; font-size:14px; text-align:center;}
.estimate_write .btn_wrap2 {position:relative; margin-top:20px; text-align:center}
.estimate_write .btn_wrap2 span  {margin-left:3px;}
.estimate_write .btn_wrap2 a.btn_list {display:inline-block; block; padding:7px 20px; color:#fff; text-align:center; background:#aeaeae; border:1px solid #aeaeae; border-radius:4px;}
.estimate_write .btn_wrap2 a.btn_reply {display:inline-block; block; padding:7px 20px; color:#fff; text-align:center; background:#bfd12d; border:1px solid #bfd12d; border-radius:4px;}
.estimate_write .btn_wrap2 a.btn_modify {display:inline-block; block; padding:7px 20px; color:#fff; text-align:center; background:#97cc3e; border:1px solid #97cc3e; border-radius:4px;}
.estimate_write .btn_wrap2 a.btn_delete {display:inline-block; block; padding:7px 20px; color:#fff; text-align:center; background:#444; border:1px solid #444; border-radius:4px;}
.board .tit {font-size:16px; line-height:30px; color:#337cf1;}
.support_wrap .agree_box {text-align:left; margin:0 0px 5px 0px; border-top:2px solid #20ace1; background:#f9f9f9;}

/* 공지사항 */
.notice_view > .notice_tit {padding:10px 0; text-align:center; font-size:16px; color:#fff; background:#20ace1;}
.notice_view .notice_txt {padding:20px 0; border-bottom:1px solid #aeaeae;}
.notice_view .btn_wrap2 {position:relative; margin-top:20px; text-align:center}
.notice_view .btn_wrap2 span  {margin-left:3px;}
.notice_view .btn_wrap2 a.btn_list {display:inline-block; block; padding:7px 20px; color:#fff; text-align:center; background:#aeaeae; border:1px solid #aeaeae; border-radius:4px;}
.notice_view .btn_wrap2 a.btn_reply {display:inline-block; block; padding:7px 20px; color:#fff; text-align:center; background:#bfd12d; border:1px solid #bfd12d; border-radius:4px;}
.notice_view .btn_wrap2 a.btn_modify {display:inline-block; block; padding:7px 20px; color:#fff; text-align:center; background:#97cc3e; border:1px solid #97cc3e; border-radius:4px;}
.notice_view .btn_wrap2 a.btn_delete {display:inline-block; block; padding:7px 20px; color:#fff; text-align:center; background:#444; border:1px solid #444; border-radius:4px;}

/* FAQ */
.tab_con .search {text-align:center; padding:10px; background:#f9f9f9; border:1px solid #ddd;}
.tab_con .search .btn_search {}
.tab_con .search .btn_search a {text-align:center; display:inline-block; color:#fff; font-size:12px; line-height:13px; background:#20ace1; padding:13px 14px 14px 14px; vertical-align:top; font-family:"NanumGothicBold"; border-radius:3px;}
.tab_con .search p {clear:both; text-align:center; padding-top:5px; font-size:12px;}
.tab_con .search p > span {color:#f34141;}
.faq .expand_tit {position:relative; border:1px solid #ccc; border-radius:4px; cursor:pointer; padding-right:20px;}
.faq .expand_tit .tit_icon {position:absolute; left:-1px; top:-1px; width:50px; height:100%; background:#97cc3e; border:1px solid #97cc3e; display:inline-block; font-size:16px; 
font-family:"NanumGothicBold"; color:#fff; border-radius:4px 0 0 4px;}
.faq .expand_tit .tit_icon > span {position:absolute; top:19px; left:20px;}
.faq .expand_tit.clicked {position:relative; border:1px solid #ccc; border-bottom:0; border-radius:5px 5px 0 0;}
.faq .expand_tit.clicked .tit_icon {border-radius:4px 0 0 0; background:#97cc3e; border:1px solid #97cc3e; border-bottom:0;}
.faq .expand_tit .tit_txt {display:block; line-height:22px; color:#222; padding:20px 0 20px 70px; }
.faq .expand_con {position:relative; display:none; font-size:14px; line-height:24x; color:#333; background:#f9f9f9; border:1px solid #ccc; border-top:0; 
border-radius:0 0 4px 4px;}
.faq .expand_con .con_icon {position:absolute; top:19px; left:20px;}
.faq .expand_con .con_icon > span {font-size:16px; font-family:"NanumGothicBold"; color:#f34141;}
.faq .expand_con .con_txt {display:block; padding:28px 28px 28px 70px;}