/* 공통 메뉴 */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
html {width:100%; height:100%; }
body {width:100%; height:100%;}
* html, body { overflow: scroll; overflow-x: auto; margin:0; padding:0; border:0; font-family: 'Nanum Gothic', 'Malgun Gothic', 'dotum', serif; }

img {margin: 0; border: 0; max-width:100%; height:auto;}
ul {list-style:none; padding:0px; margin:0px;}
ul li {list-style:none; padding:0px; margin:0px;}
caption {position:absolute; visibility:hidden; font-size:0;}
p {padding:0px; margin:0px; border:0px;}

a {text-decoration:none; color:#444444;}
a:link {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

.mr10 {margin-right:10px;}
.mr12 {margin-right:12px;}
.mr16 {margin-right:16px;}
.mr17 {margin-right:17px;}
.mr21 {margin-right:21px;}

.mt10 {margin-top:10px;}
.mt5p {margin-top:5%;}
.mb2p {margin-bottom:2%;}

.ml17 {margin-left:17px;}
.ml16 {margin-left:16px;}
.bt1 {border-top:1px solid #e9e9e9;}

.cb {clear:both;}

.c6 {color:#666666;}
.c9 {color:#999999;}
.cc {color:#cccccc;}
.c8a {color:#8ab51a;}
.c5f {color:#5f7d23;}

.f35 {font-size:35px;}
.fb {font-weight:bold;}
.w317 {width:317px; display:none;}


/*  메인  */
#wrap {position:relative; width:100%; height:100%; min-height:730px; background:#ffffff;}
#main {margin-left:200px; margin-right:313px; height:100%; }
#main_wrap {position:relative; width:100%; height:100%;}
.main_top {position:relative; float:left; width:100%; height:85%; }
.main_top_wrap {width:100%; height:100%;}
.sub_main_contents {float:left; width:100%; margin-top:35px;}
.sub_main_blank {float:left; width:100%; height:40px;}


/*  왼쪽 메뉴  */
#left_menu {position:fixed; left:0px; top:0px; width:199px; height:100%; min-height:750px; background:#003eb5; border-right:1px solid #001d5f; z-index:9999;}
.logo {float:left; width:100%; background:#fff; text-align:center; padding-top:20px; padding-bottom:20px;}
.member {float:left;}
.member ul {float:left;}
.member ul li {float:left; font-size:13px; color:#ffffff; font-weight:bold; line-height:34px; text-align:center;}
.member_left {float:left;}
.member_left a {color:#ffffff; width:99px; height:34px; border-right:1px solid #0851a0; border-top:1px solid #004ddb; border-bottom:1px solid #002269; background:#003eb5; display:block;}
.member_left a:hover {width:99px; height:34px; border-right:1px solid #0851a0; border-top:1px solid #004ddb; border-bottom:1px solid #002269; background:#001d5f; display:block;}
.member_right {float:left;}
.member_right a {color:#ffffff; width:98px; height:34px; border-left:1px solid #001d5f; border-top:1px solid #004ddb; border-bottom:1px solid #002269; background:#003eb5; display:block;}
.member_right a:hover {width:98px; height:34px; border-left:1px solid #001d5f; border-top:1px solid #004ddb; border-bottom:1px solid #002269; background:#001d5f; display:block;}

#nav {float:left; width:200px;}
#nav .main-wrap {}
#nav .main-wrap:after { content: ""; display: block; clear: both;}
#nav .main-wrap > li { float: left; }
#nav > .main-wrap { }
#nav > .main-wrap > li { position: relative; width: 200px; }
/*메인 버튼과 서브 버튼의 모든 a태그에 같은 스타일을 적용한다.*/
.main-wrap > li > a {color:#ffffff; width:199px; height:59px; border-top:1px solid #004ddb; border-bottom:1px solid #002269; border-right:1px solid #001d61; background:#003eb5; display:block; font-size:16px; color:#ffffff; font-weight:bold; line-height:59px; text-align:left; text-indent:35px;}
/* 모든 a 태그에 적용한다. */
.main-wrap > li:hover > a {color:#ffffff; width:199px; height:59px; border-top:1px solid #004ddb; border-bottom:1px solid #002269; border-right:1px solid #001d61; background:#001d5f; display:block; font-size:16px; color:#ffffff; font-weight:bold; line-height:59px; text-align:left; text-indent:35px;}
/*페이지가 초기화 되면 서브 메뉴를 감춘다 */
#nav > ul ul {display: none;}
.sub-wrap {position:absolute; left:200px; top:-1px; width:207px; height:100%; background:#f4f4f4; border-right:1px solid #9a9b9f; z-index:2; display:none;}
.sub-wrap_bg {display: none; position:fixed; left:200px; top:0px; width:207px; height:100%; background:#f4f4f4; border-right:1px solid #9a9b9f; z-index:1;}
.menu_s a {color:#666666; width:207px; height:60px; border-top:1px solid #cccccc; border-right:1px solid #9a9b9f;  background:#f4f4f4; display:block; font-size:16px; color:666666; font-weight:bold; line-height:59px; text-align:left; text-indent:35px;}
.menu_s a:hover {color:#666666; width:207px; height:60px; border-top:1px solid #cccccc; border-right:1px solid #9a9b9f;  background:url('../img/menu_left_01_on.jpg'); display:block; font-size:16px; color:666666; font-weight:bold; line-height:59px; text-align:left; text-indent:35px;}
.menu_e a {color:#666666; width:207px; height:60px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #9a9b9f;  background:#f4f4f4; display:block; font-size:16px; color:666666; font-weight:bold; line-height:59px; text-align:left; text-indent:35px;}
.menu_e a:hover {color:#666666; width:207px; height:60px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #9a9b9f;  background:url('../img/menu_left_01_on.jpg'); display:block; font-size:16px; color:666666; font-weight:bold; line-height:59px; text-align:left; text-indent:35px;}

.etc {position:absolute; left:0px; bottom:0px; float:left;}
.etc ul {float:left; padding-bottom:18px;}
.etc ul li {float:left;}
.etc_01 {width:100%; font-size:11px; color:#b7e1ff; text-align:center; line-height:18px;}
.etc_02 {width:170px; height:52px; font-size:11px; color:#9cd0f5; text-align:left; text-indent:10px; line-height:18px; background:#003398; border-top:1px solid #001e5e; border-left:1px solid #001e5e; border-right:1px solid #001e5e;  border-bottom:1px solid #001e5e; margin-left:15px;}
.etc_02_01 {width:170px; height:100px; font-size:11px; color:#9cd0f5; text-align:left; text-indent:10px; line-height:18px; background:#003398; border-top:1px solid #001e5e; border-left:1px solid #001e5e; border-right:1px solid #001e5e;  border-bottom:1px solid #001e5e; margin-left:15px;}
.etc_02.br_bt_none {border-bottom:0;}
.etc_02_01.br_bt_none {border-bottom:0;}
.etc_03 {width:170px; height:26px; font-size:11px; color:#9cd0f5; text-align:left; text-indent:10px; line-height:18px; background:#003398; border:1px solid #001e5e; margin-left:15px;}
.etc_text_01 {display:block; float:left; padding:5px; width:20%; height:42px; vertical-align:middle; }
.etc_text_02 {display:block; float:right; padding:5px; width:65%; height:42px; text-indent:0; vertical-align:middle; }
.etc_02.br_bt_none_01 {border-bottom:1px solid #001e5e;background:#fff;}
.etc_02.br_bt_none_02 { background:#fff;border-bottom:0;}


/* 모바일 메뉴 */
.main_menu {position:fixed; right:10px; top:10px; width:45px; height:45px; z-index:9; display:none;}
.m_menu {position:absolute; width:100%; height:100%; z-index:10; display:none; background:#003eb5;}
.m_menu_logo {position:relative; padding:20px 0; width:100%; height:50px; background:#fff;}
.m_menu_logo_img {width:100%; height:100%; background:#ffffff; text-align:center;}
.m_menu_logo_img img {width:150px; height:50px; }
.m_menu_close {position:absolute; right:0px; top:0px;}
.m_menu_1 {float:left; width:100%;}
.m_menu_1 li {float:left;}
.m_menu_1_1 {position:relative; width:50%; background:#003eb5; padding-top:2%; padding-bottom:2%; font-size:14px; text-align:center; font-weight:bold; color:#ffffff; border-top:1px solid #0851a0; border-bottom:1px solid #002269;}
.m_menu_1_2 {width:50%; background:#003eb5; padding-top:2%; padding-bottom:2%; font-size:14px; text-align:center; font-weight:bold; color:#ffffff; border-top:1px solid #0851a0; border-bottom:1px solid #002269;}
.m_menu_1_line {position:absolute; right:0px; top:0px; width:1px; height:100%; background:#0851a0;}
.m_menu_2 {float:left;}
.m_menu_2 li {float:left; width:100%;}
.home_menu {position:fixed; left:10px; top:10px; width:40px; height:40px; z-index:9; display:none;}

#m_nav {float:left; width:100%;}
#m_nav .m_main-wrap {}
#m_nav .m_main-wrap:after { content: ""; display: block; clear: both;}
#m_nav .m_main-wrap > li { float: left; }
#m_nav > .m_main-wrap { }
#m_nav > .m_main-wrap > li { position: relative; width: 100%; }
/*메인 버튼과 서브 버튼의 모든 a태그에 같은 스타일을 적용한다.*/
.m_main-wrap > li > a {color:#ffffff; width:100%; height:50px; border-top:1px solid #004ddb; border-bottom:1px solid #002269; background:#003eb5; display:block; font-size:15px; color:#ffffff; font-weight:bold; line-height:45px; text-align:left; text-indent:35px;}
/* 모든 a 태그에 적용한다. */
.m_main-wrap > li:hover > a {color:#ffffff; width:100%; height:50px; border-top:1px solid #004ddb; border-bottom:1px solid #002269; background:#001d5f; display:block; font-size:15px; color:#ffffff; font-weight:bold; line-height:45px; text-align:left; text-indent:35px;}
/*페이지가 초기화 되면 서브 메뉴를 감춘다 */
#m_nav > ul ul {display: none;}
.m_sub-wrap {float:left; width:100%; height:100%; background:#f4f4f4; z-index:2; display:none;}
.m_menu_s a {color:#666666; width:100%; height:45px; border-top:1px solid #cccccc; background:#f4f4f4; display:block; font-size:15px; color:666666; font-weight:bold; line-height:45px; text-align:left; text-indent:35px;}
.m_menu_s a:hover {color:#0b73d1; width:100%; height:45px; border-top:1px solid #cccccc; background:#ffffff; display:block; font-size:15px; color:666666; font-weight:bold; line-height:45px; text-align:left; text-indent:35px;}
.m_menu_e a {color:#666666; width:100%; height:45px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;  background:#f4f4f4; display:block; font-size:15px; color:666666; font-weight:bold; line-height:45px; text-align:left; text-indent:35px;}
.m_menu_e a:hover {color:#0b73d1; width:100%; height:45px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;  background:#ffffff; display:block; font-size:15px; color:666666; font-weight:bold; line-height:45px; text-align:left; text-indent:35px;}



/*  4단 메뉴  */
.main_bottom {float:left; width:100%; height:15%; background:#fff; border-top:1px solid #e1e1e1;}
.main_bottom_wrap {position:relative; float:left; width:25%; height:100%;}
.main_bottom_01_blank {float:left; width:100%; height:15%;}
.main_bottom_01_lay {float:left; width:100%; height:70%;}
.main_bottom_01_lay_main {float:left; width:80%; padding-left:10%; padding-right:10%; height:100%; padding-top:1%;}
.main_bottom_01_lay_main_left {position:relative; float:left; width:30%; height:100%;}
.main_bottom_01_lay_main_left_1 {position:absolute; left:0px; top:19px; margin-top:0px;}
.main_bottom_01_lay_main_right {position:relative; float:left; width:70%; height:100%;}
.main_bottom_01_lay_main_right_lay {width:100%; height:100%;}
.main_bottom_01_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:20px; font-weight:bold; color:#444444; padding-bottom:6%;}
.main_bottom_01_lay_main_right_2 {float:left; width:100%; height:80%; text-align:left; font-size:14px; font-weight:bold; color:#999999; line-height:150%;}
.main_bottom_line {position:absolute; right:0px; top:0px; width:1px; height:100%; background:#e1e1e1;}
.visual_img {position:absolute; left:120px; top:90px;}


/*  오른쪽 메뉴  */
#right_menu_wrap {position:relative; float:left; width:100%; height:20%;}
#right_menu_wrap_02 {position:relative; float:left; width:100%; height:20%;}
#right_menu_wrap_m {position:relative; width:100%; height:100%;}
.right_menu_line {position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#e1e1e1;}
.right_menu_01 {float:left; width:100%; height:100%;}
.right_menu_01_lay {float:left; width:80%; padding-left:10%; padding-right:10%; height:70%;}
.right_menu_01_lay_top {float:left; width:100%; height:30%;}
.right_menu_01_lay_top_left {float:left; width:70%; text-align:left; font-size:18px; font-weight:bold; color:#444444;}
.right_menu_01_lay_top_right {float:left; width:30%; text-align:right; font-size:12px; font-weight:bold; color:#666666; padding-top:10px;}
.right_menu_01_lay_main {float:left; width:100%; height:70%;}
.right_menu_01_lay_main_left {float:left; width:75%; height:100%;}
.right_menu_01_lay_main_left ul {float:left; width:100%; height:100%;}
.right_menu_01_lay_main_left ul li {float:left; width:100%; height:25%; text-align:left; font-size:13px; color:#666666; line-height:130%;}
.right_menu_01_lay_main_right {float:left; width:25%; height:100%;}
.right_menu_01_lay_main_right ul {float:left; width:100%; height:100%;}
.right_menu_01_lay_main_right ul li {float:left; width:100%; height:25%; text-align:right; font-size:13px; color:#c9c9c9; line-height:130%;}
.right_menu_01_blank {float:left; width:80%; padding-left:10%; padding-right:10%; height:15%;}

.right_menu_02 {float:left; width:100%; height:100%; background:#0560d2;}
.right_menu_02_lay {float:left; width:80%; padding-left:10%; padding-right:10%; height:70%;}
.right_menu_02_lay_top {float:left; width:100%; height:30%;}
.right_menu_02_lay_top_left {float:left; width:70%; text-align:left; font-size:18px; font-weight:bold; color:#444444;}
.right_menu_02_lay_top_right {float:left; width:30%; text-align:right; font-size:12px; font-weight:bold; color:#666666; padding-top:10px;}
.right_menu_02_lay_top_center {width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff;}
.right_menu_02_lay_main {position:relative; float:left; width:100%; height:70%;}
.right_menu_02_lay_main_img {position:absolute; left:37%; top:30%; margin-top:-19px;}
.right_menu_02_blank {float:left; width:80%; padding-left:10%; padding-right:10%; height:15%;}

.right_menu_03 {float:left; width:100%; height:100%; background:#0daecb;}
.right_menu_03_lay {float:left; width:80%; padding-left:10%; padding-right:10%; height:70%;}
.right_menu_03_lay_top {float:left; width:100%; height:30%;}
.right_menu_03_lay_top_left {float:left; width:70%; text-align:left; font-size:18px; font-weight:bold; color:#444444;}
.right_menu_03_lay_top_right {float:left; width:30%; text-align:right; font-size:12px; font-weight:bold; color:#666666; padding-top:10px;}
.right_menu_03_lay_top_center {width:100%; text-align:center; font-size:18px; font-weight:bold; color:#fff;}
.right_menu_03_lay_main {position:relative; float:left; width:100%; height:70%;}
.right_menu_03_lay_main_img {position:absolute; left:37%; top:40%; margin-top:-29px;}
.right_menu_03_blank {float:left; width:80%; padding-left:10%; padding-right:10%; height:15%;}
.right_menu_04 {float:left; width:100%; height:100%; background:#fff;}
.right_menu_04_lay {float:left; width:80%; padding-left:10%; padding-right:10%; height:70%;}
.right_menu_04_lay_top {float:left; width:100%; height:30%;}
.right_menu_04_lay_top_left {float:left; width:70%; text-align:left; font-size:18px; font-weight:bold; color:#333;}
.right_menu_04_lay_top_right {float:left; width:30%; text-align:right; font-size:12px; font-weight:bold; color:#666666; padding-top:10px;}
.right_menu_04_lay_main {float:left; width:100%; height:70%;}
.right_menu_04_lay_main_left {position:relative; float:left; width:30%; height:100%;}
.right_menu_04_lay_main_left_1 {position:absolute; left:0px; top:50%; margin-top:-24px;}
.right_menu_04_lay_main_right {position:relative; float:left; width:70%; height:100%;}
.right_menu_04_lay_main_right_lay {position:absolute; left:0px; top:50%; margin-top:-22px;}
.right_menu_04_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:11px; font-weight:bold; color:#999; padding-bottom:1%;}
.right_menu_04_lay_main_right_2 {float:left; width:100%; height:80%; text-align:left; font-size:22px; font-weight:bold; color:#333;}
.right_menu_04_blank {float:left; width:80%; padding-left:10%; padding-right:10%; height:15%;}
.right_menu_05 {float:left; width:100%; height:100%; background:#fff;}
.right_menu_05_lay {float:left; width:80%; padding-left:10%; padding-right:10%; height:70%;}
.right_menu_05_lay_top {float:left; width:100%; height:30%;}
.right_menu_05_lay_top_left {float:left; width:70%; text-align:left; font-size:18px; font-weight:bold; color:#333;}
.right_menu_05_lay_top_right {float:left; width:30%; text-align:right; font-size:12px; font-weight:bold; color:#333; padding-top:10px;}
.right_menu_05_lay_main {float:left; width:100%; height:70%;}
.right_menu_05_lay_main_left {position:relative; float:left; width:30%; height:100%;}
.right_menu_05_lay_main_left_1 {position:absolute; left:15%; top:50%; margin-top:-26px;}
.right_menu_05_lay_main_right {position:relative; float:left; width:70%; height:100%;}
.right_menu_05_lay_main_right_lay {position:absolute; left:0px; top:50%; margin-top:-18px;}
.right_menu_05_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:14px; font-weight:bold; color:#333; padding-bottom:1%;}
.right_menu_05_lay_main_right_2 {float:left; width:100%; height:80%; text-align:left; font-size:14px; font-weight:bold; color:#333;}
.right_menu_05_blank {float:left; width:80%; padding-left:10%; padding-right:10%; height:15%;}
.right_menu_m {position:absolute; right:0px; top:0px; display:none;}


/*  서브  */
#sub {margin-left:200px; margin-right:360px; height:100%; }
#sub_wrap {position:relative; width:100%; height:100%;}
.sub_main {position:relative; padding:0% 5% 5% 5%;}
.sub_main_wrap {width:100%; height:100%;}
.sub_main_top {position:relative; float:left; width:100%; height:95px; border-bottom:1px solid #e1e1e1;}
.sub_main_top_left {position:absolute; left:0px; bottom:20px; font-size:26px; font-weight:bold; color:#0b73d1;}
.sub_main_top_right {position:absolute; right:0px; bottom:20px; font-size:12px; color:#333333;}
.sub_main_top_right img {position:relative; top:-1px; left:0px;}
.sub_main_title {position:relative; float:left; width:100%; border-bottom:1px solid #333333; text-align:center; padding-top:1.8%; padding-bottom:1.8%;}


/*  서브 오른쪽 메뉴  */
#sub_right_menu {position:fixed; right:0px; top:0px; width:359px; height:100%; background:#ffffff; border-left:1px solid #e1e1e1; min-height:680px;}
#sub_right_menu_wrap_m {position:relative; width:100%; height:100%;}
#sub_right_menu_wrap {position:relative; float:left; width:100%; height:20%;}
.sub_right_menu_01 {position:relative; float:left; width:100%; height:100%; background:#f9f9f9;}
.sub_right_menu_01_lay {position:absolute; left:10%; top:50%; margin-top:-35px; width:295px;}
.sub_right_menu_01_left {float:left; width:75%; height:100%;}
.sub_right_menu_01_left_1 {float:left; width:100%; font-size:18px; font-weight:bold; color:#000000; padding-bottom:15px;}
.sub_right_menu_01_left_2 {float:left; width:100%; font-size:13px; font-weight:bold; color:#8e8e8e;}
.sub_right_menu_01_right {float:left; width:20%; padding-left:5%; padding-top:5px;}
.sub_right_menu_02 {position:relative; float:left; width:100%; height:100%; background:#f9f9f9;}
.sub_right_menu_02_lay {position:absolute; left:10%; top:50%; margin-top:-35px; width:295px;}
.sub_right_menu_02_left {float:left; width:75%; height:100%;}
.sub_right_menu_02_left_1 {float:left; width:100%; font-size:18px; font-weight:bold; color:#000000; padding-bottom:15px;}
.sub_right_menu_02_left_2 {float:left; width:100%; font-size:13px; font-weight:bold; color:#8e8e8e;}
.sub_right_menu_02_right {float:left; width:20%; padding-left:5%; padding-top:5px;}
.sub_right_menu_03 {position:relative; float:left; width:100%; height:100%; background:#f9f9f9;}
.sub_right_menu_03_lay {position:absolute; left:10%; top:50%; margin-top:-35px; width:295px;}
.sub_right_menu_03_left {float:left; width:75%; height:100%;}
.sub_right_menu_03_left_1 {float:left; width:100%; font-size:18px; font-weight:bold; color:#000000; padding-bottom:15px;}
.sub_right_menu_03_left_2 {float:left; width:100%; font-size:13px; font-weight:bold; color:#8e8e8e;}
.sub_right_menu_03_right {float:left; width:20%; padding-left:5%; padding-top:5px;}
.sub_right_menu_04 {position:relative; float:left; width:100%; height:100%; background:#f9f9f9;}
.sub_right_menu_04_lay {position:absolute; left:10%; top:50%; margin-top:-35px; width:295px;}
.sub_right_menu_04_left {float:left; width:75%; height:100%;}
.sub_right_menu_04_left_1 {float:left; width:100%; font-size:18px; font-weight:bold; color:#000000; padding-bottom:15px;}
.sub_right_menu_04_left_2 {float:left; width:100%; font-size:13px; font-weight:bold; color:#8e8e8e;}
.sub_right_menu_04_right {float:left; width:20%; padding-left:5%; padding-top:5px;}
.sub_right_menu_05 {position:relative; float:left; width:100%; height:100%; background:#f9f9f9;}
.sub_right_menu_05_lay {position:absolute; left:10%; top:50%; margin-top:-35px; width:295px;}
.sub_right_menu_05_left {float:left; width:30%; height:100%; padding-right:5%;}
.sub_right_menu_05_left_1 {float:left; width:100%; font-size:18px; font-weight:bold; color:#000000; padding-bottom:15px;}
.sub_right_menu_05_left_2 {float:left; padding-left:5px;}
.sub_right_menu_05_right {float:left; width:65%;}
.sub_right_menu_05_right_1 {float:left; width:100%; font-size:13px; font-weight:bold; color:#8e8e8e; padding-top:36px; padding-bottom:1px;}
.sub_right_menu_05_right_2 {float:left; width:100%; font-size:20px; font-weight:bold; color:#8e8e8e;}
.sub_right_menu_line {position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#e1e1e1;}


/* 회사소개 > 회사개요 */
.sub_01_01_1 {position:relative; width:100%; height:250px; /*border:1px solid #abceeb; background:#e0effb;*/}
.sub_01_01_1 p {float:left; width:100%; height:auto;}
.sub_01_01_1_left {position:absolute; left:10%; top:28%; z-index:2; padding-right:9%}
.sub_01_01_1_left_1 {float:left; width:100%; font-size:50px; color:#2877b9; font-weight:bold; padding-bottom:2%;}
.sub_01_01_1_left_2 {float:left; width:100%; font-size:17px; color:#2877b9;}
.sub_01_01_1_right {position:absolute; right:0px; bottom:0px; z-index:1;}

.sub_01_01_2 {float:left; position:relative; width:100%; height:100%; margin-top:3%;}
.sub_01_01_2_title {font-size:24px; font-weight:bold; color:#333333;}
.sub_01_01_2 .sub_sub_tit_01 {float:left; margin-top:2%; width:100%; height:100%;}
.sub_01_01_2 .sub_sub_tit_01 p {float:left; width:100%; /*text-align:justify;*/ font-size:14px; line-height:20px;}
.sub_01_01_2_box {position:relative; float:left; width:100%; height:100%; border-top:2px solid #333333; margin-top:3%;}
.sub_01_01_2_box_w {position:relative; float:left; width:50%; height:165px; background:#f9f9f9;}
.sub_01_01_2_box_left {float:left; width:30%; height:82%; padding:6% 10%;}
.sub_01_01_2_box_left_f {float:left; width:80%; padding:0% 10%; font-size:18px; line-height:24px; font-weight:bold;}
.sub_01_01_2_box_right {float:left; width:47%; padding:6% 3% 6% 0; font-size:14px; line-height:20px;}
.sub_01_01_2_box_line {position:absolute; width:100%; height:1px; bottom:0px; left:0px; background:#e1e1e1; z-index:9;}

.sub_01_01_2_box_w.oranization {padding-top:1%; width:50%; height:90px;}
.sub_01_01_2_box_w.oranization .sub_01_01_2_box_left {width:40%; padding:0 5%;}
.sub_01_01_2_box_w.oranization .sub_01_01_2_box_right {width:40%; padding-top:4%;}
.oranization-01 {float:left; margin-top:3%; width:100%;}

/* 경영이념 */
.sub_01_02_1 {float:left; position:relative; width:100%; height:100%; margin-top:3%; background:#fafafa; border-top:1px solid #e1e1e1;}
.sub_01_02_2 {float:left; position:relative; width:100%; height:100%; background:#fafafa; border-top:1px solid #e1e1e1;}
.sub_01_02_3 {float:left; position:relative; width:100%; height:100%; background:#fafafa; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.sub_01_02_left {float:left; width:10%; margin-left:3%; text-align:center; font-size:24px; font-weight:bold; padding-top:3%; padding-bottom:3%;}
.sub_01_02_left_sal {float:left; width:15%; margin-left:2%;margin-right:4%; text-align:center; font-size:20px; font-weight:bold; padding-top:3%; padding-bottom:3%;}
.sub_01_02_center {float:left; width:68%; margin-left:3%; margin-right:3%; padding-top:3%;}
.sub_01_02_right {float:left; width:10%; margin-right:3%; text-align:center; padding-top:3%; padding-bottom:3%;}
.sub_01_02_center_title {float:left; width:100%; font-size:18px; font-weight:bold; color:#333333; margin-bottom:20px;}
.sub_01_02_center_text {float:left; font-size:14px; line-height:140%;}
.sub_01_02_center2 {float:left; width:94%; margin-left:3%; margin-right:3%; padding-top:3%;}
.sub_01_02_center_sahun {float:left; width:100%; text-align:center; font-size:24px; font-weight:bold; color:#333333; margin-bottom:40px;}

/* 회사개요 */
.sub_n_01 {float:left; margin-top:2%; font-size: 15px; line-height:160%;}

/* 회사개요 */
.sub_01_03_img {float:left; width:100%; border:1px solid #e2e2e2; text-align:center; background:#f8f8f8; margin-top:2%;}

/* 행복한공부 > CEO 인사말 */
.sub_01_02_1 {position:relative; float:left; width:100%; height:100%; margin-top:2%;}
.sub_01_02_1_left {float:left; width:100%; height:100%;}
.sub_01_02_1_left_wrap {float:left; width:100%; height:100%;}
.sub_01_02_1_left_wrap_2 {float:left; width:100%; height:100%; padding:0px;}
.sub_01_02_1_right {float:left; width:100%; height:100%;}
.sub_01_02_1_right_t {position:relative; float:left; width:100%; height:50%;}
.sub_01_02_1_right_t_w {float:left; width:96%; height:43%; padding:3% 2%;}
.sub_01_02_1_right_t_title {float:left; font-size:24px; font-weight:bold; color:#333333; padding-bottom:3%;}
.sub_01_02_1_right_t_text {position:relative; float:left; font-size:13px; line-height:20px; font-weight:normal;}
.sub_01_02_1_right_t_img {position:absolute; left:45px; bottom:-6px;}
.sub_01_02_1_right_b {position:relative; float:left; width:100%; height:50%;}
.sub_01_02_1_right_b_l {position:relative; float:left; width:43%; height:86%; padding:7% 0% 7% 7%;}
.sub_01_02_1_right_b_l_title {float:left; font-size:24px; font-weight:bold; color:#333333; padding-bottom:7%;}
.sub_01_02_1_right_b_l_text {float:left; font-size:13px; line-height:20px;}
.sub_01_02_1_right_b_r {float:left; width:36%; height:86%; padding:7%;}
.sub_01_02_1_right_b_r_title {float:left; font-size:24px; font-weight:bold; color:#333333; padding-bottom:7%;}
.sub_01_02_1_right_b_r_text {float:left; font-size:13px; line-height:20px;}
.sub_01_02_1_line {position:absolute; width:100%; height:1px; bottom:0px; left:0px; background:#e1e1e1; z-index:9;}
.sub_01_02_1_line2 {position:absolute; width:100%; height:1px; bottom:0px; left:0px; background:#e1e1e1; z-index:9; display:none;}

/* 행복한공부 > C.I 의미 */
.sub_01_03_1 {float:left; position:relative; float:left; width:100%; height:100%; margin-top:2%;}
.sub_01_03_1_left {float:left;}
.sub_01_03_1_left_1 {float:left; font-size:37px; color:#4d9a32; font-weight:bold; padding-right:20px;}
.sub_01_03_1_left_2 {float:left; font-size:44px; color:#4d9a32; line-height:40px; letter-spacing:-2px; padding-right:30px;}
.sub_01_03_1_right {float:left; font-size:14px; color:#666666; width:40%; padding-top:3px;}
.sub_01_03_2 {float:left; position:relative; width:100%; height:100%; margin-top:3%;}
.sub_01_03_3 {float:left; position:relative; width:100%; height:100%; margin-top:4%; margin-bottom:3%;}

/* 오시는길 */
.sub_01_04_1 {float:left; width:100%; height:100%; margin-top:3%; padding-bottom:3%; /*border-bottom:1px solid #e1e1e1;*/}
.sub_01_04_1_1 {float:left; width:20%; margin:0 2.5%; padding-bottom:3%;}
.sub_01_04_1_2 {float:left; width:30%; margin-right:5%; border-top:3px solid #000;}
.sub_01_04_1_3 {float:left; width:30%; border-top:3px solid #000000;}
.sub_01_04_1_left {float:left; width:100%; text-align:center; margin-top:15px; padding:10px 0; font-size:14px; color:#444444;  border-top:1px solid #e1e1e1;}
.sub_01_04_1_right {float:left; width:100%; text-align:right; /*margin-top:15px;*/ padding-top:15px; font-size:14px; color:#444444;  border-top:1px solid #e1e1e1;}
.sub_01_04_1_right img {border:1px solid #e1e1e1;}

.sub_01_04_1.location .sub_01_04_1_left {width:20%; padding-top:0; text-align:left; border-top:0;}
.sub_01_04_1.location .sub_01_04_1_right {float:right; width:80%; border-top:0;}


.tbl01 { width: 100%; margin-top: 49px; border-top: 2px solid #333333; }
.tbl01 thead tr th { height: 45px; background: #f5f5f5; vertical-align: middle; color: #000000; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font: normal 13px 'Nanum Gothic'; }
.tbl01 thead tr th:first-child { border-left: 0; }
.tbl01 tbody tr td { padding-top: 18px; padding-bottom: 18px; vertical-align: middle; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font-weight: 400; font-size: 13px; line-height: 15px; font-family: 'Nanum Gothic'; text-align: center; }
.tbl01 tbody tr td:first-child { border-left: 0; background: #f5f5f5; }

.content-tabs { margin-bottom: 32px; }
.content-tabs ul { width: 100%; display: table; table-layout: fixed; margin-bottom: 30px; }
.content-tabs ul li { display: table-cell; vertical-align: middle; text-align: center; }
.content-tabs ul li a { display: block; width: 100%; padding-top: 12px; padding-bottom: 12px; color: #666666; background: #ededed; text-decoration: none; font: bold 16px 'Nanum Gothic'; border-top: 1px solid #d1d1d1; border-right: 1px solid #cccccc; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #cccccc; }
.content-tabs ul li.on a { color: #fff; border-color: #052054; background: #052054; }


.box01{ width: 100%; margin-top: 30px; border-bottom: 1px solid #e0e0e0; }





/* 경영이념, 연혁 */
.sub_02_01_1 {float:left; position:relative; width:100%; height:100%; margin-top:3%; background:#fafafa; border-top:2px solid #333333;}
.sub_02_01_2 {float:left; position:relative; width:100%; height:100%; background:#fafafa; border-top:1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.sub_02_01_3 {float:left; position:relative; width:100%; height:100%; background:#fafafa; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.sub_02_01_left {float:left; width:10%; margin-left:3%; text-align:center; font-size:50px; font-weight:bold; padding-top:3%; padding-bottom:3%;}
.sub_02_01_center {float:left; width:68%; margin-left:3%; margin-right:3%; padding-top:3%; padding-bottom:3%;}
.sub_02_01_right {float:left; width:10%; margin-right:3%; text-align:center; padding-top:3%; padding-bottom:3%;}
.sub_02_01_center_title {float:left; width:100%; font-size:20px; font-weight:bold; color:#333333; margin-top:20px;}
.sub_02_01_center_text {float:left; font-size:14px; line-height:140%;}

.sub_02_01_1.history .sub_02_01_left, .sub_02_01_2.history .sub_02_01_left, .sub_02_01_3.history .sub_02_01_left {width:15%; text-align:left;}
.sub_02_01_1.history .sub_02_01_center, .sub_02_01_2.history .sub_02_01_center, .sub_02_01_3.history .sub_02_01_center{width:63%;}
.sub_02_01_1.history .sub_02_01_right, .sub_02_01_2.history .sub_02_01_right, .sub_02_01_3.history .sub_02_01_right {width:10%;}
.sub_02_01_1.history .sub_02_01_left, .sub_02_01_2.history .sub_02_01_left, .sub_02_01_3.history .sub_02_01_left {font-size:30px; padding-left:3%;}

/* 개인 프로그램 */
.sub_03_01 {float:left; position:relative; width:100%; height:100%; margin-top:5%; margin-bottom:5%; background:url('/img/sub_03_01_1.jpg'); background-position:left top; background-size:cover; }
.sub_03_01_1 {float:left; }
.sub_03_01_1_content_p {float:left; width:50%; padding:10%;}
.sub_03_01_t1 {font-size:50px; color:#fefd87; font-weight:bold;}
.sub_03_01_t2 {font-size:34px; color:#ffffff; font-weight:bold;}
.sub_03_01_t3 {font-size:15px; color:#93c099; font-weight:bold;}
.sub_03_01_bg {float:left;}

/* 단체 프로그램 */
.sub_03_02 {float:left; position:relative; width:100%; height:100%; margin-top:5%; margin-bottom:5%; background:url('/img/sub_03_02_1.jpg'); background-position:left top; background-size:cover; }
.sub_03_02_1 {float:left; }
.sub_03_02_1_content_p {float:left; width:55%; padding:14% 0 14% 8%;}
.sub_03_02_t1 {font-size:45px; color:#ffffff; font-weight:normal;}
.sub_03_02_t2 {font-size:45px; color:#fefd87; font-weight:bold;}
.sub_03_02_t3 {font-size:15px; color:#a8b8ff; font-weight:bold;}
.sub_03_02_bg {float:left;}

/* 취지 */
.sub_05_01_1 {position:relative; float:left; width:100%; height:100%; margin-top:2%; background:#bcebfc;}
.sub_05_01_1_lay {float:left; padding:10%;}
.sub_05_01_1_1 {float:left; width:100%; font-size:40px; color:#296dab; font-weight:bold; padding-bottom:3%;}
.sub_05_01_1_2 {float:left; width:100%; font-size:20px; color:#305472; padding-bottom:3%; line-height:150%; font-weight:bold;}
.sub_05_01_1_1t {color:#e6703c;}
.sub_05_01_1_3 {float:left; width:100%; font-size:16px; color:#305472; line-height:150%;}
.sub_05_01_1_img {float:left; width:100%; text-align:center;}
.sub_05_02_1 {position:relative; float:left; width:100%; height:100%; background:#fdfdca;}
.sub_05_02_1_lay {float:left; padding:5% 10% 5% 10%;}
.sub_05_02_1_1 {float:left; width:100%; font-size:40px; color:#797912; font-weight:bold; padding-bottom:3%;}
.sub_05_02_1_2 {float:left; width:100%; font-size:16px; color:#797912;}
.sub_05_02_line {border-bottom:1px solid #dbdbaf;}

/*임시*/
.sub_title {font-size:24px; font-weight:bold; color:#333333; margin-bottom:20px;}
.sub_text {margin-bottom:35px;line-height:20px;}
.sub_img {margin-bottom:10%; margin-top:2%; text-align:center;}


/*제품안내*/
.sub_02_01_left_01 {float:left; width:25%; margin-left:3%;  font-size:26px; font-weight:bold; padding-top:3%; padding-bottom:3%; padding-left:0;}
.sub_02_01_center_01 {float:left; width:50%; margin-left:3%; margin-right:3%; padding-top:3%; padding-bottom:3%; }
.text_02_04{font-size:18px;font-weight:bold; line-height:24px; }



.sub_02_01_left_02 {float:left; width:10%; margin-left:5%;  font-size:40px; font-weight:bold; padding-top:6%; }
.sub_02_01_center_02 {float:left; width:40%; margin-left:3%; margin-right:5%; padding-top:5%; }
.sub_02_01_right_01 {float:right; width:30%; margin-left:3%; margin-right:4%;padding-top:2%; padding-bottom:2%; text-align:right;}
.sub_04_04_title {font-size:18px; color:#666666; margin-top:15px;}

.sub_02_01_left_VIT{float:left; width:10%; margin-left:2%; text-align:center; font-size:40px; font-weight:bold; padding-top:3%; padding-bottom:3%;}
.sub_04_title {font-size:24px; font-weight:bold; color:#333333; margin-top:30px;}
.sub_05_title {font-size:24px; font-weight:bold; color:#333333; margin-bottom:15px; margin-top:15px;}
.title_mail{color:#003eb5;}
.title_mail a{color:#003eb5;}
.sub_011_021_11 {float:left; position:relative; width:100%; height:100%; margin-top:2%; background:#fafafa; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}

.mapbox{width:100%; display:inline-block; margin-top:20px;}



/*================================================  미디어쿼리 ================================================ */

/*-------------------------< 2000 이상 >-------------------------*/
@media screen and (min-width : 2000px) {

	/*  4단 메뉴  */
	.visual_img {position:absolute; left:120px; top:110px; width:580px; height:auto; }
	.visual_img img {width:580px;}

	/* 회사개요 */
	.sub_01_01_1 {height:250px;}
	.sub_01_01_1 p img {padding:30px 0; width:100%; height:100%;}

}

/*-------------------------< 1900 이하 >-------------------------*/
@media screen and (max-width : 1900px) {
	/* 오시는길 */
	.sub_01_04_1_left {float:left; width:19%; text-align:left; margin-top:15px; font-size:13px; color:#444444;}
	.sub_01_04_1_right {float:left; width:81%; text-align:right; margin-top:15px; font-size:13px; color:#444444; letter-spacing:-0.5px;}

	.sub_01_04_1.certi .sub_01_04_1_left {padding-bottom:0; width:100%; text-align:center;}
	.sub_01_04_1.certi .sub_01_04_1_right {width:95%;}

	/* 개인 프로그램 */
	.sub_03_01_1_content_p {float:left; width:50%; padding:10% 0% 10% 5%;}
	.sub_03_01_t1 {font-size:40px; color:#fefd87; font-weight:bold;}
	.sub_03_01_t2 {font-size:30px; color:#ffffff; font-weight:bold;}
	.sub_03_01_t3 {font-size:15px; color:#93c099; font-weight:bold;}

	/* 단체 프로그램 */
	.sub_03_02_1_content_p {float:left; width:55%; padding:12% 0 12% 5%;}
	.sub_03_02_t1 {font-size:40px; color:#ffffff; font-weight:normal;}
	.sub_03_02_t2 {font-size:30px; color:#fefd87; font-weight:bold;}
	.sub_03_02_t3 {font-size:15px; color:#a8b8ff; font-weight:bold;}

}

/*-------------------------< 1700 이하 >-------------------------*/
@media screen and (max-width : 1700px) {

	/* 개인 프로그램 */
	.sub_03_01_1_content_p {float:left; width:50%; padding:10% 0% 10% 5%;}
	.sub_03_01_t1 {font-size:30px; color:#fefd87; font-weight:bold;}
	.sub_03_01_t2 {font-size:25px; color:#ffffff; font-weight:bold;}
	.sub_03_01_t3 {font-size:15px; color:#93c099; font-weight:bold;}

	/* 단체 프로그램 */
	.sub_03_02_1_content_p {float:left; width:55%; padding:12% 0 12% 5%;}
	.sub_03_02_t1 {font-size:30px; color:#ffffff; font-weight:normal;}
	.sub_03_02_t2 {font-size:30px; color:#fefd87; font-weight:bold;}
	.sub_03_02_t3 {font-size:15px; color:#a8b8ff; font-weight:bold;}

}

/*-------------------------< 1601 이상 >-------------------------*/
@media screen and (min-width : 1601px) {
	/* 모바일 메뉴 */
	.main_menu {display:none;}
	#m_menu_wrap {position:relative; display:none;}

	/*  오른쪽 메뉴  */
	#right_menu {position:absolute; right:-313px; top:0px; width:317px; height:100%; background:#ffffff; border-left:1px solid #e1e1e1;}

	/*  4단 메뉴  */
	.main_bottom_01_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:17px; font-weight:bold; color:#444444; padding-bottom:10%;}

	/* 슬라이드 배너 요소 */
	#buttonList {position:absolute; top:30%; left:11%;margin:0 0 20px -36px;padding:10px;border-radius:3px;}
	#brandVisual .visual_0 {top:0px; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_1 {top:100%;  background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_2 {top:200%; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}

	/* 행복한공부 > CEO 인사말 */
	.sub_01_02_1_left_wrap_2 {float:left; width:100%; height:100%; padding:0px;}

}

/*-------------------------< 1551 ~ 1600 >-------------------------*/
@media all and (min-width:1551px) and (max-width:1600px){
	/* 모바일 메뉴 */
	.main_menu {display:none;}
	#m_menu_wrap {position:relative; display:none;}

	/*  오른쪽 메뉴  */
	#right_menu {position:absolute; right:-313px; top:0px; width:317px; height:100%; background:#ffffff; border-left:1px solid #e1e1e1;}

	/*  4단 메뉴  */
	.main_bottom_01_lay_main_left {position:relative; float:left; width:30%; height:100%;}
	.main_bottom_01_lay_main_right {position:relative; float:left; width:70%; height:100%;}
	.main_bottom_01_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:17px; font-weight:bold; color:#444444; padding-bottom:10%;}
	.main_bottom_01_lay_main_right_2 {float:left; width:100%; height:80%; text-align:left; font-size:12px; font-weight:bold; color:#999999; line-height:120%;}

	.main_bottom_01_lay_main_left_1 {position:absolute; left:0px; top:18px; margin-top:0px;}
	.main_bottom_01_lay_main_left_1 img {width:80%;}
	.visual_img {position:absolute; left:100px; top:90px; width:450px; height:auto; }

	/* 슬라이드 배너 요소 */
	#buttonList {position:absolute;bottom:7%;left:25%;margin:0 0 20px -36px;padding:10px;border-radius:3px;}
	#brandVisual .visual_0 {top:0px; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_1 {top: 100%;  background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_2 {top: 200%; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}

}

/*-------------------------< 1550 이하 >-------------------------*/
@media screen and (max-width : 1550px) {
	/* 모바일 메뉴 */
	.main_menu {display:none;}
	#m_menu_wrap {position:relative; display:none;}

	/*  왼쪽 메뉴  */
	#left_menu {position:fixed; left:0px; top:0px; width:199px; height:100%; min-height:750px; background:#003eb5; border-right:1px solid #03328d; z-index:9999;}

	/*  메인  */
	#main {position:relative; margin-left:200px; margin-right:0px; height:100%; }

	/* 4단 배너 */
	.main_bottom_01_lay_main_right_1 {font-size:16px; padding-top:6%;}

	/*  오른쪽 메뉴  */
	#right_menu {float:left; position:relative; margin-left:0px; width:100%; height:20%; }
	#right_menu_wrap_m {position:relative; width:100%; height:100%; background:#ffffff; border-left:0px solid #e1e1e1; border-top:1px solid #e1e1e1;}
	#right_menu_wrap {position:relative; float:left; width:49.95%; height:100%;}
	#right_menu_wrap_02 {position:relative; float:left; width:33.3333333333%; height:100%;}
	#right_menu_wrap.width30  {width:33%;}
	#right_menu_wrap_02.width30 {width:33.39999999999%; border-right:1px solid #e1e1e1; }
	/*#right_menu_wrap_02.width100 {width:100%;}*/
	/*.right_menu_05_blank.br-top {border-top:1px solid #e1e1e1;}*/
	.right_menu_05_lay {padding-left:9%;}
	.right_menu_05_lay_main_right_lay {margin-top:-24px;}
	.right_menu_line {position:absolute; right:0px; top:0px; width:1px; height:100%; background:#e1e1e1;}
	.right_menu_01_lay_top {float:left; width:100%; height:34%;}
	.right_menu_01_lay_main_left {float:left; width:75%; height:100%;}
	.right_menu_01_lay_main_right {float:left; width:25%; height:100%; display:block;}
	.right_menu_01_lay_main {float:left; width:100%; height:66%;}
	.right_menu_02_lay_main_img {position:absolute; left:43%; top:30%; margin-top:-17px;}
	.right_menu_03_lay_main_img {position:absolute; left:44%; top:40%; margin-top:-25px;}
	.right_menu_04_lay_main_left {position:relative; float:left; width:30%; height:100%; /*display:none;*/}
	.right_menu_04_lay_main_right {position:relative; float:right; width:70%; height:100%; vertical-align:top;}
	.right_menu_04_lay_main_right_2 {float:left; width:100%; height:80%; text-align:left; font-size:24px; font-weight:bold; color:#333;}
	.right_menu_05_lay_main_left {position:relative; float:left; width:30%; height:100%; /*display:none;*/}
	.right_menu_05_lay_main_left_1 {position: absolute; left: 1%; top: 50%; margin-top: -26px;}
	.right_menu_05_lay_main_right {position:relative; float:left; width:70%; height:100%; vertical-align:top;}
	.right_menu_05_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:16px; font-weight:bold; color:#333; padding-bottom:1%;}
	.right_menu_05_lay_main_right_2 {float:left; width:100%; height:80%; text-align:left; font-size:16px; font-weight:bold; color:#333;}

	/* 슬라이드 배너 요소 */
	#buttonList {position:absolute; top:30%; left:10% ;margin:0 0 20px -16px; padding:10px; border-radius:3px; /*background:#ccc;*/}
	#brandVisual .visual_0 {top:0px; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_1 {top: 100%;  background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_2 {top: 200%; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}

	/*  서브  */
	#sub {margin-left:200px; margin-right:0px; height:100%; }

	/*  서브 오른쪽 메뉴  */
	#sub_right_menu {display:none;}

}

/*-------------------------< 1400 이하 >-------------------------*/
@media screen and (max-width : 1400px) {
	/* 모바일 메뉴 */
	#m_menu_wrap {position:relative; display:none;}

	/*  4단 메뉴  */
	.main_bottom_01_lay_main_left {position:relative; float:left; width:30%; height:100%;}
	.main_bottom_01_lay_main_right {position:relative; float:left; width:70%; height:100%;}
	.main_bottom_01_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:17px; font-weight:bold; color:#444444; padding-bottom:10%;}
	.main_bottom_01_lay_main_left_1 {position:absolute; left:0px; top:18px; margin-top:0px;}
	.main_bottom_01_lay_main_left_1 img {width:80%;}
	
	/*#right_menu_wrap {width:100% ! important;}
	#right_menu_wrap_02 {width:50% ! important;}
	.right_menu_05_blank.br-top {border-top:1px solid #e1e1e1;}
	.right_menu_05_lay {padding-left:5%;}
	.right_menu_05_lay_main_right_lay {margin-top:-24px;}*/

	/* 슬라이드 배너 요소 */
	#buttonList {position:absolute;bottom:9%;left:25%;margin:0 0 20px -36px;padding:10px;border-radius:3px;}
	#brandVisual .visual_0 {top:0px; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_1 {top: 100%;  background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_2 {top: 200%; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
}

/*-------------------------< 1300 이하 >-------------------------*/
@media screen and (max-width : 1300px) {
	/* 모바일 메뉴 */
	#m_menu_wrap {position:relative; display:none;}

	/*  4단 메뉴  */
	.visual_img {position:absolute; left:100px; top:90px; width:380px; height:auto; }

	/* 슬라이드 배너 요소 */
	#buttonList {position:absolute;bottom:9%;left:25%;margin:0 0 20px -36px;padding:10px;border-radius:3px;}
}

/*-------------------------< 1200 이하 >-------------------------*/
@media screen and (max-width : 1200px) {
	/* 모바일 메뉴 */
	.main_menu {position:fixed; right:10px; top:10px; width:45px; height:45px; z-index:9;  display:block;}
	.home_menu {position:fixed; left:10px; top:10px; width:40px; height:40px; z-index:9; display:block;}
	#m_menu_wrap {position:relative; display:block;}

	/*  왼쪽 메뉴  */
	#left_menu {position:absolute; left:0px; top:0px; width:199px; height:100%; background:#0b73d1; border-right:1px solid #03328d; z-index:9999; display:none;}

	/*  메인  */
	#main {margin-left:0px; margin-right:0px; height:100%; }

	/*  4단 메뉴  */
	.main_bottom_01_lay_main_right_1 {padding-top:6%; font-size:15px;}
	.main_bottom_01_lay_main_right_2 {padding-top:0;}
	.visual_img {position:absolute; left:100px; top:90px; width:400px; height:auto; }

	/*  오른쪽 메뉴  */
	#right_menu {position:relative; margin-left:0px; height:20%;}
	.right_menu_02_lay_main_img {left:43%; top:24%;}
	.right_menu_03_lay_main_img {left:42%; top:39%;}
	.right_menu_line {display:block;}
	.right_menu_line2 {display:none;}

	/* 슬라이드 배너 요소 */
	#buttonList {position:absolute;bottom:9%; left:12%;margin:0 0 20px -36px;padding:10px;border-radius:3px;}
	#brandVisual .visual_0 {top:0px; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_1 {top: 100%;  background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_2 {top: 200%; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}

	/*  서브  */
	#sub {margin-left:0px; margin-right:0px; height:100%; }
	.sub_main_top {position:relative; float:left; width:100%; height:110px; border-bottom:1px solid #e1e1e1;}

}

/*-------------------------< 421 ~ 1000 PAD >-------------------------*/
@media screen and (min-width:421px) and (max-width: 1000px) {
	/* 모바일 메뉴 */
	.main_menu {position:fixed; right:10px; top:10px; width:45px; height:45px; z-index:9; display:block;}
	.home_menu {position:fixed; left:10px; top:10px; width:40px; height:40px; z-index:9; display:block;}
	#m_menu_wrap {position:relative; display:block;}

	/*  메인  */
	.main_top {position:relative; float:left; width:100%; height:55%; }
	.visual_img {position:absolute; left:10%; top:10%; width:300px; height:auto; }

	/*  4단 메뉴  */
	.main_bottom {float:left; width:100%; height:15%; background:#f9f9f9; border-top:1px solid #e1e1e1;}
	.main_bottom_wrap {width:50%; background:#f9f9f9; border-bottom:1px solid #e1e1e1;}
	.main_bottom_01_lay_main_left {position:relative; float:left; width:100%; height:50%;}
	.main_bottom_01_lay_main_left_1 {position:absolute; left:56%; top:5%; margin-top:0px; margin-left:-13%;}
	.main_bottom_01_lay_main_right {position:relative; float:left; width:100%; height:50%;}
	.main_bottom_01_lay_main_right_1 {position:absolute; float:left; top:-51%; width:100%; height:100%; text-align:center; font-size:16px; font-weight:none; color:#444444; padding-bottom:6%; /*line-height:50px;*/}
	.main_bottom_01_lay_main_right_2 {display:block ! important; position: absolute; float: left; top:35%; text-align: center;}

	/*  오른쪽 메뉴  */
	#right_menu {position:relative; top:15%; margin-left:0px; height:25%; }
	#right_menu_wrap {position:relative; float:left; width:100% ! important; height:100%;}
	#right_menu_wrap_02 {position:relative; float:left; width:49.8% ! important; height:80%; border-right:1px solid #e1e1e1;}
	.right_menu_01_lay_main_left {float:left; width:80%; height:100%;}
	.right_menu_04_lay_main_left_1 {top:37%}
	.right_menu_01_lay_main_right {float:left; width:20%; height:100%; display:block;}
	.right_menu_line {display:none;}
	.right_menu_line2 {position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#e1e1e1; display:block; z-index:9;}
	.right_menu_02_lay_main_img {position:absolute; left:45%; top:50%; margin-top:-4%;}
	.right_menu_03_lay_main_img {position:absolute; left:45%; top:50%; margin-top:-4%;}
	.right_menu_04_lay_main_right_lay {position:absolute; left:0px; top:22%; margin-top:-4%;}
	.right_menu_04_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:13px; font-weight:bold; color:#333; padding-bottom:1%;}
	.right_menu_04_lay_main_right_2 {float:left; width:100%; height:80%; text-align:left; font-size:17px; font-weight:bold; color:#333;}
	.right_menu_05_blank.br-top {border-top:0 ! important;}
	.right_menu_05_lay_main_left_1 {top:37%}
	.right_menu_05_lay_main_right_lay {position:absolute; left:0px; top:22%; margin-top:-3%;}
	.right_menu_05_lay_main_right_1 {float:left; width:100%; height:20%; text-align:left; font-size:13px; font-weight:bold; color:#333; padding-bottom:1%;}
	.right_menu_05_lay_main_right_2 {float:left; width:100%; height:80%; text-align:left; font-size:13px; font-weight:bold; color:#333;}

	/* 슬라이드 배너 요소 */
	#buttonList {position:absolute;bottom:9%;left:13%;margin:0 0 20px -36px;padding:10px;border-radius:3px;}
	#brandVisual .visual_0 {top:0px; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_1 {top: 100%;  background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_2 {top: 200%; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}

	/* 서브 */
	.sub_main_top {position:relative; float:left; width:100%; height:110px; border-bottom:1px solid #e1e1e1;}

	/* 행복한공부 > 행복한공부 */
	.sub_01_01_1 {position:relative; padding-bottom:20%; width:100%; height:100%; /*border:1px solid #abceeb; background:#e0effb;*/}
	.sub_01_01_1_left {position:absolute; left:10%; top:26%; z-index:2; padding-right:10%;}
	.sub_01_01_1_left_1 {float:left; width:100%; font-size:25px; color:#2877b9; font-weight:bold; padding-bottom:2%;}
	.sub_01_01_1_left_2 {float:left; width:100%; font-size:13px; color:#2877b9;}
	.sub_01_01_1_right img {height:180px;}
	
	/* 회사개요 */
	.sub_01_01_2_box_w {width:100%;}
	.sub_01_01_2_box_left {float:left; /*width:47%;*/ height:100%; padding:0 5%;}
	.sub_01_01_2_box_left_f {float:left; width:80%; padding:10%; font-size:16px; line-height:24px; font-weight:bold;}
	.sub_01_01_2_box_right {float:left; width:47%; padding:3% 3% 3% 0; font-size:14px; line-height:20px;}
	.sub_01_01_2_title {margin-top:5%; font-size: 16px;}
	.sub_04_title {margin-top:5%; font-size: 16px;}

	.sub_01_01_2.certi, .sub_01_01_2.certi .sub_01_01_2_title {margin-top:0;}

	/* 행복한공부 > C.I 의미 */
	.sub_01_03_1_left_1 {float:left; font-size:27px; color:#4d9a32; font-weight:bold; padding-right:20px;}
	.sub_01_03_1_left_2 {float:left; font-size:27px; color:#4d9a32; line-height:29px; letter-spacing:-2px; padding-right:30px;}
	.sub_01_03_1_right {float:left; font-size:14px; color:#666666; width:100%; padding-top:3%;}
	.sub_01_03_2 {float:left; position:relative; width:100%; height:100%; margin-top:8%;}
	.sub_01_03_3 {float:left; position:relative; width:100%; height:100%; margin-top:5%; margin-bottom:3%;}

	/* 오시는길 */
	.sub_01_04_1 {float:left; position:relative; width:100%; height:100%; /*margin-top:5%;*/ /*margin-bottom:5%;*/ padding-bottom:0;}
	.sub_01_04_1_1 {float:left; width:50%; margin-right:0%; /*border-top:1px solid #000000;*/ margin-left:0; margin-right:0; margin-bottom:3%;}
	.sub_01_04_1_2 {float:left; width:100%; margin-right:0%; border-top:1px solid #000000; margin-bottom:6%;}
	.sub_01_04_1_3 {float:left; width:100%; border-top:1px solid #000000;}
	.sub_01_04_1_left {float:left; width:96%; text-align:center; margin:15px 0; padding-bottom:0; font-size:15px; color:#444444;}
	.sub_01_04_1_right {float:left; width:96%; text-align:right; margin-top:1px; font-size:15px; color:#444444;}
	.sub_05_title {font-size:16px;}

	/* 검사 */
	.sub_02_01_left {float:left; width:5%; margin-left:5%; text-align:center; font-size:20px; font-weight:bold; padding-top:3%; padding-bottom:3%; padding-left:0;}
	.sub_02_01_center_title {float:left; font-size:20px; font-weight:bold; color:#333333; margin-bottom:20px;}
	.sub_02_01_center_text {float:left; font-size:13px; line-height:140%;}

	.sub_02_01_1.history .sub_02_01_left, .sub_02_01_2.history .sub_02_01_left, .sub_02_01_3.history .sub_02_01_left {font-size: 24px; padding-left:0;}

	/* 개인 프로그램 */
	.sub_03_01_1_content_p {float:left; width:50%; padding:10% 0% 10% 10%;}
	.sub_03_01_t1 {font-size:26px; color:#fefd87; font-weight:bold;}
	.sub_03_01_t2 {font-size:20px; color:#ffffff; font-weight:bold;}
	.sub_03_01_t3 {font-size:13px; color:#93c099; font-weight:bold;}

	/* 단체 프로그램 */
	.sub_03_02_1_content_p {float:left; width:50%; padding:10% 0 10% 10%;}
	.sub_03_02_t1 {font-size:24px; color:#ffffff; font-weight:normal;}
	.sub_03_02_t2 {font-size:24px; color:#fefd87; font-weight:bold;}
	.sub_03_02_t3 {font-size:15px; color:#a8b8ff; font-weight:bold;}

	/* 취지 */
	.sub_05_01_1_lay {float:left; padding:10%;}
	.sub_05_01_1_1 {float:left; width:100%; font-size:30px; color:#296dab; font-weight:bold; padding-bottom:5%;}
	.sub_05_01_1_2 {float:left; width:100%; font-size:18px; color:#305472; padding-bottom:5%; line-height:150%; font-weight:bold;}
	.sub_05_01_1_3 {float:left; width:100%; font-size:16px; color:#305472; line-height:150%;}
	.sub_05_02_1_lay {float:left; padding:10% 10% 10% 10%;}
	.sub_05_02_1_1 {float:left; width:100%; font-size:30px; color:#797912; font-weight:bold; padding-bottom:5%;}
	.sub_05_02_1_2 {float:left; width:100%; font-size:16px; color:#797912;}


	/*en*/
	.right_menu_04_lay_top_left { font-size:15px;}
	.title_mail{color:#003eb5; font-size:15px; padding-top:2%;}
	.title_mail a{color:#003eb5;font-size:12px;}

}

/*-------------------------< 770 PAD >-------------------------*/
@media screen and (max-width:770px) { 

	.sub_main_title img {width:100px; margin-top:2%; margin-bottom:2%;}

	/* 개인 프로그램 */
	.sub_03_01_1_content_p {float:left; width:80%; padding:15% 10% 15% 10% ;}
	.sub_03_01_t1 {font-size:30px; color:#fefd87; font-weight:bold;}
	.sub_03_01_t2 {font-size:25px; color:#ffffff; font-weight:bold;}
	.sub_03_01_t3 {font-size:14px; color:#93c099; font-weight:bold;}

	/* 단체 프로그램 */
	.sub_03_02_1_content_p {float:left; width:70%; padding:15% 15% 15% 15%;}
	.sub_03_02_t1 {font-size:26px; color:#ffffff; font-weight:normal;}
	.sub_03_02_t2 {font-size:26px; color:#fefd87; font-weight:bold;}
	.sub_03_02_t3 {font-size:14px; color:#a8b8ff; font-weight:bold;}

	.content-tabs ul li a {font: bold 12px 'Nanum Gothic';}

	/*제품안내*/
	.sub_02_01_left_01 { font-size:15px; }
	.sub_02_01_left_VIT{margin-left:2%; padding-top:10%; padding-bottom:0%;}

}

/*-------------------------< 520 스마트폰 >-------------------------*/
@media screen and (max-width:560px) { 

	/* 개인 프로그램 */
	.sub_03_01_1_content_p {float:left; width:80%; padding:15% 10% 15% 10% ;}
	.sub_03_01_t1 {font-size:22px; color:#fefd87; font-weight:bold;}
	.sub_03_01_t2 {font-size:20px; color:#ffffff; font-weight:bold;}
	.sub_03_01_t3 {font-size:14px; color:#93c099; font-weight:bold;}

	/* 단체 프로그램 */
	.sub_03_02_1_content_p {float:left; width:80%; padding:15% 10% 15% 10%;}
	.sub_03_02_t1 {font-size:22px; color:#ffffff; font-weight:normal;}
	.sub_03_02_t2 {font-size:22px; color:#fefd87; font-weight:bold;}
	.sub_03_02_t3 {font-size:14px; color:#a8b8ff; font-weight:bold;}

		/*en*/
	.sub_01_02_left_sal {float:left; width:15%; margin-left:2%;margin-right:7%; text-align:center; font-size:15px; font-weight:bold; padding-top:3%; padding-bottom:3%;}
	.sub_02_01_center_title {float:left; font-size:12px; font-weight:bold; color:#333333; margin-bottom:20px;margin-top:0px;}
	.sub_02_01_left_02 {float:left; width:10%; margin-left:5%;  font-size:28px; font-weight:bold; padding-top:6%; }
	
	
}

@media screen and (width:425px) { 

	#right_menu_wrap_02 {width: 100% ! important; border-right:0 ! important;}

}


/*-------------------------< 420 스마트폰 >-------------------------*/
@media screen and (max-width:420px) { 


	/* 모바일 메뉴 */
	.main_menu { position:fixed; right:10px; top:10px; width:45px; height:45px; z-index:9;  display:block;}
	.home_menu {position:fixed; left:10px; top:10px; width:40px; height:40px; z-index:9; display:block;}
	#m_menu_wrap {position:relative; display:block;}
	
	/*  메인  */
	#main {margin-left:0px; margin-right:0px; height:100%;  min-height:710px;}
	#wrap {position:relative; width:100%; height:100%; min-height:0px;}
	.main_top {position:relative; float:left; width:100%; height:50%; }
	.visual_img {position:absolute; left:50%; top:18%; width:80%; margin-left:-39%; height:auto; }

	/*  4단 메뉴  */
	.main_bottom {float:left; width:100%; height:15%; background:#f9f9f9; border-top:1px solid #e1e1e1;}
	/*.main_bottom a {display:block; float:left; width:50%; height:15%;}*/
	/*.main_bottom_wrap {width:50%; height:30%;}*/
	.main_bottom_01_lay_main_left {position:relative; float:left; width:100%; height:50%;}
	.main_bottom_01_lay_main_left_1 {position:absolute; left:63%; top:5%; margin-top:0px; margin-left:-30%;}
	.main_bottom_01_lay_main_right {position:relative; float:left; width:100%; height:100%;}
	.main_bottom_01_lay_main_right_1 {float:left; width:100%; height:100%; text-align:center; font-size:12px; letter-spacing:-1px; font-weight:none; color:#444444; padding-bottom:6%; line-height:18px;}
	.main_bottom_01_lay_main_right_2 {display:none;}

	/*  오른쪽 메뉴  */
	#right_menu {position:relative; margin-left:0px; height:25%; }
	#right_menu_wrap {position:relative; float:left; width:100% ! important; height:100%;}
	#right_menu_wrap.br_top {border-top:0 ! important;}
	#right_menu_wrap_02 {position:relative; float:left; width:100% ! important; height:100%; overflow:hidden;}
	#right_menu_wrap_02.width30 {border-right:0 ! important;}
	.right_menu_01_lay_main_left {float:left; width:80%; height:100%;}
	.right_menu_01_lay_main_right {float:left; width:20%; height:100%; display:block; }
	.right_menu_line {display:none;}
	.right_menu_line2 {position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:#e1e1e1; display:block;  z-index:9;}
	.right_menu_02_lay_main_img {position:absolute; left:84%; top:37%; margin-top:-7%; margin-left:-44%;}
	.right_menu_03_lay_main_img {position:absolute; left:84%; top:50%; margin-top:-9%; margin-left:-44%;}
	.right_menu_05_lay_main_left {width:30%}
	.right_menu_05_lay_main_left_1 {left:20%}
	.right_menu_04_lay_main_right_lay {position:absolute; left:0px; top:50%; margin-top:-9%;}
	.right_menu_04_lay_main_right_1 {float:left; width:100%; height:20%; text-align:center; font-size:12px; font-weight:bold; color:#333; padding-bottom:1%;}
	.right_menu_04_lay_main_right_2 {float:left; width:100%; height:80%; text-align:center; font-size:17px; font-weight:bold; color:#333;}
	.right_menu_05_lay_main_right_lay {position:absolute; left:0px; top:50%; margin-top:-7%; width:100%;}
	.right_menu_05_lay_main_right_1 {float:left; width:100%; height:20%; text-align:center; font-size:14px; font-weight:bold; color:#333; padding-bottom:1%;}
	.right_menu_05_lay_main_right_2 {float:left; width:100%; height:80%; text-align:center; font-size:14px; font-weight:bold; color:#333;margin-bottom:1%;}
	.right_menu_01_lay_main_left ul li {float:left; width:100%; height:27%; text-align:left; font-size:13px; color:#666666; line-height:130%;}
	.right_menu_01_lay_main_right ul li {float:left; width:100%; height:27%; text-align:right; font-size:13px; color:#c9c9c9; line-height:130%;}

	/* 슬라이드 배너 요소 */
	#buttonList {position:absolute; top:80%;left:50%; margin:0 0 0px 0px; margin-left:-51px; padding:10px;border-radius:3px;}
	#brandVisual .visual_0 {top:0px; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_1 {top: 100%;  background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}
	#brandVisual .visual_2 {top: 200%; background:url("../img/main_01.jpg") no-repeat; background-size:100% 100%;}

	/* 서브 */
	.sub_main_top {position:relative; float:left; width:100%; height:110px; border-bottom:1px solid #e1e1e1;}
	.sub_main_top_left {position:absolute; left:0px; bottom:20px; font-size:13px; font-weight:bold; color:#0b73d1;}
	.sub_main_top_right {position:absolute; right:0px; bottom:20px; font-size:10px; color:#333333; letter-spacing: -0.3px;width: 100%; text-align: right;}


	/* 행복한공부 > 행복한공부 */
	.sub_01_01_1 {position:relative; width:100%; height:100%; /*border:1px solid #abceeb; background:#e0effb;*/}
	.sub_01_01_1 p {float:left; padding:2% 0 3% 0; width:100%; height:95%;}

	.sub_01_01_1_left {position:absolute; left:10%; top:20%; z-index:2; padding-right:10%;}
	.sub_01_01_1_left_1 {float:left; width:100%; font-size:18px; color:#2877b9; font-weight:bold; padding-bottom:5%;}
	.sub_01_01_1_left_2 {float:left; width:100%; font-size:12px; color:#2877b9;}
	.sub_01_01_1_right img {height:180px;}
	.sub_01_01_2 {position:relative; width:100%; height:100%; margin-top:10%;}
	.sub_01_01_2_title {margin-top:3%; font-size:16px; font-weight:bold; color:#333333; line-height:22px;}
	.sub_04_title {margin-top:3%; font-size:16px; font-weight:bold; color:#333333; line-height:22px;}
	.sub_01_01_2.certi {margin-top:0;}
	.sub_01_01_2.certi .sub_01_01_2_title {margin-top:0;}
	.sub_01_01_2_box_w {width:100%; height:100%;}
	.sub_01_01_2_box_left {float:left; width:100%; height:43%; padding:0px;}
	.sub_01_01_2_box_left_f {float:left; width:80%; /*padding:10% 10% 5% 10%;*/ font-size:14px; line-height:18px; font-weight:bold;}
	.sub_01_01_2_box_right {float:left; width:80%; padding:0% 10% 10% 10%; font-size:12px; line-height:15px; }
	.sub_01_02_1_right_t_title {float:left; font-size:15px; font-weight:bold; color:#333333; padding-bottom:5%;}

	.sub_01_01_2_box_w.oranization {width:100%; height:100%;}
	.sub_01_01_2_box_w.oranization .sub_01_01_2_box_right {width:80%;}
	.oranization-01 {display:none;}

	/*경영이념*/
	.sub_01_02_center_title {font-size:15px;}
	.sub_01_02_center_sahun {font-size:15px;}

	/* 행복한공부 > CEO 인사말 */
	.sub_01_02_1_left {float:left; width:30%; height:100%; display:none;}
	.sub_01_02_1_right {float:left; width:100%; height:100%; }
	.sub_01_02_1_right_b_l {float:left; width:86%; height:86%; padding:7% 7% 7% 7%;}
	.sub_01_02_1_right_b_r {float:left; width:86%; height:86%; padding:7%;}
	.sub_01_02_1_line2 {position:absolute; width:100%; height:1px; bottom:0px; left:0px; background:#e1e1e1; z-index:9; display:block;}
	
	/* 행복한공부 > C.I 의미 */
	.sub_01_03_1 {float:left; position:relative; float:left; width:100%; height:100%; margin-top:2%; }
	.sub_01_03_1_left {float:left;}
	.sub_01_03_1_left_1 {float:left; font-size:20px; color:#4d9a32; font-weight:bold; padding-right:10px;}
	.sub_01_03_1_left_2 {float:left; font-size:22px; color:#4d9a32; line-height:24px; letter-spacing:-2px; padding-right:0px;}
	.sub_01_03_1_right {float:left; font-size:12px; color:#666666; width:100%; padding-top:5%;}
	.sub_01_03_2 {float:left; position:relative; width:100%; height:100%; margin-top:8%;}
	.sub_01_03_3 {float:left; position:relative; width:100%; height:100%; margin-top:5%; margin-bottom:3%;}

	/* 오시는길, 특허 및 인증서 */
	.sub_01_04_1 {float:left; position:relative; width:100%; height:100%; margin-top:5%; margin-bottom:5%;}
	.sub_01_04_1_1 {float:left; width:100%; margin-right:0%; /*border-top:1px solid #000000;*/ margin-bottom:6%;}
	.sub_01_04_1_2 {float:left; width:100%; margin-right:0%; border-top:1px solid #000000; margin-bottom:6%;}
	.sub_01_04_1_3 {float:left; width:100%; border-top:1px solid #000000;}
	.sub_01_04_1_left {float:left; width:100%; text-align:center; margin-top:15px; font-size:12px; color:#444444;}
	.sub_01_04_1_right {float:left; width:95%; text-align:right; margin-top:15px; font-size:12px; color:#444444;}

	.sub_01_04_1.certi .sub_01_04_1_left {padding-bottom:0; width:96%;}
	.sub_01_04_1.certi .sub_01_04_1_right {width:96%; text-align:center;}

	.sub_01_04_1.location .sub_01_04_1_right {padding-top:0;}

	/* 사업영역 */
	.sub_02_01_left {float:left; width:10%; margin-left:5%; text-align:center; font-size:20px; font-weight:bold; padding-top:8%; padding-bottom:10%;  padding-left:0;}
	.sub_02_01_center {float:left; width:75%; margin-left:5%; margin-right:5%; padding-top:9%; padding-bottom:10%;}
	.sub_02_01_right {float:left; width:10%; margin-right:3%; text-align:center; padding-top:3%; padding-bottom:3%;  display:none;}
	.sub_02_01_center_text {float:left; font-size:13px; line-height:140%;}

	.sub_02_01_1.history .sub_02_01_left, .sub_02_01_2.history .sub_02_01_left, .sub_02_01_3.history .sub_02_01_left {font-size: 16px; padding-left:0;}
	.sub_02_01_1.history .sub_02_01_center, .sub_02_01_2.history .sub_02_01_center, .sub_02_01_3.history .sub_02_01_center {width: 90%; font-size: 12px;}

	/* 개인 프로그램 */
	.sub_03_01_1_content_p {float:left; width:80%; padding:15% 10% 15% 10%;}
	.sub_03_01_t1 {font-size:15px; color:#fefd87; font-weight:bold;}
	.sub_03_01_t2 {font-size:14px; color:#ffffff; font-weight:bold;}
	.sub_03_01_t3 {font-size:13px; color:#93c099; font-weight:bold;}

	/* 단체 프로그램 */
	.sub_03_02_1_content_p {float:left; width:80%; padding:15% 10% 15% 10%;}
	.sub_03_02_t1 {font-size:16px; color:#ffffff; font-weight:normal;}
	.sub_03_02_t2 {font-size:16px; color:#fefd87; font-weight:bold;}
	.sub_03_02_t3 {font-size:14px; color:#a8b8ff; font-weight:bold;}

	/* 취지 */
	.sub_05_01_1_lay {float:left; padding:10%;}
	.sub_05_01_1_1 {float:left; width:100%; font-size:20px; color:#296dab; font-weight:bold; padding-bottom:5%;}
	.sub_05_01_1_2 {float:left; width:100%; font-size:15px; color:#305472; padding-bottom:5%; line-height:150%; font-weight:bold;}
	.sub_05_01_1_3 {float:left; width:100%; font-size:14px; color:#305472; line-height:150%;}
	.sub_05_02_1_lay {float:left; padding:10% 10% 10% 10%;}
	.sub_05_02_1_1 {float:left; width:100%; font-size:19px; color:#797912; font-weight:bold; padding-bottom:5%;}
	.sub_05_02_1_2 {float:left; width:100%; font-size:15px; color:#797912;}

	/*en*/
	.sub_01_02_left_sal {float:left; width:15%; margin-left:2%;margin-right:7%; text-align:center; font-size:15px; font-weight:bold; padding-top:3%; padding-bottom:3%;}
	.sub_02_01_center_title {float:left; font-size:12px; font-weight:bold; color:#333333; margin-bottom:20px;margin-top:0px;}
	.sub_02_01_left_02 {float:left; width:10%; margin-left:5%;  font-size:28px; font-weight:bold; padding-top:6%; }

}

/*-------------------------< 스마트폰 >-------------------------*/
@media screen and (max-width:300px) {
	/* 모바일 메뉴 */
	.main_menu { position:fixed; right:10px; top:10px; width:45px; height:45px; z-index:9;  display:block;}
	#m_menu_wrap {position:relative; display:block;}

		/* 서브 */
	.sub_main_top_right {display:none;}
	.sub_main_top_left {position:absolute; left:0px; bottom:20px; font-size:15px; font-weight:bold; color:#0b73d1;}

	/* 행복한공부 > 행복한공부 */
	.sub_01_01_1 {position:relative; width:99.8%; height:160px; /*border:1px solid #abceeb; background:#e0effb;*/}
	.sub_01_01_1_left {position:absolute; left:10%; top:10%; z-index:2; padding-right:10%;}
	.sub_01_01_1_left_1 {float:left; width:100%; font-size:16px; color:#2877b9; font-weight:bold; padding-bottom:5%;}
	.sub_01_01_1_left_2 {float:left; width:100%; font-size:11px; color:#2877b9;}
	.sub_01_01_1_right img {height:160px;}
	.sub_01_01_2 {position:relative; width:100%; height:100%; margin-top:10%;}
	.sub_01_01_2_title {font-size:15px; font-weight:bold; color:#333333;}
	.sub_01_01_2_box_left {float:left; width:100%; height:100%; padding:0px;}
	.sub_01_01_2_box_left_f {float:left; width:80%; padding:10% 10% 5% 10%; font-size:13px; line-height:18px; font-weight:bold;}
	.sub_01_01_2_box_right {float:left; width:80%; padding:0% 10% 10% 10%; font-size:12px; line-height:15px; }

	/* 행복한공부 > CEO 인사말 */
	.sub_01_02_1_left {float:left; width:30%; height:100%; display:none;}
	.sub_01_02_1_right {float:left; width:100%; height:100%; }
	.sub_01_02_1_right_b_l {float:left; width:86%; height:86%; padding:7%;}
	.sub_01_02_1_right_b_r {float:left; width:86%; height:86%; padding:7%;}
	.sub_01_02_1_line2 {position:absolute; width:100%; height:1px; bottom:0px; left:0px; background:#e1e1e1; z-index:9; display:block;}

	/* 행복한공부 > C.I 의미 */
	.sub_01_03_1_left_1 {float:left; font-size:20px; color:#4d9a32; font-weight:bold; padding-right:10px;}
	.sub_01_03_1_left_2 {float:left; font-size:22px; color:#4d9a32; line-height:20px; letter-spacing:-2px; padding-right:0px;}
	.sub_01_03_1_right {float:left; font-size:12px; color:#666666; width:40%; padding-top:3px;}
	.sub_01_03_2 {float:left; position:relative; width:100%; height:100%; margin-top:8%;}

	/* 개인 프로그램 */
	.sub_03_01_1_content_p {float:left; width:90%; padding:15% 5% 15% 5%;}
	.sub_03_01_t1 {font-size:13px; color:#fefd87; font-weight:bold;}
	.sub_03_01_t2 {font-size:13px; color:#ffffff; font-weight:bold;}
	.sub_03_01_t3 {font-size:13px; color:#93c099; font-weight:bold;}

	/* 단체 프로그램 */
	.sub_03_02_1_content_p {float:left; width:90%; padding:15% 5% 15% 5%;}
	.sub_03_02_t1 {font-size:13px; color:#ffffff; font-weight:normal;}
	.sub_03_02_t2 {font-size:13px; color:#fefd87; font-weight:bold;}
	.sub_03_02_t3 {font-size:13px; color:#a8b8ff; font-weight:bold;}

	.right_menu_04_lay_main_right_2 {float:left; width:100%; height:80%; text-align:center; font-size:25px; font-weight:bold; color:#333;}

}