﻿@charset "utf-8";
/* CSS Document */



/*
font-family: 'Roboto', sans-serif; (400,500,700,900)
font-family: 'Noto Sans SC', sans-serif; (300,400,500,700,900)
*/




.sub_fix { position: fixed; top: 0px; bottom: auto; z-index: 400;}



/* 서브 start ----------------------------------- */



/* 서브 비주얼 */

.sub_visual { position:relative; width:100%; height:390px;  margin-top:0px;}
.sub_visual .sub_bg { width:100%; height:390px; min-width:1200px; background-position:50% 0%; background-attachment:fixed; background-repeat:no-repeat; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.sub_visual .sub_bg:hover { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.sub_visual_view_pc { display:block;}
.sub_visual_view_tb { display:none;}
.sub_visual_title { position:absolute; width:200px; top:220px; left:50%; margin-left:-520px;  font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:44px; font-weight:500; color:#FFF; letter-spacing:-3px; z-index:3;}
.sub_visual_txt { position:absolute; width:600px; top:280px; left:50%; margin-left:-520px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif;  font-size:14px; font-weight:400; color:rgba(255,255,255,0.7); z-index:3;}
.sub_visual .sub01_bg_pc { background-image:url(/chn/images/sub/sub01_visual.jpg);}
.sub_visual .sub01_bg_tb { background-image:url(/chn/images/sub/sub01_visual_t.jpg);}
.sub_visual .sub02_bg_pc { background-image:url(/chn/images/sub/sub02_visual.jpg);}
.sub_visual .sub02_bg_tb { background-image:url(/chn/images/sub/sub02_visual_t.jpg);}
.sub_visual .sub03_bg_pc { background-image:url(/chn/images/sub/sub03_visual.jpg);}
.sub_visual .sub03_bg_tb { background-image:url(/chn/images/sub/sub03_visual_t.jpg);}
.sub_visual .sub04_bg_pc { background-image:url(/chn/images/sub/sub04_visual.jpg);}
.sub_visual .sub04_bg_tb { background-image:url(/chn/images/sub/sub04_visual_t.jpg);}
.sub_visual .sub05_bg_pc { background-image:url(/chn/images/sub/sub05_visual.jpg);}
.sub_visual .sub05_bg_tb { background-image:url(/chn/images/sub/sub05_visual_t.jpg);}
.sub_visual .sub06_bg_pc { background-image:url(/chn/images/sub/sub06_visual.jpg);}
.sub_visual .sub06_bg_tb { background-image:url(/chn/images/sub/sub06_visual_t.jpg);}




/* 서브탭 start */

.sub_menu_wrap { width:100%; height:52px; border-bottom:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#fff;}
.sub_menu { position:relative; width:1200px; height:50px; margin:0 auto;}
.icon_home { position:absolute; left:0; top:0; width:50px; height:50px;}
.icon_print { position:absolute; right:0; top:0; width:50px; height:50px;}
.sub_tab { width:1100px; margin-left:50px;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; width:50%; line-height:50px; font-size:15px; color:#444; font-weight:700;  cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { border-left:none; padding-left:30px; padding-right:150px; background-image:url(/chn/images/sub/tab_box_bg.png); z-index:10;}
.sub_tab>ul>li.sub_depth2 { display:none; padding-left:30px; padding-right:150px; background-image:url(/chn/images/sub/tab_box_bg.png); z-index:10; border-right:none;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/chn/images/sub/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:5; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:30px;}
.sub_tab_sub ul li { float:none; height:30px; font-size:13px; font-weight:400; line-height:29px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li a { display:block; width:100%; height:100%; padding-left:10px;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1200px;}
.sub_container { position: relative; width:1200px; margin:0 auto; padding:0 0 100px 0;}
.sub_container_bg {  background-image:url(/chn/images/sub/sub_title2_bg.png); background-repeat:no-repeat; background-position:94% 0%;}
.sub_title { width:94%; margin:0 auto 40px auto; padding:60px 0 20px 30px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:28px; font-weight:700; letter-spacing:0px; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title2 { width:94%; margin:0 auto 10px auto; padding:60px 0 20px 30px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:28px; font-weight:700; letter-spacing:0px; text-align:left;}
.box50per { display:inline-block; width:49%; padding:0 0 40px 0; vertical-align:top;}
.box100per { padding:0 50px 40px 50px;}
.sub_container:after { display:block; content:""; clear:both;}
.d_inlineblock { display:inline-block;}
.sub_board_txt { position:absolute; top:80px; right:40px; font-size:12px; line-height:18px; text-align:right;}

.sub_tbox { position:relative; width:100%; height:auto; margin-bottom:40px;}
.sub_tbox:after { display:block; content:""; clear:both;}
.sub_tbox_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:30px; font-weight:500; letter-spacing:0px; margin-bottom:30px; text-align:center;}
.sub_tbox_txt1 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:30px; font-weight:500; letter-spacing:0px; margin-bottom:20px;}
.sub_tbox_txt1 span { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:48px; font-weight:700; letter-spacing:-2px; line-height:50px;}
.sub_tbox_txt2 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:20px; font-weight:400; letter-spacing:0px; line-height:24px;}
.sub_tbox_txt3 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:16px; font-weight:400; letter-spacing:0px; line-height:22px;}
.sub_cbox { position:relative; width:100%; height:auto;}
.sub_cbox:after { display:block; content:""; clear:both;}
.sub_cbox_txt { position:relative; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:22px; font-weight:400; letter-spacing:0px; margin-bottom:20px; padding:0 10px; text-align:center;}
.sub_cbox_txt1 { position:relative; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:20px; font-weight:400; letter-spacing:0px; margin-bottom:20px; padding:0 10px;}
.sub_cbox_txt2 { font-size:18px; font-weight:400; letter-spacing:0px; line-height:28px; padding:0 10px;}

.stab { display:none; width:100%; text-align:left; margin-bottom:30px; padding-bottom:20px; margin-top:-10px; border-bottom:1px solid #e1ded8;}
.stab ul { padding-left:10px;}
.stab ul li { display:inline-block; margin:0 2px 5px 0;}
.stab ul li a { display:block; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:15px; border:1px solid #e1ded8; background-color:#FFF; border-radius:5px; padding:10px 30px; line-height:20px;}
.stab ul li a:hover, .stab_active { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; background-color:#4563a6 !important; border:1px solid #4563a6; color:#FFF; font-size:15px; font-weight:400; line-height:20px;}
.tab_pc_tb { display:block;}
.tab_mobile { display:none;}

.sub_ctitle01 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:20px; font-weight:500; color:#444; margin-bottom:30px; line-height:26px; letter-spacing:0;}
.sub_ctitle01 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:33px; background-image:url(/chn/images/sub/bullet_depth01.png); background-repeat:no-repeat; background-position:10px 50%;}
.sub_ctitle02 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:18px; font-weight:500; color:#444; margin-bottom:10px; line-height:24px; letter-spacing:0;}
.sub_ctitle02 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:20px; background-image:url(/chn/images/sub/bullet_depth02.png); background-repeat:no-repeat; background-position:2px 50%;}
.sub_ctitle03 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:16px; font-weight:500; color:#444; margin-bottom:10px; line-height:22px; letter-spacing:0;}
.sub_ctitle03 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:20px; background-image:url(/chn/images/sub/bullet_depth03.png); background-repeat:no-repeat; background-position:2px 50%;}
.sub_ctitle04 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:14px; font-weight:400; color:#444; margin-bottom:10px; line-height:20px; letter-spacing:0; text-align:center; padding:5px 0;}
.sub_ctitle04 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/}



/* 서브01 */

.sub01_01_h { height:350px;}
.sub01_01_tbox_img { position:absolute; top:0; right:15px; z-index:5;}
.sub01_01_tbox_icon01 { position:absolute; top:0; right:500px; z-index:4;}
.sub01_01_tbox_icon02 { position:absolute; top:180px; right:400px; z-index:3;}
.sub01_01_tbox_icon03 { position:absolute; top:340px; right:0; z-index:2;}
.sub01_01_tbox_txt { position:absolute; top:30px; left:0; z-index:1; border:1px solid #f5f5f5; background-color:#f7f8fc; padding:60px 600px 60px 60px;}
.sub01_01_cbox_txt3 { font-size:18px; font-weight:400; letter-spacing:0px; text-align:right; padding:0 10px;}
.sub01_01_cbox_txt3 span { font-size:24px; font-weight:400; letter-spacing:-2px;}

.sub01_03_box01 { position:relative; background-image:url(/chn/images/sub/sub01_03_img01.jpg); background-position:center; background-size:cover; text-align:center; padding:100px; color:#FFF; margin-bottom:90px;}
.sub01_03_box01_title { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:500; font-size:40px; letter-spacing:-3px; line-height:46px; margin-bottom:10px;}
.sub01_03_box01_title_c1 { color:#d8e8f0;}
.sub01_03_box01_title_c2 { color:#f3e9e9;}
.sub01_03_box1_icon01 { position:absolute; top:-30px; left:50px;}
.sub01_03_box1_icon02 { position:absolute; top:150px; left:-20px;}
.sub01_03_box1_icon03 { position:absolute; bottom:-35px; right:20px;}
.sub01_03_box01_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:200; font-size:18px;}

.sub01_02_02_top { width:100%; height:170px; background-repeat:no-repeat; background-position:50% 100%;}
.sub01_02_02_bottom { width:100%; height:170px; background-repeat:no-repeat; background-position:50% 0%;}
.sub01_02_02_contents { width:100%; height:auto; background-image:url(/chn/images/sub/sub01_02_02_bg_line01.jpg); background-repeat:repeat-y; background-position:50% 0%;}
.sub01_02_02_01_tbg { background-image:url(/chn/images/sub/sub01_02_02_01_bg01.jpg);}
.sub01_02_02_01_bbg { background-image:url(/chn/images/sub/sub01_02_02_01_bg02.jpg);}
.sub01_02_02_contents_box_right { padding:10px 10px 40px 54%; background-image:url(/chn/images/sub/sub01_02_02_icon_right.png); background-repeat:no-repeat; background-position:50% 20px; text-align:left;}
.sub01_02_02_contents_box_left { padding:10px 54% 40px 10px; background-image:url(/chn/images/sub/sub01_02_02_icon_left.png); background-repeat:no-repeat; background-position:50% 20px; text-align:right;}
.sub01_02_02_contents_box_right p,
.sub01_02_02_contents_box_left p { display:inline-block; font-size:18px; margin-bottom:10px;}
.history_year { font-family: 'Roboto', sans-serif; font-weight:700; font-size:36px !important; margin-bottom:25px !important;}
.hitory_month { display:inline-block; margin-right:20px; color:#8a7256; font-weight:500;}

.sub01_03_box02 { position:relative; text-align:center; background-color:#f9f9f9; padding:70px 0; margin-bottom:50px; border: 1px solid #d9dee2; background-image:url(/chn/images/sub/sub01_03_img05.png); background-repeat:no-repeat; background-position:100% 0%;}
.sub01_03_box02>div { width:90%; margin:0 auto;}
.sub01_03_box02>div>p { display:inline-block; vertical-align:top; margin-bottom:30px;}
.sub01_03_box02>div>p:nth-child(1) { width:30%;}
.sub01_03_box02>div>p:nth-child(2) { width:68%; text-align:left; padding:20px;}
.sub01_03_box02_title { display:inline-block; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:30px; font-weight:400; letter-spacing:0px; margin:20px 0 20px 0;}
.sub01_03_box02_title2 { display:inline-block; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:24px; font-weight:400; letter-spacing:0px; margin:20px 0 20px 0;}
.sub01_03_box02_txt { display:inline-block; font-size:16px; font-weight:400; line-height:24px; margin:0;}

.sub01_09_lbox { float:left; position:relative; background-color:#f7f8fc; border:1px solid #f5f5f5; border-right:none; height:500px; width:40%; padding:60px 50px;}
.sub01_09_lbox_txt { padding:5px 0; margin-bottom:15px; line-height:18px;}
.sub01_09_rbox { float:left; background-color:#fff; border:1px solid #f5f5f5; height:500px; width:60%;}
.map_wrap {width:100%; height:500px; text-align:left; margin:0 auto; z-index:5;}
.sub01_09_icon01 { position:absolute; bottom:80px; right:60px; z-index:4;}
.sub01_09_icon02 { position:absolute; bottom:-50px; left:30px; z-index:3;}
.sub01_09_icon03 { position:absolute; bottom:-35px; right:-104px; z-index:2;}

.sub01_06_img { display:inline-block; width:250px; margin:0 3px 30px 3px;}
.sub01_06_img>p { width:100%; height:30px; padding-top:10px; text-align:center;}



/* 서브02 */

.sub02_photo_box { position:relative; background-position:center; background-size:cover; text-align:center; padding:100px 0; margin:0 30px 50px 30px;}
.sub02_photo_box_title { color:#FFF; font-size:34px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:500; letter-spacing:-2px; line-height:40px; margin-bottom:15px; padding:0 100px;}
.sub02_photo_box_txt { color:#FFF; font-size:17px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:200; letter-spacing:0px; line-height:23px; padding:0 200px;}
.sub02_gray_box { position:relative; text-align:center; background-color:#f9f9f9; padding:40px 0; margin:0 30px 50px 30px; border: 1px solid #d9dee2; }
.sub02_gray_box2 { position:relative; text-align:center; background-color:#f9f9f9; padding:0; margin:0 30px 50px 30px; border: 1px solid #d9dee2; }
.sub02_gray_box_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:16px; letter-spacing:0px; padding:0 50px; text-align:left;}
.sub02_gray_box:after { display:block; content:""; clear:both;}
.sub02_noborder_box { position:relative; width:100%; padding:0 30px; text-align:left; margin-bottom:50px;}
.sub02_noborder_box:after { display:block; content:""; clear:both;}
.sub02_noborder_box_top { position:relative; width:100%; padding:0 30px; text-align:left;}
.sub02_noborder_box_top:after { display:block; content:""; clear:both;}
.sub02_noborder_box_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:17px; letter-spacing:0px;}
.sub02_noborder_box_txt2 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:17px; letter-spacing:0px; text-align:center; margin-top:-10px; padding:0 50px;}
.sub02_noborder_box_txt3 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:14px; margin-bottom:20px;}
.sub02_noborder_box_in_left { float:left; width:50%; padding-right:20px;}
.sub02_noborder_box_in_right { float:left; width:50%; padding-left:20px;}

.sub02_01_left { display:inline-block; width:48%; margin-right:1%; vertical-align:top;}
.sub02_01_right { display:inline-block; width:50%; text-align:center; vertical-align:top; margin-bottom:20px;}
.sub02_01_in { width:100%; text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.sub02_01_in:last-child { border-bottom:none;}
.sub02_01_in_imgtxt { display:inline-block; vertical-align:top; width:250px;  font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; text-align:left; font-size:18px; font-weight:500; color:#444; margin-bottom:10px; line-height:24px; letter-spacing:0;}
.sub02_01_in_imgtxt>p { font-size:16px; padding-left:15px; font-weight:300; color:#666; margin-top:10px;}
.sub02_01_in_img { display:inline-block; vertical-align:top; width:750px; text-align:left;}



/* 서브03 */

.sub03_01_in { float:left; margin:0 1% 2% 1%; width:48%; text-align:center;}
.sub03_01_in_top { float:left; margin:0 1% 2% 1%; width:98%; text-align:center;}
.sub03_02_in { float:left; margin:0 1% 2% 1%; width:31%; text-align:center;}
.sub03_02_in_title { width:100%; margin-top:10px;}



/* 서브04 */



/* 서브05 */



/* 서브06 */







/* 서브 end ----------------------------------- */


/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px){



/* 서브 비주얼 */

.sub_visual { width:100%; height:200px;  margin-top:0;}
.sub_visual .sub_bg { width:100%; height:200px; min-width:768px; background-position:50% 60px; background-attachment:fixed; background-repeat:no-repeat; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;}
.sub_visual .sub_bg:hover { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.sub_visual_view_pc { display:none;}
.sub_visual_view_tb { display:block;}
.sub_visual_title { position:absolute; width:100%; top:60px; left:auto; margin-left:0; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:34px; font-weight:500; color:#FFF; letter-spacing:-3px; z-index:3; padding-left:40px;}
.sub_visual_txt { position:absolute; width:100%; top:115px; left:auto; margin-left:0; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif;  font-size:12px; font-weight:400; color:rgba(255,255,255,0.7); z-index:3; padding-left:44px;}



/* 서브탭 start */

.sub_menu_wrap { width:100%; height:52px; border-bottom:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#fff;}
.sub_menu { position:relative; width:100%; min-width:768px; height:50px; margin:0 auto;}
.icon_home { display:none;}
.icon_print { display:none;}
.sub_tab { width:100%; margin-left:0;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:14px; color:#444; font-weight:700;  cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:30px; padding-right:100px; background-image:url(/chn/images/sub/tab_box_bg.png); z-index:10;}
.sub_tab>ul>li.sub_depth2 { width:50%; border-right:none; display:none; padding-left:30px; padding-right:100px; background-image:url(/chn/images/sub/tab_box_bg.png); z-index:10;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/chn/images/sub/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:10; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:15px 30px;}
.sub_tab_sub ul li { float:none; height:auto; margin:8px 0; padding:5px 0; font-size:13px; font-weight:400; line-height:19px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0 0 100px 0;}
.sub_container_bg { background-image:none;}
.sub_title { width:94%; margin:0 auto 40px auto; padding:50px 0 20px 10px; font-weight:700; letter-spacing:0px; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title2 { width:94%; margin:0 auto 10px auto; padding:50px 0 20px 10px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:28px; font-weight:700; letter-spacing:0px; text-align:left;}
.box50per { display:inline-block; width:49%; padding:0 0 40px 0; vertical-align:top;}
.box100per { padding:0 20px 40px 20px;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_board_txt { position:absolute; top:80px; right:40px; font-size:12px; line-height:18px; text-align:right;}

.sub_tbox { position:relative; width:100%; height:auto; margin-bottom:40px;}
.sub_tbox:after { display:block; content:""; clear:both;}
.sub_tbox_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:30px; font-weight:500; letter-spacing:0px; margin-bottom:20px; text-align:center;}
.sub_tbox_txt1 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:30px; font-weight:500; letter-spacing:0px; margin-bottom:20px;}
.sub_tbox_txt1 span { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:48px; font-weight:700; letter-spacing:-2px; line-height:50px;}
.sub_tbox_txt2 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:20px; font-weight:400; letter-spacing:0px; line-height:24px;}
.sub_cbox { position:relative; width:100%; height:auto;}
.sub_cbox:after { display:block; content:""; clear:both;}
.sub_cbox_txt1 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:20px; font-weight:400; letter-spacing:0px; margin-bottom:20px; padding:0 10px;}
.sub_cbox_txt2 { font-size:18px; font-weight:400; letter-spacing:0px; line-height:28px; padding:0 10px;}

.stab { display:none; width:100%; text-align:left; padding-bottom:20px; margin-bottom:30px; margin-top:-10px;}
.stab ul {}
.stab ul li { display:inline-block;}
.stab ul li a { display:block; font-size:15px; border:1px solid #e1ded8; background-color:#FFF; border-radius:5px; padding:8px 20px;}
.stab ul li a:hover, .stab_active { background-color:#4563a6 !important; border:1px solid #4563a6; color:#FFF; font-size:15px; font-weight:500;}
.tab_pc_tb { display:block;}
.tab_mobile { display:none;}

.sub_ctitle01 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:20px; font-weight:500; color:#444; margin-bottom:20px; line-height:26px; letter-spacing:0px;}
.sub_ctitle01 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:33px; background-image:url(/chn/images/sub/bullet_depth01.png); background-repeat:no-repeat; background-position:10px 50%;}

.sub_ctitle02 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:18px; font-weight:500; color:#666; margin-bottom:15px; line-height:24px; letter-spacing:0px;}
.sub_ctitle02 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:33px; background-image:url(/chn/images/sub/bullet_depth02.png); background-repeat:no-repeat; background-position:12px 50%;}

.sub_ctitle03 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:16px; font-weight:500; color:#666; margin-bottom:15px; line-height:22px; letter-spacing:0px;}
.sub_ctitle03 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:33px; background-image:url(/chn/images/sub/bullet_depth03.png); background-repeat:no-repeat; background-position:14px 50%;}



/* 서브01 */

.sub01_01_h { height:350px;}
.sub01_01_tbox_img { position:absolute; width:50%; top:0; right:0; z-index:5;}
.sub01_01_tbox_img img { width:100%; height:auto;}
.sub01_01_tbox_icon01 { position:absolute; top:0; right:50%; z-index:4;}
.sub01_01_tbox_icon02 { position:absolute; top:auto; bottom:0; right:30%; z-index:3;}
.sub01_01_tbox_icon03 { position:absolute; top:auto; bottom:-20px; right:0; z-index:2;}
.sub01_01_tbox_txt { position:relative; top:auto; left:auto; z-index:auto; background-color:#f7f8fc; padding:50px 55% 50px 50px;}
.sub01_01_cbox_txt3 { font-size:18px; font-weight:400; letter-spacing:0px; text-align:right; padding:0 10px;}
.sub01_01_cbox_txt3 span { font-size:24px; font-weight:400; letter-spacing:-2px;}

.sub01_03_box01 { position:relative; background-image:url(/chn/images/sub/sub01_03_img01.jpg); background-position:center; background-size:cover; text-align:center; padding:100px; color:#FFF; margin-bottom:90px;}
.sub01_03_box01_title { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:500; font-size:36px; letter-spacing:-3px; line-height:42px; margin-bottom:10px;}
.sub01_03_box01_title_c1 { color:#d8e8f0;}
.sub01_03_box01_title_c2 { color:#f3e9e9;}
.sub01_03_box1_icon01 { position:absolute; top:-30px; left:50px;}
.sub01_03_box1_icon02 { position:absolute; top:auto; bottom:-80px; left:-20px;}
.sub01_03_box1_icon03 { position:absolute; bottom:-35px; right:20px;}
.sub01_03_box01_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:200; font-size:18px;}

.sub01_02_02_top { width:100%; height:170px; background-repeat:no-repeat; background-position:50% 100%;}
.sub01_02_02_bottom { width:100%; height:170px; background-repeat:no-repeat; background-position:50% 0%;}
.sub01_02_02_contents { width:100%; height:auto; background-image:url(/chn/images/sub/sub01_02_02_bg_line01.jpg); background-repeat:repeat-y; background-position:50% 0%;}
.sub01_02_02_01_tbg { background-image:url(/chn/images/sub/sub01_02_02_01_bg01.jpg);}
.sub01_02_02_01_bbg { background-image:url(/chn/images/sub/sub01_02_02_01_bg02.jpg);}
.sub01_02_02_contents_box_right { padding:10px 10px 40px 54%; background-image:url(/chn/images/sub/sub01_02_02_icon_right.png); background-repeat:no-repeat; background-position:50% 20px;}
.sub01_02_02_contents_box_left { padding:10px 54% 40px 10px; background-image:url(/chn/images/sub/sub01_02_02_icon_left.png); background-repeat:no-repeat; background-position:50% 20px; text-align:right;}
.sub01_02_02_contents_box_right p,
.sub01_02_02_contents_box_left p { display:inline-block; font-size:18px; margin-bottom:10px;}
.history_year { font-family: 'Roboto', sans-serif; font-weight:700; font-size:36px !important; margin-bottom:25px !important;}
.hitory_month { display:inline-block; margin-right:20px; color:#8a7256; font-weight:500;}

.sub01_03_box02 { position:relative; text-align:center; background-color:#f9f9f9; padding:70px 0; margin-bottom:50px; border: 1px solid #d9dee2;}
.sub01_03_box02>div { width:90%; margin:0 auto;}
.sub01_03_box02>div>p { display:inline-block; vertical-align:top; margin-bottom:30px;}
.sub01_03_box02>div>p:nth-child(1) { width:26%;}
.sub01_03_box02>div>p:nth-child(1)>img { width:100%; height:auto;}
.sub01_03_box02>div>p:nth-child(2) { width:72%; text-align:left; padding:20px 0 20px 20px;}
.sub01_03_box02_title { display:inline-block; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:24px; font-weight:400; letter-spacing:0px; margin:0 0 20px 0;}
.sub01_03_box02_title2 { display:inline-block; font-family: 'Nanum Myeongjo', serif; font-size:20px; font-weight:400; letter-spacing:0px; margin:0 0 20px 0;}
.sub01_03_box02_txt { display:inline-block; font-size:14px; font-weight:400; line-height:20px; margin:0;}

.sub01_09_lbox { float:left; background-color:#f7f8fc; border:1px solid #f5f5f5; border-right:none; height:500px; width:40%; padding:40px;}
.sub01_09_lbox_txt { padding:5px 0; margin-bottom:15px;}
.sub01_09_rbox { float:left; background-color:#fff; border:1px solid #f5f5f5; height:500px; width:60%;}
.map_wrap {width:100%; height:500px; text-align:left; margin:0 auto;}
.sub01_09_icon01 { display:none;}
.sub01_09_icon02 { display:none;}
.sub01_09_icon03 { display:none;}



/* 서브02 */

.sub02_photo_box { position:relative; background-position:center; background-size:cover; text-align:center; padding:80px 0; margin-bottom:50px;}
.sub02_photo_box_title { color:#FFF; font-size:30px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:500; letter-spacing:-2px; line-height:36px; margin-bottom:15px; padding:0 50px;}
.sub02_photo_box_txt { color:#FFF; font-size:16px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:200; letter-spacing:0px; line-height:22px; padding:0 50px;}
.sub02_gray_box { position:relative; text-align:center; background-color:#f9f9f9; padding:40px 0; margin-bottom:50px; border: 1px solid #d9dee2; }
.sub02_gray_box_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:16px; letter-spacing:0px; padding:0 30px; text-align:left;}
.sub02_noborder_box { position:relative; width:100%; padding:0 30px; text-align:left; margin-bottom:50px;}
.sub02_noborder_box:after { display:block; content:""; clear:both;}
.sub02_noborder_box_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:17px; letter-spacing:0px;}
.sub02_noborder_box_txt2 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:17px; letter-spacing:0px; text-align:center; margin-top:-10px; padding:0;}
.sub02_noborder_box_in_left { float:left; width:50%; padding-right:20px;}
.sub02_noborder_box_in_right { float:left; width:50%; padding-left:20px;}

.sub02_01_left { display:inline-block; width:48%; margin-right:1%; vertical-align:top;}
.sub02_01_right { display:inline-block; width:50%; text-align:center; vertical-align:top; margin-bottom:20px;}
.sub02_01_in { width:100%; text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.sub02_01_in:last-child { border-bottom:none;}
.sub02_01_in_imgtxt { display:inline-block; vertical-align:top; width:28%;  font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; text-align:left; font-size:18px; font-weight:500; color:#444; margin-bottom:10px; line-height:24px; letter-spacing:0;}
.sub02_01_in_imgtxt>p { font-size:14px; padding-left:15px; font-weight:300; color:#666; margin-top:10px;}
.sub02_01_in_img { display:inline-block; vertical-align:top; width:70%; text-align:left;}
.sub02_01_in_img>img { width:100%; height:auto;}



/* 서브03 */

.sub03_01_in { float:left; margin:0 1% 2% 1%; width:48%; text-align:center;}
.sub03_02_in { float:left; margin:0 1% 2% 1%; width:31%; text-align:center;}
.sub03_02_in_title { width:100%; margin-top:10px;}



/* 서브04 */



/* 서브05 */



/* 서브06 */







/* 서브 end ----------------------------------- */
}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){



/* 서브 비주얼 */

.sub_visual { display:none;}



/* 서브탭 start */

.sub_menu_wrap { width:100%; height:51px; border-bottom:1px solid #e1ded8; border-top:none; background-color:#fff;}
.sub_menu { position:relative; width:100%; min-width:320px; height:50px; margin:0 auto;}
.icon_home { display:none;}
.icon_print { display:none;}
.sub_tab { width:100%; margin-left:0;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative;	border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:12px; color:#444; font-weight:700;  cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:20px; padding-right:0; background-image:url(/chn/images/sub/tab_box_bg.png); z-index:10;}
.sub_tab>ul>li.sub_depth2 { width:50%; border-right:none; display:none; padding-left:20px; padding-right:0; background-image:url(/chn/images/sub/tab_box_bg.png); z-index:10;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/chn/images/sub/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:10; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:10px 20px;}
.sub_tab_sub ul li { float:none; height:auto; margin:8px 0; padding:5px 0; font-size:12px; font-weight:400; line-height:18px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:320px;}
.sub_container { position: relative; width:94%; margin:0 auto; padding:0 0 100px 0;}
.sub_container_bg { background-image:none;}
.sub_title { width:100%; margin:0 auto 30px auto; padding:40px 0 20px 10px; font-weight:700; letter-spacing:0px; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title2 { width:100%; margin:0 auto 10px auto; padding:40px 0 20px 10px; font-weight:700; letter-spacing:0px; text-align:left;}
.box50per { display:block; width:100%; padding:0 0 40px 0; vertical-align:top;}
.box100per { padding:0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_board_txt { position:relative; top:auto; right:auto; font-size:12px; line-height:18px; text-align:left; padding-left:20px; margin-top:-20px; margin-bottom:30px;}

.sub_tbox { position:relative; width:100%; height:auto; margin-bottom:40px;}
.sub_tbox:after { display:block; content:""; clear:both;}
.sub_tbox_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:24px; font-weight:500; letter-spacing:0px; margin-bottom:20px; line-height:30px; text-align:left; padding:0 10px;}
.sub_tbox_txt1 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:24px; font-weight:500; letter-spacing:0px; margin-bottom:20px; line-height:30px;}
.sub_tbox_txt1 span { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:40px; font-weight:700; letter-spacing:-2px; line-height:50px;}
.sub_tbox_txt2 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:18px; font-weight:400; letter-spacing:0px; line-height:24px;}
.sub_cbox { position:relative; width:100%; height:auto;}
.sub_cbox:after { display:block; content:""; clear:both;}
.sub_cbox_txt1 { position:relative; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:18px; font-weight:400; letter-spacing:0px; margin-bottom:20px; padding:0 10px;}
.sub_cbox_txt2 { font-size:14px; font-weight:400; letter-spacing:0; line-height:24px; padding:0 10px;}

.stab { display:none; width:100%; text-align:left; margin-bottom:20px;}
.stab ul {}
.stab ul li { display:inline-block;}
.stab ul li a { display:block; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:14px; border:1px solid #e1ded8; background-color:#FFF; border-radius:5px; padding:8px 10px;}
.stab ul li a:hover, .stab_active { background-color:#4563a6 !important; border:1px solid #4563a6; color:#FFF; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:14px; font-weight:700;}
.tab_pc_tb { display:none ;}
.tab_mobile { display:block ;}

.sub_ctitle01 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:18px; font-weight:500; color:#444; margin-bottom:20px; line-height:26px; letter-spacing:0;}
.sub_ctitle01 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:20px; background-image:url(/chn/images/sub/bullet_depth01.png); background-repeat:no-repeat; background-position:0 4px;}

.sub_ctitle02 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:17px; font-weight:500; color:#666; margin-bottom:15px; line-height:24px; letter-spacing:0;}
.sub_ctitle02 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:18px; background-image:url(/chn/images/sub/bullet_depth02.png); background-repeat:no-repeat; background-position:4px 5px;}

.sub_ctitle03 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; width:100%; text-align:left; font-size:15px; font-weight:500; color:#666; margin-bottom:15px; line-height:22px; letter-spacing:0;}
.sub_ctitle03 p { display:inline-block; /*border-bottom:1px solid #0889e7;*/ padding-left:16px; background-image:url(/chn/images/sub/bullet_depth03.png); background-repeat:no-repeat; background-position:5px 5px;}




/* 서브01 */

.sub01_01_h { height:auto;}
.sub01_01_tbox_img { position:relative; width:100%; top:auto; right:auto; z-index:auto;}
.sub01_01_tbox_img img { width:100%; height:auto;}
.sub01_01_tbox_icon01 { position:absolute; top:-20px; right:-5px; width:60px; height:60px; z-index:4;}
.sub01_01_tbox_icon01 img { width:100%; height:auto;}
.sub01_01_tbox_icon02 { position:absolute; top:44%; bottom:auto; right:-5px; width:120px; height:120px; z-index:3;}
.sub01_01_tbox_icon02 img { width:100%; height:auto;}
.sub01_01_tbox_icon03 { position:absolute; top:auto; bottom:-6px; right:auto; left:-5px; width:150px; height:40px; z-index:2;}
.sub01_01_tbox_icon03 img { width:100%; height:auto;}
.sub01_01_tbox_txt { position:relative; top:auto; left:auto; z-index:auto; background-color:#f7f8fc; padding:30px 20px;}
.sub01_01_cbox_txt3 { font-size:14px; font-weight:400; letter-spacing:0; text-align:right; padding:0 10px;}
.sub01_01_cbox_txt3 span { font-size:18px; font-weight:400; letter-spacing:0px;}

.sub01_03_box01 { position:relative; background-image:url(/chn/images/sub/sub01_03_img01.jpg); background-position:center; background-size:cover; text-align:center; padding:80px 20px; color:#FFF; margin-bottom:30px;}
.sub01_03_box01_title { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:500; font-size:30px; letter-spacing:-2px; line-height:36px; margin-bottom:10px;}
.sub01_03_box01_title_c1 { color:#d8e8f0;}
.sub01_03_box01_title_c2 { color:#f3e9e9;}
.sub01_03_box1_icon01 { display:none;}
.sub01_03_box1_icon02 { display:none;}
.sub01_03_box1_icon03 { display:none;}
.sub01_03_box01_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:200; font-size:15px;}

.sub01_02_02_top { width:100%; height:130px; background-repeat:no-repeat; background-position:0% 100%;}
.sub01_02_02_bottom { width:100%; height:130px; background-repeat:no-repeat; background-position:0% 0%;}
.sub01_02_02_contents { width:100%; height:auto; background-image:url(/chn/images/sub/sub01_02_02_bg_line02.jpg); background-repeat:repeat-y; background-position:0% 0%;}
.sub01_02_02_01_tbg { background-image:url(/chn/images/sub/sub01_02_02_01_bg03.jpg);}
.sub01_02_02_01_bbg { background-image:url(/chn/images/sub/sub01_02_02_01_bg04.jpg);}
.sub01_02_02_contents_box_right { padding:10px 10px 30px 45px; background-image:url(/chn/images/sub/sub01_02_02_icon_right.png); background-repeat:no-repeat; background-position:-15px 10px;}
.sub01_02_02_contents_box_left {  padding:10px 10px 30px 45px; background-image:url(/chn/images/sub/sub01_02_02_icon_right.png); background-repeat:no-repeat; background-position:-15px 10px; text-align:left;}
.sub01_02_02_contents_box_right p,
.sub01_02_02_contents_box_left p { display:inline-block; font-size:15px; margin-bottom:8px; line-height:21px;}
.history_year { font-family: 'Roboto', sans-serif; font-weight:700; font-size:30px !important; margin-bottom:15px !important;}
.hitory_month { display:inline-block; margin-right:10px; color:#8a7256; font-weight:500;}

.sub01_03_box02 { position:relative; text-align:center; background-color:#f9f9f9; padding:40px 0; margin-bottom:50px; border: 1px solid #d9dee2; background-image: none;}
.sub01_03_box02>div { width:90%; margin:0 auto;}
.sub01_03_box02>div>p { display:block; vertical-align:top; margin-bottom:20px;}
.sub01_03_box02>div>p:nth-child(1) { width:100%;}
.sub01_03_box02>div>p:nth-child(1)>img { width:50%; height:auto;}
.sub01_03_box02>div>p:nth-child(2) { width:100%; text-align:center; padding:0 0 20px 0;}
.sub01_03_box02_title { display:inline-block; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:20px; font-weight:400; letter-spacing:0px; margin:0 0 10px 0;}
.sub01_03_box02_title2 { display:inline-block; font-family: 'Nanum Myeongjo', serif; font-size:20px; font-weight:400; letter-spacing:0px; margin:0 0 10px 0;}
.sub01_03_box02_txt { display:inline-block; font-size:13px; font-weight:400; line-height:19px; margin:0;}

.sub01_09_lbox { float:none; background-color:#f7f8fc; border:1px solid #f5f5f5; border-right:none; height:auto; width:100%; padding:30px 20px;}
.sub01_09_lbox_txt { padding:5px 0; margin-bottom:10px;}
.sub01_09_rbox { float:none; background-color:#fff; border:1px solid #f5f5f5; height:500px; width:100%;}
.map_wrap {width:100%; height:500px; text-align:left; margin:0 auto;}
.sub01_09_icon01 { display:none;}
.sub01_09_icon02 { display:none;}
.sub01_09_icon03 { display:none;}




/* 서브02 */

.sub02_photo_box { position:relative; background-position:center; background-size:cover; text-align:center; padding:50px 0; margin: 0 0 30px 0;}
.sub02_photo_box_title { color:#FFF; font-size:20px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:500; letter-spacing:-2px; line-height:26px; margin-bottom:15px; padding:0 20px;}
.sub02_photo_box_txt { color:#FFF; font-size:14px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:200; letter-spacing:0px; line-height:20px; padding:0 20px;}
.sub02_gray_box { position:relative; text-align:center; background-color:#f9f9f9; padding:30px 0; margin: 0 0 30px 0; border: 1px solid #d9dee2; }
.sub02_gray_box_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:14px; letter-spacing:0px; padding:0 20px; text-align:left;}
.sub02_noborder_box { position:relative; width:100%; padding:0 0; text-align:left; margin-bottom:30px;}
.sub02_noborder_box:after { display:block; content:""; clear:both;}
.sub02_noborder_box_txt { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:14px; letter-spacing:0px; padding:0;}
.sub02_noborder_box_txt2 { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:300; font-size:14px; letter-spacing:0px; text-align:left; margin-top:-10px; padding:0 10px;}
.sub02_noborder_box_in_left { float:none; width:100%; padding-right:0; margin-bottom:30px;}
.sub02_noborder_box_in_right { float:none; width:100%; padding-left:0;}

.sub02_01_left { display:inline-block; width:48%; margin-right:1%; vertical-align:top;}
.sub02_01_right { display:inline-block; width:50%; text-align:center; vertical-align:top; margin-bottom:20px;}
.sub02_01_in { width:100%; text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.sub02_01_in:last-child { border-bottom:none;}
.sub02_01_in_imgtxt { display:inline-block; vertical-align:top; width:100%;  font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; text-align:left; font-size:18px; font-weight:500; color:#444; margin-bottom:10px; line-height:24px; letter-spacing:0;}
.sub02_01_in_imgtxt>p { font-size:14px; padding-left:15px; font-weight:300; color:#666; margin-top:10px;}
.sub02_01_in_img { display:inline-block; vertical-align:top; width:100%; text-align:left;}
.sub02_01_in_img>img { width:100%; height:auto;}



/* 서브03 */

.sub03_01_in { float:left; margin:0 1% 2% 1%; width:48%; text-align:center;}
.sub03_02_in { float:left; margin:0 1% 2% 1%; width:98%; text-align:center;}
.sub03_02_in_title { width:100%; margin-top:10px;}



/* 서브04 */



/* 서브05 */



/* 서브06 */







/* 서브 end ----------------------------------- */
}