@charset "utf-8";
@import url(common.css);


#sub_content { width:1240px; height:100%; clear:both; margin:0 auto; background-color:#fff; margin-top:25px; margin-bottom:20px; padding-bottom:300px;}

/* 서브 공통 */
.sub_nav { width:1180px; height:77px; border-bottom:1px solid #dfdfdf; padding:40px 30px; margin-bottom:82px;}
.sub_nav ul {}
.sub_nav li { float:left; color:#b3b3b3; line-height:18px;}
.sub_nav .in_li { margin:0 5px; font-size:9px;}
.sub_nav .color_01 { color:#6a6a6a;}
.sub_nav .color_02 { color:#7595ab;}
.sub_nav h2 { clear:both; margin-top:34px; font-size:36px; line-height:36px; color:#2874a8; font-weight:bold;}
.sub_nav h2 span { color:#333; font-weight:100;}
.sub_nav h2 .h_line { margin:0 18px; color:#ababab; font-size:18px; vertical-align:middle;}

.sub_top_txt { width:1240px; margin-bottom:120px; text-align:center; overflow:hidden;}
.sub_top_txt p { font-size:30px; color:#000; line-height:36px;}
.sub_top_txt p span { color:#2874a8;}
.sub_top_txt .txt_type02 { font-size:18px; color:#696969; margin-top:10px;}
.sub_top_txt .txt_type02 span { font-size:24px; color:#696969;}

.sub_top_txt p .color_333 { color:#333;}


/* 서브 탭 메뉴 */
.subtab_menu { width:1180px; margin:0px 30px 60px 30px;}
.subtab_menu li { display:inline-block;}
.subtab_menu li a { display:inline-block; width:580px; height:55px; font-size:22px; background-color:#5b99c4; color:#fff; line-height:55px; text-align:center;}
.subtab_menu li .on { background-color:#fff; border:3px solid #5b99c4; width:574px; height:49px; line-height:49px; color:#5b99c4;}



/* 중간타이틀 */
.sub_m_txt { width:1240px; margin-top:150px; margin-bottom:20px; text-align:center; overflow:hidden;}
.sub_m_txt p { font-size:30px; color:#000; line-height:36px;}
.sub_m_txt p span { color:#2874a8;}
.sub_m_txt .txt_type02 { font-size:18px; color:#696969; margin-top:10px;}
.sub_m_txt .txt_type02 span { font-size:24px; color:#696969;}

.sub_m_txt p .color_333 { color:#333;}


/* 상세페이지 */
#sub_content_02 { width:1240px; height:100%; clear:both; margin:0 auto; background-color:#fafafa; margin-top:25px; margin-bottom:20px;}

#sub_content_02 .sub_nav { width:781px; height:77px; border-bottom:1px solid #dfdfdf; padding:40px 30px; margin-bottom:82px;}

#sub_content_02 .sub_top_txt { width:841px; margin-bottom:145px; text-align:center;}

#view_left { width:841px; height:100%; min-height:1500px; border-right:1px solid #dfdfdf; float:left; display:block; background-color:#fff; padding-bottom:300px;}
#view_right { width:344px; height:100%; min-height:800px; float:right; display:block; padding-bottom:300px; padding-top:190px; padding-left:54px;}

/* left */
.view_dv { width:100%; text-align:center;}
.view_dv .voew_img_box { width:687px; height:411px; border:1px solid #ddd; background-color:#f8f8f8; margin:0 auto; margin-bottom:30px;}

.view_dv .view_ta { width:689px; height:100%; margin:0 auto; margin-bottom:30px;}
.view_dv .view_ta th { background-color:#2c4a77; height:42px; line-height:42px; font-size:24px; font-weight:bold;}
.view_dv .view_ta th:nth-child(1) { text-align:left; color:#fff; padding-left:30px;}
.view_dv .view_ta th:nth-child(2) { text-align:left; color:#f2f2f2; padding-left:10px;}

.view_dv .view_ta td { font-size:13px; line-height:35px;}
.view_dv .view_ta td:nth-child(1) { text-align:left; color:#333; font-weight:bold; padding-left:30px;}
.view_dv .view_ta td:nth-child(2) { text-align:left; color:#636363; padding-left:10px;}



.view_dv .but_ul { width:689px; height:43px; margin:0 auto; margin-bottom:140px;}
.view_dv .but_ul li { float:left; display:inline-block; width:136px; height:43px; font-size:14px; color:#fff; text-align:center; line-height:43px; margin-left:1px;}
.view_dv .but_ul li a{ display:inline-block; width:136px; height:43px; font-size:14px; color:#fff;}
.view_dv .but_ul li .md_trigger { font-size:14px; color:#fff; width:136px; height:43px;}

.view_dv .but_ul li:nth-child(1) { background-color:#368fcc; margin-left:0px;}
.view_dv .but_ul li:nth-child(2) {background-color:#368fcc;}
.view_dv .but_ul li:nth-child(3) {background-color:#7595ab;}
.view_dv .but_ul li:nth-child(4) {background-color:#fe5454; font-size:14px; color:#fff;}
.view_dv .but_ul li:nth-child(5) { width:138px; background-color:#6f6f6f;}



.view_dv .why_no { width:689px; height:100%; clear:both; text-align:center; margin:0 auto; margin-bottom:75px;}
.view_dv .why_no dt { font-size:24px; color:#333;}
.view_dv .why_no dd { font-size:16px; color:#696969; line-height:22px;}


 /* 탭부분 */
.tab_border { width:780px; height:100%; margin-left:30px;}

.tab_border .tab { width:780px; height:42px; margin-bottom:55px;}
.tab_border .tab li{ float:left; width:155px; height:42px; line-height:42px; text-align:center; background-color:#5b99c4; color:#fff; font-size:14px; cursor:pointer; margin-left:1px;}

.tab_border .tab li:first-child { margin-left:0;}

.tab_border .tab .on_bg { width:151px; height:40px; background-color:#fff; border:2px solid #5b99c4; border-bottom:none; color:#333;}

.tab_content_02 h4 { font-size:30px; color:#333; margin-bottom:40px; text-align:left;}


/* 탭부분_01 */
.tab_view_01 { width:780px; height:100%;}
.tab_view_01 p { float:left; width:266px; height:230px; margin:58px 40px 0 24px;}
.tab_view_01 dl { width:445px; height:100%; float:left; text-align:left;}
.tab_view_01 dt { font-size:24px; color:#333; font-weight:bold; margin-bottom:30px;}
.tab_view_01 dt span{ font-size:30px; color:#fe5454;}
.tab_view_01 dd { font-size:16px; color:#333; line-height:30px;}
.tab_view_01 dd span{ color:#696969;}



/* 탭부분_02 */
.tab_view_02 { width:780px; height:100%; text-align:left;}
.tab_view_02 .tab_ta02 { width:100%}
.tab_view_02 .tab_ta02 th{ height:54px; text-align:center; color:333; font-size:16px; border-left:2px solid #fff; background:url(../images/sub/sub01_02_bg_th0001.jpg) repeat-x;}
.tab_view_02 .tab_ta02 th:first-child { border-left:none;}

.tab_view_02 .tab_ta02 td{ height:54px; line-height:54px; text-align:center; font-size:16px; color:#333; border-bottom:1px solid #fff; border-left:2px solid #fff; background-color:#ededed;}
.tab_view_02 .tab_ta02 .td_bg_01 { background-color:#64a3cf; color:#fff; border-left:none;}
.tab_view_02 .tab_ta02 .td_bg_02 { background-color:#518bb3; color:#fff; border-left:none;}
.tab_view_02 .tab_ta02 .td_bg_03 { background-color:#3976a0; color:#fff; border-left:none;}



/* 탭부분_03 */
.tab_view_03 { width:780px; height:100%; text-align:left; }
.tab_view_03 p { width:456px; height:346px; float:left; display:inline-block; margin-bottom:50px;}
.tab_view_03 dl { width:300px; float:right; display:inline-block;}
.tab_view_03 dt { height:32px; line-height:32px; padding:0 15px; font-size:13px; color:#333; background-color:#f2f2f2; text-align:left;}
.tab_view_03 dt span { color:#368fcc;}
.tab_view_03 dd { font-size:12px; color:#939393; margin-top:5px; margin-bottom:12px; text-align:left;}

.tab_view_03 .tab_ta02 { width:100%; height:100%; clear:both;}
.tab_view_03 .tab_ta02 th{ height:54px; text-align:center; color:333; font-size:16px; border-left:2px solid #fff; background:url(../images/sub/sub01_02_bg_th0001.jpg) repeat-x;}
.tab_view_03 .tab_ta02 th:first-child { border-left:none;}

.tab_view_03 .tab_ta02 td{ height:54px; line-height:54px; text-align:center; font-size:16px; color:#333; border-bottom:1px solid #fff; border-left:2px solid #fff; background-color:#ededed;}
.tab_view_03 .tab_ta02 .td_bg_01 { background-color:#64a3cf; color:#fff; border-left:none;}
.tab_view_03 .tab_ta02 .td_bg_02 { background-color:#518bb3; color:#fff; border-left:none;}
.tab_view_03 .tab_ta02 .td_bg_03 { background-color:#3976a0; color:#fff; border-left:none;}



/* 탭부분_04 */
.tab_view_04 { width:780px; height:100%;}
.tab_view_04 p { float:left; margin-top:150px;}
.tab_view_04 dl { float:left; width:250px; height:100%; display:block; text-align:center; padding:30px 0; border-bottom:1px solid #dfdfdf;}
.tab_view_04 dt { font-size:24px; color:#333; margin-bottom:20px; font-weight:bold;}
.tab_view_04 dt span{ color:#7595ab; margin-right:10px;}
.tab_view_04 dd { font-size:16px; color:#616161;}
.tab_view_04 .color_939393 { color:#939393;}
.tab_view_04 .dd_03 { margin-top:25px;}

.tab_view_04_01{  width:780px; height:100%; border-top:1px solid #dfdfdf;}
.tab_view_04_02 dl{  width:250px; height:270px;}

.tab_view_04 dl:nth-child(2) { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; width:270px;}



/* 탭부분_05 */
.tab_view_05 { width:780px; height:100%;}
.tab_view_05 dl { width:780px; height:100%; margin-bottom:23px; text-align:left;}
.tab_view_05 dt { font-size:18px; color:333; line-height:24px; margin-bottom:15px;}
.tab_view_05 dt span { width:24px; height:24px; background-color:#368fcc; color:#fff; font-weight:bold; font-size:16px; text-align:center; line-height:24px; display:inline-block; margin-right:5px;}
.tab_view_05 dd { background-color:#f2f2f2; height:40px; line-height:40px; padding-left:15px; font-size:14px; color:333;}



/* 레이어팝업 */

#popup_box { width:1000%; height:100%; position:fixed; left:50%; top:0%; z-index:9999; background:url(../images/sub/overlay.png) repeat;  display:none;}
#popup_box .layer_box { width:739px; height:373px; position:fixed; top:26%; left:20.8%; border:1px solid #333; background-color:#fff; padding:35px 50px;}
.layer_box h4 { font-size:30px; color:#333; font-weight:bold; margin-bottom:38px; text-align:left;}
.layer_box h4 span{ color:#7595ab;}
.layer_box .but_x { position:absolute; top:35px; right:50px; font-size:30px; color:#6a6a6a;}

.layer_box .design_box { width:440px; height:300px; border:1px solid #ddd; background-color:#CCC; float:left; margin-right:25px;}

.layer_box dl { width:270px; height:100%; float:left; text-align:left;}
.layer_box dt { font-size:24px; color:#333; font-weight:bold; margin-bottom:30px;}
.layer_box dt span{ color:#368fcc;}
.layer_box dd {}
.layer_box dd .label { width:70px; line-height:42px; font-size:16px; color:#333; display:inline-block;}
.layer_box dd .design_text { width:190px; height:42px; background-color:#e8e9ea; line-height:42px; padding-left:5px;}
.layer_box dd .tel { width:50px; height:42px; line-height:42px; background-color:#e8e9ea; text-align:center;}
.layer_box dd .type2 { width:67px; margin-left:2px;}

.layer_box dd .but_popup{ background-color:#368fcc; font-size:16px; color:#fff; width:268px; height:51px; line-height:51px; text-align:center; display:inline-block; margin-top:30px; margin-bottom:20px;}

.layer_box .tel_txtdd { font-size:30px; font-weight:bold; color:#368fcc; line-height:30px; margin-right:10px;}
.layer_box .tel_txtdd span{ font-size:18px; color:#333;}



/* right */
#view_right dl { width:290px; margin-top:28px; padding-top:27px; border-top:5px solid #ececec; clear:both;}
#view_right dl:first-child { margin-top:none;; padding-top:none; border-top:none;}

#view_right dt { font-size:24px; font-weight:bold; color:#2874a8; margin-bottom:34px;}
#view_right dd { font-size:14px; color:#333; line-height:24px;}
#view_right dd a { font-size:14px; color:#333;}
#view_right dd a:hover { color:#2874a8;}
#view_right dd span { color:#888;}
#view_right dd .dd_line { margin:0 5px; color:#888;}

#view_right .banners_2box {  width:290px; height:125px; margin-top:28px; padding-top:27px; border-top:5px solid #ececec;}
#view_right .banners_2box li {width:145px; height:125px; float:left;}
#view_right .banners_2box li a { width:145px; height:32px; color:#fff; display:inline-block; font-size:16px; font-weight:bold; text-align:center; padding-top:93px;}

#view_right .banners_2box li:nth-child(1) { background-color:#fea854;}
#view_right .banners_2box li:hover:nth-child(1) { background-color:#2874a8;}
#view_right .banners_2box li:nth-child(2) { background-color:#fe5454;}
#view_right .banners_2box li:hover:nth-child(2) { background-color:#2874a8;}

#view_right .banners_2box li:nth-child(1) a{ background:url(../images/sub/sub01_02_0003.png) no-repeat; background-position:center 17px;}
#view_right .banners_2box li:nth-child(2) a{ background:url(../images/sub/sub01_02_0004.png) no-repeat; background-position:center 17px;}


#view_right .event_ddbox {}
#view_right .event_ddbox dt { width:262px; height:54px; position:relative; line-height:54px; padding-left:28px; background-color:#3596d8; color:#ececec; font-size:18px; margin-bottom:0px;}
#view_right .event_ddbox dt .a_box { width:18px; height:18px; line-height:18px; text-align:center; font-size:18px; background-color:#fff; color:#106ec8; border:1px solid #c9c9c9; position:absolute; top:17px; right:23px;}

#view_right .event_ddbox dd { width:290px; height:43px; border-bottom:1px solid #8a8a8a; border-top:1px solid #fafafa;}
#view_right .event_ddbox .first_dd { border-top:none;}

#view_right .event_ddbox dd span { font-size:20px; margin-right:28px; color:#ececec;}
#view_right .event_ddbox dd .dd_ago { float:right; font-size:18px;}


#view_right .event_ddbox dd a { width:262px; height:43px; padding-left:28px; display:block; background:#74a9ce; color:#ececec; font-size:16px; line-height:43px;}
#view_right .event_ddbox dd a:hover { background:#a2a2a2; color:#fff; font-size:16px;}




/* sub01_001 */
.sub01_001_box_01 { width:1180px; margin:0 30px; border-bottom:1px solid #ddd; margin-bottom:7px; position:relative; }

.sub01_001_box_01 dl { width:406px; height:137px; border:1px solid #ddd; border-bottom:none; padding:40px 0 0 29px;}
.sub01_001_box_01 dt { font-size:24px; color:#333; margin-bottom:26px;} 
.sub01_001_box_01 dd { font-size:16px; color:#939393;} 

.sub01_001_box_01 .dl_bg_01 { background:url(../images/sub/sub01_01_bg01.jpg) no-repeat; background-position:245px 27px;}
.sub01_001_box_01 .dl_bg_02 { background:url(../images/sub/sub01_01_bg02.jpg) no-repeat; background-position:275px 19px;}
.sub01_001_box_01 .dl_bg_03 { background:url(../images/sub/sub01_01_bg03.jpg) no-repeat; background-position:309px 33px;}

.sub01_001_box_01 ul { position:absolute; top:43px; left:495px;}
.sub01_001_box_01 li { font-size:16px; color:#939393; line-height:20px;}
.sub01_001_box_01 li:last-child  { width:174px; height:40px; background-color:#f2f2f2; color:#333; line-height:40px; text-align:center; margin-top:10px;}
.sub01_001_box_01 ul .last_li { width:100%; height:100%; background:none; color:#939393; line-height:20px; text-align:left; margin-top:0px;}


.sub_01_settings {  width:1180px; margin:0 30px; margin-top:80px;}

.sub_01_settings table { width:1180px; margin-bottom:10px;}
.sub_01_settings table th { height:52px; text-align:center; font-size:16px; color:#fff;}

.sub_01_settings table th:nth-child(1) { background:url(../images/sub/sub01_01_bg04.jpg) repeat-x; border-top:1px solid #ececec; border-left:1px solid #ececec;}
.sub_01_settings table th:nth-child(2) { background-color:#5b84c9; border-top:1px solid #557388; border-left:1px solid #557388; }
.sub_01_settings table th:nth-child(3) { background:url(../images/sub/sub01_01_bg05.jpg) repeat-x; border-top:1px solid #65b3e9; border-left:1px solid #65b3e9;}
.sub_01_settings table th:nth-child(4) { background:url(../images/sub/sub01_01_bg06.jpg) repeat-x; border-top:1px solid #4f9dd2; border-left:1px solid #4f9dd2; border-right:1px solid #4f9dd2;}

.sub_01_settings table td { text-align:center; font-size:16px; color:#333; padding:15px 0px; border:1px solid #ececec;}
.sub_01_settings table .border_type_01 { border:2px solid #5b84c9; color:#5b84c9; width:295px; display:block;}
.sub_01_settings table .color_01 { color:#3f96d2;}

.sub_01_settings ul { float:right;}
.sub_01_settings li { float:left; width:292px; height:49px; color:#fff; text-align:center; border:1px solid #ececec; line-height:49px; font-size:16px;}

.sub_01_settings ul .bg_li_01 { background-color:#4a6a9f;}
.sub_01_settings ul .bg_li_02 { background-color:#368fcc;}
.sub_01_settings ul .bg_li_03 { background-color:#2c79ad;}


.sub_01_settings .but_ul li { float:left; width:883px; height:49px; color:#fff; text-align:center; border:1px solid #ececec; line-height:49px; font-size:16px;}


.sub01_01_dl01 { width:1240px; height:100%; clear:both; text-align:center; margin-top:180px;} 
.sub01_01_dl01 dt { font-size:30px; color:#3b3a3a; margin-bottom:35px; font-weight:bold;}
.sub01_01_dl01 dd { font-size:24px; color:#3b3a3a; line-height:30px;}
.sub01_01_dl01 dd span { color:#368fcc; font-size:30px;}


/* sub_001 */

.sub_001_settings {  width:1180px; margin:0 30px; margin-top:20px;}

.sub_001_settings table { width:1180px; margin-bottom:10px;}
.sub_001_settings table th { height:52px; text-align:center; font-size:16px; color:#fff;}

.sub_001_settings table th:nth-child(1) { background:url(../images/sub/sub01_01_bg04.jpg) repeat-x; border-top:1px solid #ececec; border-left:1px solid #ececec;}
.sub_001_settings table th:nth-child(2) { background-color:#42639a; border-top:1px solid #557388; border-left:1px solid #557388; }
.sub_001_settings table th:nth-child(3) { background:url(../images/sub/sub01_01_bg05.jpg) repeat-x; border-top:1px solid #65b3e9; border-left:1px solid #65b3e9;}
.sub_001_settings table th:nth-child(4) { background:url(../images/sub/sub01_01_bg06.jpg) repeat-x; border-top:1px solid #4f9dd2; border-left:1px solid #4f9dd2; border-right:1px solid #4f9dd2;}

.sub_001_settings table td { text-align:center; font-size:16px; color:#333; padding:15px 0px; border:1px solid #ececec;}
.sub_001_settings table .border_type_01 { border:2px solid #5b84c9; color:#5b84c9; width:295px; display:block;}
.sub_001_settings table .color_01 { color:#3f96d2;}

.sub_001_settings ul { float:right;}
.sub_001_settings li { float:left; width:293px; height:49px; color:#fff; text-align:center; border:1px solid #ececec; line-height:49px; font-size:16px;}

.sub_001_settings ul .bg_li_01 { background-color:#4a6a9f;}
.sub_001_settings ul .bg_li_02 { background-color:#368fcc;}
.sub_001_settings ul .bg_li_03 { background-color:#2c79ad;}


/* sub01_002 */

.category_box { width:1178; height:100%; margin-left:30px; margin-right:30px; text-align:center; padding:30px 0; border:1px solid #2874a8}
.category_box ul { width:1000px; height:100%; text-align:center; margin:0 auto;}
.category_box li { font-size:17px; color:#333; display:inline-block; line-height:22px;}
.category_box li a { font-size:17px; color:#333;}
.category_box li a:hover { color:#7595ab; font-weight:bold;}
.category_box .li_line { margin:0 5px;}

#sub_content .cyanogen_dv .cyanogen_box { border-top:1px solid #e5e5e5; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;}/*시안박스*/




/* sub01_003 */
.sub01_003_box_01 { width:1180px; margin:0 30px; clear:both; display:block;}
.sub01_003_box_01 p { float:left; margin-top:150px;}
.sub01_003_box_01 dl { float:left; width:382px; height:100%; text-align:center; margin-bottom:80px;}
.sub01_003_box_01 dt { font-size:24px; color:#333; margin-bottom:20px; font-weight:bold;}
.sub01_003_box_01 dt span{ color:#7595ab; margin-right:10px;}
.sub01_003_box_01 dd { font-size:16px; color:#616161;}
.sub01_003_box_01 .color_939393 { color:#939393;}
.sub01_003_box_01 .dd_03 { margin-top:25px;}


.sub01_003_box_02 { width:1180px; margin:0 30px; clear:both;}
.sub01_003_box_02 dl { width:382px; height:100%; text-align:center; margin-left:19px;}
.sub01_003_box_02 dt { font-size:24px; color:#333; margin-bottom:20px; font-weight:bold;}
.sub01_003_box_02 dt span{ color:#7595ab; margin-right:10px;}
.sub01_003_box_02 dd { font-size:16px; color:#616161;}
.sub01_003_box_02 .color_939393 { color:#939393;}
.sub01_003_box_02 .dd_03 { margin-top:25px;}



/* sub01_005 */

.sub01_005_box_01 { width:1180px; margin:0 30px 110px 30px; overflow:hidden;}
.sub01_005_box_01 h3 { font-size:30px; color:#333; margin-bottom:45px; line-height:35px;}
.sub01_005_box_01 h3 span { width:35px; height:35px; line-height:35px; text-align:center; display:inline-block; background-color:#368fcc; color:#fff; font-size:24px; font-weight:bold; margin-right:15px;}

.sub01_005_box_01 .img_box { width:577px; height:404px; float:left; margin-right:30px; margin-bottom:15px;}
.sub01_005_box_01 dl { width:573px; height:100%; float:left;}
.sub01_005_box_01 dt { font-size:16px; color:#333; height:40px; line-height:40px; margin-bottom:5px;}
.sub01_005_box_01 dt .dt_bg { background-color:#f2f2f2; padding:0 15px; display:inline-block;}
.sub01_005_box_01 dt b { margin-right:10px;}
.sub01_005_box_01 dt .color_368fcc { color:#368fcc;}
.sub01_005_box_01 dd { padding-left:15px; font-size:16px; color:#939393; margin-bottom:15px;}
.sub01_005_box_01 .bottom_txt { clear:both; margin-top:25px;}
.sub01_005_box_01 .bottom_txt li { font-size:18px; color:#333;}
.sub01_005_box_01 .bottom_txt li span { font-size:24px; font-weight:bold; color:#368fcc;}

.sub01_005_box_01 .table_type_01 { width:100%; height:100%; text-align:center;}
.sub01_005_box_01 .table_type_01 th { height:54px; line-height:54px; font-size:15px; color:#333; border-bottom:1px solid #fff; border-left:1px solid #fff; background:url(../images/sub/sub01_02_bg_th0001.jpg) repeat-x;}
.sub01_005_box_01 .table_type_01 th:first-child { border-left:none;}
.sub01_005_box_01 .table_type_01 td { height:54px; line-height:54px; font-size:13px; color:#333; border-bottom:1px solid #fff; border-left:1px solid #fff; background-color:#ededed;}
.sub01_005_box_01 .table_type_01 td:first-child { border-left:none;}
.sub01_005_box_01 .table_type_01 .border_type_01 { background-color:#64a3cf; color:#fff;}
.sub01_005_box_01 .table_type_01 .border_type_02 { background-color:#518bb3; color:#fff;}
.sub01_005_box_01 .table_type_01 .border_type_03 { background-color:#3976a0; color:#fff;}



.sub01_005_box_01 .table_type_02 { width:100%; height:100%; text-align:center;}
.sub01_005_box_01 .table_type_02 th { height:54px; line-height:54px; font-size:15px; color:#333; border-bottom:1px solid #fff; border-left:1px solid #fff; background:url(../images/sub/sub01_02_bg_th0001.jpg) repeat-x;}
.sub01_005_box_01 .table_type_02 th:first-child { border-left:none;}
.sub01_005_box_01 .table_type_02 td { height:44px; padding:5px 5px; line-height:20px; vertical-align:middle; font-size:13px; color:#333; border-bottom:1px solid #fff; border-left:1px solid #fff; background-color:#ededed;}
.sub01_005_box_01 .table_type_02 td:first-child.border_type_01 { background-color:#368fcc; color:#fff;}
.sub01_005_box_01 .table_type_02 .bg_td_01 { background-color:#cfe6f6;}
.sub01_005_box_01 .table_type_02 .bg_td_02 { background-color:#f6cfcf;}
.sub01_005_box_01 .table_type_02 td:first-child { border-left:none; background-color:#a8a8a8; color:#fff;}
.sub01_005_box_01 .table_type_02 td.bg_td_03 { background-color:#f7f7f7; color:#333; text-align:right;}

.sub01_005_box_01 .table_type_02 .td_03_01 { margin-right:50px;}
.sub01_005_box_01 .table_type_02 .td_03_02 { font-size:12px;}

.sub01_005_box_01 .table_type_02 .input_number { width:50px; height:26px; text-align:center;}



.sub01_005_box_01 .table_type_03 { width:100%; height:100%; border-top:2px solid #6b6b6b; margin-top:20px;}
.sub01_005_box_01 .table_type_03 td { height:54px; line-height:54px; font-size:13px; color:#333; border-bottom:1px solid #fff; border-left:1px solid #fff; background-color:#ededed;}

.sub01_005_box_01 .table_type_03 td .label { margin-left:15px; margin-right:5px;}
.sub01_005_box_01 .table_type_03 td .text_box { height:34px; line-height:34px; padding-left:5px; width:200px;}
.sub01_005_box_01 .table_type_03 td .sel-box { height:34px; line-height:34px; width:70px; border:none; padding-left:5px;}
.sub01_005_box_01 .table_type_03 td .text_box_02 {height:34px; line-height:34px; padding-left:5px; width:130px;}
.sub01_005_box_01 .table_type_03 td .but_type { margin-left:40px; width:180px; height:34px; vertical-align:middle; color:#fff; font-size:14px; background-color:#368fcc; display:inline-block; text-align:center; cursor:pointer;}

.sub01_005_box_01 .table_type_03 .total_td { padding:0 10px;}



.sub01_005_box_02 { width:1180px; margin:0 30px 110px 30px; overflow:hidden;}
.sub01_005_box_02 h3 { font-size:30px; color:#333; margin-bottom:10px; line-height:35px;}
.sub01_005_box_02 h3 span { width:35px; height:35px; line-height:35px; text-align:center; display:inline-block; background-color:#368fcc; color:#fff; font-size:24px; font-weight:bold; margin-right:15px;}
.sub01_005_box_02 p { font-size:14px; color:#696969;}

.sub01_005_box_02 dl { width:100%; height:100%; margin-top:40px;}
.sub01_005_box_02 dt { font-size:16px; color:#333; height:40px; line-height:40px; margin-bottom:5px;}
.sub01_005_box_02 dt .dt_bg { background-color:#f2f2f2; padding:0 15px; display:inline-block;}
.sub01_005_box_02 dt b { margin-right:10px;}
.sub01_005_box_02 dt .color_368fcc { color:#368fcc;}
.sub01_005_box_02 dd { padding-left:15px; font-size:16px; color:#939393; margin-bottom:15px;}


/* 견적서 */
.sub01_005_box_popup { width:760px; padding:10px 20px;}
.sub01_005_box_popup h4 { text-align:center; margin:15px 0 55px 0; font-size:42px; font-weight:bold; color:#333;}

.sub01_005_box_popup .table_dv { width:100%; overflow:hidden; margin-bottom:30px;}
.sub01_005_box_popup .table_dv .type_01 { float:left;}
.sub01_005_box_popup .table_dv .type_01 th { font-size:12px; font-weight:bold; color:#333; text-align:center; padding:5px 0px; border-bottom:1px solid #ababab;}
.sub01_005_box_popup .table_dv .type_01 td { font-size:12px; color:#333; text-align:left; padding:5px; border-bottom:1px solid #ababab;}

.sub01_005_box_popup .table_dv .type_02 { float:right; width:320px; border:1px solid #ababab;}
.sub01_005_box_popup .table_dv .type_02 th { font-size:12px; font-weight:bold; color:#333; text-align:center; padding:5px; border-bottom:1px solid #ababab; border-right:1px solid #ababab;}
.sub01_005_box_popup .table_dv .type_02 td { font-size:12px; color:#333; text-align:left; padding:5px; border-bottom:1px solid #ababab;}



.sub01_005_box_popup .table_type_02 { width:100%; height:100%; text-align:center; border:1px solid #ababab; }
.sub01_005_box_popup .table_type_02 th { font-size:15px; color:#333; border-bottom:1px solid #ababab; border-left:1px solid #ababab; background-color:#f8f8f8; padding:8px 0;}
.sub01_005_box_popup .table_type_02 th:first-child { border-left:none;}
.sub01_005_box_popup .table_type_02 td { padding:5px 5px; line-height:20px; vertical-align:middle; font-size:13px; color:#333; border-bottom:1px solid #ababab; border-left:1px solid #ababab; }
.sub01_005_box_popup .table_type_02 td:first-child.border_type_01 {}
.sub01_005_box_popup .table_type_02 .bg_td_01 { background-color:#cfe6f6;}
.sub01_005_box_popup .table_type_02 .bg_td_02 { background-color:#f6cfcf;}
.sub01_005_box_popup .table_type_02 td:first-child { border-left:none;}
.sub01_005_box_popup .table_type_02 td.bg_td_03 { background-color:#f7f7f7; color:#333; text-align:right;}

.sub01_005_box_popup .table_type_02 .td_03_01 { margin-right:50px;}
.sub01_005_box_popup .table_type_02 .td_03_02 { font-size:12px;}

.sub01_005_box_popup .table_type_02 .input_number { width:50px; height:26px; text-align:center;}

.es_but { width:100%; margin:0 auto; text-align:center; margin:30px 0; }
.es_but a { display:inline-block; padding:10px 25px; background-color:#368fcc; color:#fff; font-size:16px;}

@media print {
  .es_but { display:none; }
}



/* sub01_006 */
.sub01_006_box_01 { width:1180px; margin:30px 30px 0px 30px; overflow:hidden;}




/* sub01_007 */
.sub01_007_box_01 { width:1180px; margin:0 30px; overflow:hidden;}
.square_box { width:318px; height:181px; margin-left:54px; margin-bottom:20px; text-align:center; float:left;}
.square_box h3 { background-color:#368fcc; font-size:18px; color:#fff; height:50px; line-height:50px; border-bottom:1px solid #fff;}
.square_box ul { background-color:#f2f2f2; height:102px; padding-top:28px;}
.square_box li { font-size:16px; color:#333;}




/* sub01_008 */
.estimate_box { width:490px; position:relative; overflow:hidden; border:1px solid #333; background-color:#fff; padding:35px 50px;}
.estimate_box h4 { font-size:30px; color:#333; font-weight:bold; margin-bottom:38px; text-align:left;}
.estimate_box h4 span{ color:#7595ab;}
.estimate_box .but_x { position:absolute; top:35px; right:50px; font-size:30px; color:#6a6a6a;}
.estimate_box .but_x a{ display:inline-block; width:27px; height:27px; background:url(/images/sub/btn_close_top02.png) no-repeat;}

.estimate_box ul { }
.estimate_box li { font-size:16px; color:#333;}

.estimate_box li .label { line-height:42px; font-size:16px; color:#333;}
.estimate_box .design_text { width:473px; height:34px; line-height:34px; padding-left:5px; border:1px solid #d4d4d8; border-top-color:#bebec1;}
.estimate_box .design_text_02 { width:478px; height:34px; line-height:34px; border:1px solid #d4d4d8; border-top-color:#bebec1;}
.estimate_box li .tel { width:144px; height:34px; line-height:34px; text-align:center; border:1px solid #d4d4d8; border-top-color:#bebec1;}
.estimate_box li .type2 { width:163px; margin-left:2px; border:1px solid #d4d4d8; border-top-color:#bebec1;}
.estimate_box li .textarea_01 { width:476px; border:1px solid #d4d4d8; border-top-color:#bebec1;}
.estimate_box .but_popup{ text-align:center; margin-top:30px;}
.estimate_box .but_popup button { background-color:#368fcc; font-size:16px; color:#fff; width:268px; height:51px; line-height:51px; text-align:center;}



/* 인사말 */
.ceo_dv { width:1180px; margin:0 30px; overflow:hidden;}
.ceo_dv .img_box { float:left; width:318px; height:398px; background-color:#f7f7f7; border:1px solid #868686; margin-right:85px;}
.ceo_dv .ceo_txt { float:left; width:770px; height:100%; font-size:16px; color:#333; line-height:26px;}

.map_txt { margin-top:40px; font-size:16px; color:#333;}
.map_txt li span { color:#368fcc; font-weight:bold;}


/* 하단 팝업 부분 */
.service_box { width:100%; height:500px; border:1px solid #d3d3d3; padding:5px; overflow:auto;}