@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)
*/



/*브라우저 스타일 무효화시키기 -------------------------------------- */

html {}
* { margin:0; padding:0; box-sizing:border-box;}
body { font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight: 400; letter-spacing:0px; font-size:13px; line-height:normal; color:#333; word-break: break-all;}
ul, ol, li { list-style:none;}
img, button, input, a, select { vertical-align:top; border:0; background-color: transparent; color:inherit; font-size: inherit; font-weight: inherit; font-family: inherit;}
input, select { height:28px; padding:0 5px 0 5px; vertical-align: middle;}
a { text-decoration:none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;}
a:hover { text-decoration:none;}
address { font-style:normal;}
caption { display:none;}



/* 전체 공통 -------------------------------------- */

#skip a { position:absolute; top:-9999px; left:0; width:100%; height:0px; overflow:hidden; background-color: #027bc4; font-size: 16px; font-weight: 500; color: #fff; text-align: center; line-height: 32px; z-index: 900;}
#skip a:focus { top: 0; height: 36px;}
#wrap { position:relative; width:100%; min-width:1200px;}

.contents_bar { width:70px; height:1px; margin:0 auto; background-color:#bcbcbc; margin:40px auto 40px auto;}
.contents_bar2 { width:70px; height:1px; margin:0 auto; background-color:#fff; margin:30px auto 30px auto;}

.board_wrap { width:94%; margin:0 auto;}
.board_wrap:after { display:block; content:""; clear:both;}

.table_over { width: 100%; margin: 0 auto; overflow-x: auto; }
.table_notice { display:none; margin-bottom:10px;}
.content_table { margin:0 auto; padding:0; width:100%; background-color:#FFF; border-top:2px solid #444; border-bottom:1px solid #666; border-collapse:collapse;}
.content_table th { font-size:16px; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-weight:400;}
.content_table td { font-size:14px; color:#777;}
.content_table th, .content_table td { text-align:center; line-height:22px; padding:15px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;}
.content_table tr th:first-child, .content_table tr td:first-child { border-left: none;}
.content_table tr th:last-child, .content_table tr td:last-child { }
.content_table th.bg_01, .content_table td.bg_01 { background-color:#f5f5f5;}
.content_table th.bg_02, .content_table td.bg_02 { background-color:#eeeeee;}
.content_table th.bg_03, .content_table td.bg_03 { background-color:#F9F9F9;}
.content_table th.bg_left, .content_table td.bg_left { text-align:left;}



/* 버튼 */

.main_btn { display:inline-block; width:230px; height:50px; text-align:center; line-height:50px; font-size:16px; color:#FFF; margin:0 2px 10px 2px;}
.main_btn a { display:block; height:100%; width:100%;}

.sub_btn { display:inline-block; height:40px; width:200px; line-height:40px; text-align:center; color:#FFF; margin:0 auto;}
.sub_btn a { display:block; height:100%; width:100%;}

.btn_brown { background-color:#cf6c00;}
.btn_blue { background-color:#2c71b1;}
.btn_green { background-color:#33ab24;}
.btn_gray {	background-color:#676767;}
.btn_lightgray { background-color:#848484;}
.btn_pink { background-color:#d8507c;}
.btn_purple { background-color:#801992;}
.btn_white_green { background-color:#fff; border:1px solid #33ab24; color:#33ab24 !important; line-height:38px !important;}
.btn_kakao { display:inline-block; line-height:50px; margin:0 2px 0 2px;}




/* 폰트지정 */

.font_gray { color:#676767;}
.font_lightgray { color:#848484;}
.font_blue { color:#36C;}
.font_red { color:#ea2927;}
.font_green { color:#33ab24;}
.font_pink { color:#d8507c;}
.font_orange { color:#feb325;}
.font_white { color:#FFF;}
.font_brown { color:#cf6c00;}
.font_purple { color:#801992;}

.uline { text-decoration:underline;}



/* header start */

.header { position:absolute; top:0; width:100%; height: 140px; min-width:1200px; z-index:250;}
.header_bottom { border-bottom:1px solid rgba(255,255,255,0.2);}
.header_bg { background-color:rgba(0,0,0,0.2);}
.header_bg2 { background-color:#fff;}
.header-container { position:relative; width:1200px; height:140px; margin:0 auto;}
.nav_btn1 { display:none;}
.nav_btn2 { display:none;}
.header-logo { position:relative; width:100%; height:50px;}
.header-logo h1 {}
.header-logo h1 a { position:absolute; top:16px; left:50%; margin-left:-200px; display:block; width:400px; height:45px; background-image:url(/chn/images/common/logo.png); background-repeat:no-repeat;	background-position:50%; text-indent:-9999px; z-index:1;}
.header-menu { width:96%; height:50px; padding:0; margin:0 auto; color:rgba(255,255,255,0.8);}
.header_left { position:absolute; top:30px; left:70px; font-size:12px;}
.header_right {	position:absolute; top:30px; right:70px; font-size:12px;}
.header_left li, .header_right li {	float:left; padding:0 15px; background-image:url(/chn/images/common/menu_bar.png); background-repeat:no-repeat; background-position:99% 50%;}
.header_left li:last-child, .header_right li:last-child { background-image:none;}
.header-menu_list { position:absolute; top:50px; left:0; display:table; table-layout:fixed; width:100%; height:90px;}
.header-menu_item { position:relative; display:table-cell; width:auto; height:100%; line-height: 80px; font-family: 'Noto Sans SC', sans-serif; font-size: 19px; font-weight:500; letter-spacing:0; cursor: pointer; text-align: center; vertical-align: middle; background-image:url(/chn/images/common/menu_bar.png); background-repeat:no-repeat; background-position:99% 50%;}
.header-menu_item>a { display:block; height:80px;}
.header-menu_item:nth-child(1) { width:20%;}
.header-menu_item:nth-child(2) { width:20%;}
.header-menu_item:nth-child(3) { width:20%;}
.header-menu_item:nth-child(4) { width:20%;}
.header-menu_item:nth-child(5) { width:20%; background-image:none;}

.gnb_sub { position:absolute; top:90px; left:0; z-index:250; display:none;}
.gnb_sub ul {}
.gnb_sub ul li { padding:5px 0 5px 0;}
.gnb_sub ul li a { display:block; padding-left:30px; color:#444; font-family: 'Roboto','Noto Sans SC', Arial, sans-serif; font-size:14px; font-weight:400; text-align:left; letter-spacing:0; line-height:18px;}

.header-menu_list>.header-menu_item:nth-child(1)>.gnb_sub>ul>li { padding-left:58px;}
.header-menu_list>.header-menu_item:nth-child(2)>.gnb_sub>ul>li { padding-left:25px;}
.header-menu_list>.header-menu_item:nth-child(3)>.gnb_sub>ul>li { padding-left:50px;}
.header-menu_list>.header-menu_item:nth-child(4)>.gnb_sub>ul>li { padding-left:55px;}
.header-menu_list>.header-menu_item:nth-child(5)>.gnb_sub>ul>li { padding-left:55px;}

.gnb_bg { display:none; position:absolute; top:140px; width:100%; height:200px; background-color:#FFF; z-index:200;}



/* 모바일 메뉴 */

.header-m_menu { position:fixed; top:-400px; left:0;  width:100%; padding:10px 30px 40px 30px; background-color:#FFF; z-index:300;}
.header-m_menu_list { width:150px; margin:0 0 0 auto;}
.header-m_menu_item { width:100%; line-height: 20px; padding:5px 0; font-size: 14px; color:#444; font-weight: 400; letter-spacing:0; text-align:right; border-bottom:1px solid #DDD; cursor: pointer;}
.header-m_menu ul li:last-child { border-bottom:none;}



/* 전체배경 */

#all_bg { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; z-index:100; display: none;}



/* header end */



/* footer start */

footer { position:relative; width:100%; min-width:1200px; background-color:#444;}
.footer_menu_wrap { width:100%; height:50px; line-height:50px; background-color:#343434;}
.footer_menu_wrap ul { text-align:center;}
.footer_menu_wrap ul li { display:inline-block; line-height:18px; height:18px; color:#FFF; padding:0 10px 0 10px; border-right:1px solid rgba(255,255,255,0.1);}
.footer_menu_wrap ul li:last-child { border-right:none;}
.footer_wrap { position:relative; width:1200px; margin:40px auto 0 auto; padding-bottom:50px;}
.footer_copy { width:100%; text-align:center;}
.footer_copy ul { width:80%; margin:0 auto;}
.footer_copy ul li { display:inline-block; color:rgba(255,255,255,0.7); font-size:12px; letter-spacing:0; line-height:24px; padding-right:10px;}
.footer_copy ul li:last-child { display:block; margin-top:20px;}
.footer_copy ul li img { vertical-align:sub; margin-top:3px;}
.tellink_pc { display:inline-block !important;}
.tellink_mo { display:none !important;}

/* footer end */



/* 전체공통 end ----------------------------------------- */




/* 메인 start --------------------------------------- */



/* 메인공통 */

.main_box { position:relative; width:100%;}
.main_container { position: relative; width:1200px; margin:0 auto; text-align:center;}
.main_container:after { display:block; content:""; clear:both;}

.mvp1 { opacity:0; top:50px;}
.mvp2 { opacity:0; top:50px;}




/* 메인 비주얼 */

.container_visual { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:1920px; height:980px; position:relative; margin-left:-960px; left:50%; top:0%; z-index:1;}
.main_slide_p { position:relative; display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}

.main_vtxt1 { position:absolute; top:350px; left:50%; margin-left:-520px; font-size:22px; font-weight:500; color:rgba(255,255,255,0.8); z-index:150;
animation: /*선택자*/slidein1 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease-out /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both;
-webkit-animation: slidein1 1s ease-out 0s 1 normal both;}
@keyframes slidein1 {
	0% { top:300px; opacity:0;}
	100% { top:350px;}
}
.main_vtxt2 { position:absolute; top:390px; left:50%; margin-left:-520px; font-family: 'Roboto', sans-serif; font-size:70px; font-weight:700; color:#FFF; z-index:150;
animation: /*선택자*/slidein2 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease-out /*딜레이*/0.5s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both;
-webkit-animation: slidein2 1s ease-out 0.5s 1 normal both;}
@keyframes slidein2 {
	0% { margin-left:-470px; opacity:0;}
	100% { margin-left:-520px;}
}
.main_vtxt3 { position:absolute; top:500px; left:50%; margin-left:-520px; font-size:15px; font-weight:300; color:rgba(255,255,255,0.8); z-index:150; }
.main_vtxt3_line { width:110px; height:1px; background-color:rgba(255,255,255,0.2); margin-bottom:40px;}
.main_slide_p img { width:100%; height:auto;
animation: /*선택자*/slidein3 /*동작시간*/7s /*진행속도:ease,ease-out,ease-in*/ease-out /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both;
-webkit-animation: slidein3 7s ease-out 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 50%;}
@keyframes slidein3 {
	0% {  -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
	100% {   -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}



/* bxSlider 버튼 스타일 */

.main_slide a.bx-prev, .main_slide a.bx-next {}
.main_slide a.bx-prev {}
.main_slide a.bx-next {}
.main_slide a.bx-start, .main_slide a.bx-stop {}
.main_slide a.bx-start {}
.main_slide a.bx-stop {}
.main_slide div.bx-pager { position:absolute; bottom:170px; width:100%; text-align:center; z-index:50;}
.main_slide div.bx-pager div { display:inline-block; margin:0 4px;}
.main_slide div.bx-pager div a { display:block; width:60px; height:3px; background-color:rgba(255,255,255,0.2); text-indent:-9999px;}
.main_slide div.bx-pager div a.active { background-color:rgba(255,0,10,0.4);}



/* 01 라인 */

.main_bg01 { background-color:#242424; padding:80px 0 80px 0;}
.mbox_title { display:block; font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; letter-spacing:0px; margin-bottom:10px;}
.mbox_title_txt { display:block; font-size:14px; font-weight:400; margin-bottom:40px; color:rgba(255,255,255,0.3);}
.mbox01 { width:100%; height:auto;}
.mbox01 ul { text-align:left;}
.mbox01 ul li { float:left; width:290px; height:439px; overflow: hidden; margin:0 5px;}
.mbox01 ul li a { position:relative; display:block; color: #fff; width:100%; height:100%;}
.issue_img { display:block; width: 100%; height: 100%; -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;}
.issue_img img { width: 100%; height: 100%;}
.issue_title { position: absolute; z-index: 3; top: 34px; width:90%; margin:0 5%; font-family: 'Roboto', sans-serif; font-weight:500; color: #ffffff; font-size: 24px; text-align:center;}
.issue_title_bar { position: absolute; z-index: 3; top: 84px; width:20%; margin:0 40%; height:1px; background-color:rgba(255,255,255,0.2);}
.issue_date { position: absolute; z-index: 3; top: 110px; width:80%; margin:0 10%; color:rgba(255,255,255,0.8); font-size: 13px; line-height:19px; font-weight: 300; text-align:center}
.mbox01 ul li a:focus .issue_img,
.mbox01 ul li a:hover .issue_img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}




/* 02 라인 */

.main_bg02 { background-color:#FFF; padding:80px 0 80px 0;}
.mbox03 { position:relative; width:100%; height:auto;}
.mbox03_box { float:left; position:relative; text-align:center; width:400px; height:380px; background-color:#FFF;}
.mbox03_box1 {}
.mbox03_box2 {}
.mbox03_box3 {}
.mbox03_icon { margin:50px auto 20px auto; width:100px; height:100px; background-repeat:no-repeat; background-position:center;}
.mbox03_icon1 { background-image:url(/chn/images/main/support_icon1.png);}
.mbox03_icon2 { background-image:url(/chn/images/main/support_icon2.png);}

.mbox03_title_sub { font-size:26px; font-weight:500; letter-spacing:-2px;}
.mbox03_txt_sub { font-size:14px; font-weight:400; padding:10px 60px 30px 60px;}
.mbox03_title_sub2 {width:94px; font-size:26px; font-weight:500;}

.mbox03_tel_num { display:inline-block; font-family: 'Roboto', sans-serif; font-size:30px; letter-spacing:0px; font-weight:700; padding-left:10px;}
.mbox03_tel_num_mo { display:none; font-family: 'Roboto', sans-serif; letter-spacing:0px; font-weight:700;}
.mbox03_txt_sub2 { font-size:14px; width:90%; line-height:20px; padding:10px 0 10px 0; }
.mbox03_txt_sub3 { font-size:14px; line-height:20px;	padding:10px 0 20px 0;}
.mbox03_btn {  display:inline-block; width:230px; height:50px; text-align:center; line-height:48px; font-size:16px; margin:0 2px 10px 2px;  border:1px solid #CCC; }

.mbox03_title_notice { width:70%; height:50px; margin:65px auto 10px auto;}
.mbox03_title_notice a { display:block; width:100%; height:50px; font-size:26px; font-weight:500; text-align:left; line-height:48px; border-bottom:2px solid #333; background:url(/chn/images/main/icon_more.jpg) 100% 15px no-repeat; letter-spacing:0px;}
.mbox03_box6 ul { width:70%; margin:0 auto; text-align:left;}
.mbox03_box6 ul li { height:34px; line-height:33px; padding-left:10px; border-bottom:1px solid #CCC; background:url(/chn/images/main/icon_dot.jpg) 0% 16px no-repeat;}
.mbox03:after { display:block; content:""; clear:both;}



/* 메인 end ----------------------------------------- */



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

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



/* 전체 공통 -------------------------------------- */

#wrap { position:relative; width:100%; min-width:768px;}

.contents_bar { width:70px; height:1px; margin:0 auto; background-color:#bcbcbc; margin:40px auto 40px auto;}
.contents_bar2 { width:70px; height:1px; margin:0 auto; background-color:#fff; margin:30px auto 30px auto;}

.board_wrap { width:94%; margin:0 auto;}
.board_wrap:after { display:block; content:""; clear:both;}




/* 버튼 */

.main_btn { display:inline-block; width:230px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#FFF; margin:0 2px 10px 2px;}
.main_btn a { display:block; height:100%; width:100%;}

.sub_btn { display:inline-block; height:40px; width:200px; line-height:40px; text-align:center; color:#FFF; margin:0 auto;}
.sub_btn a { display:block; height:100%; width:100%;}




/* header start */

.header { position: fixed; top: 0px; bottom: auto; z-index: 400; width:100%; height:60px; background-color:#fff; overflow: hidden;}
.header_bottom { border-bottom:1px solid #e1ded8;}
.header-container {	position:relative; width:100%; height:60px; margin:0 auto;}
.nav_btn1 { display:block; position:fixed; top:18px; right:20px; cursor:pointer;}
.nav_btn2 { display:none; position:fixed; top:18px; right:20px;	cursor:pointer;}
.header-menu { display:none;}
.nav_btn_active { display:block !important;}
.nav_btn_none { display:none;}
.header-logo { position:relative; width:auto; height:50px;}
.header-logo h1 {}
.header-logo h1 a { position:absolute; top:7px; left:0; margin-left:10px; display:block; width:150px; height:45px; background-image:url(/chn/images/common/logo2.png) !important; background-repeat:no-repeat;	background-position:50%; background-size:150px auto; text-indent:-9999px; z-index:1;}
.header-m_menu { display:block;}



/* header end */




/* 전체배경 */

#all_bg { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; z-index:100; display: none;}



/* footer start */

footer { position:relative; width:100%; min-width:768px; background-color:#444;}
.footer_menu_wrap { width:100%; height:50px; line-height:50px; background-color:#343434;}
.footer_menu_wrap ul { text-align:center;}
.footer_menu_wrap ul li { display:inline-block; line-height:18px; height:18px; color:#FFF; padding:0 10px 0 10px; border-right:1px solid rgba(255,255,255,0.1);}
.footer_menu_wrap ul li:last-child { border-right:none;}
.footer_wrap { position:relative; width:100%; margin:40px auto 0 auto; padding-bottom:50px;}
.footer_copy { width:100%; text-align:center;}
.footer_copy ul {}
.footer_copy ul li { display:inline-block; color:rgba(255,255,255,0.7); font-size:12px; letter-spacing:0; line-height:24px; padding-right:10px;}
.footer_copy ul li img { vertical-align:sub; margin-top:3px;}
.tellink_pc { display:inline-block !important;}
.tellink_mo { display:none !important;}

/* footer end */


/* 전체공통 end ----------------------------------------- */



/* 메인 start --------------------------------------- */



/* 메인공통 */

.main_box { position:relative; width:100%;}
.main_container { position: relative; width:100%; margin:0 auto; text-align:center;}
.main_container:after { display:block; content:""; clear:both;}

.mvp1 { opacity:1; top:0px;}
.mvp2 { opacity:1; top:0px;}



/* 메인 비주얼 */

.container_visual { position:relative; width:100%; overflow:hidden; margin-top:60px;}
.main_slide { width:1200px; height:600px; position:relative; margin-left:-600px; left:50%; top:0%; z-index:1;}
.main_slide_p { display:none;}
.main_slide_t { display:block;}
.main_slide_m { display:none;}



/* bxSlider 버튼 스타일 */

.main_slide a.bx-prev, .main_slide a.bx-next { position:absolute; top:50%; margin-top:-46px; width:28px; height:53px; background-size:100% auto; opacity:0.3; text-indent:-9999px;}
.main_slide a.bx-prev { left:50%; margin-left:-728px; background-image: url(/chn/images/icon/icon-slider_left60x17.png); z-index:100;}
.main_slide a.bx-next { left:50%; margin-left:700px; background-image: url(/chn/images/icon/icon-slider_right60x17.png); z-index:100;}
.main_slide a.bx-start, .main_slide a.bx-stop {}
.main_slide a.bx-start {}
.main_slide a.bx-stop {}
.main_slide div.bx-pager { position:absolute; left:50%; bottom:180px; margin-left:-550px; width:768px; text-align:left; padding-left:195px; z-index:50;}
.main_slide div.bx-pager div { display:inline-block; margin:0 4px;}
.main_slide div.bx-pager div a { display:block; width:60px; height:3px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.main_slide div.bx-pager div a.active { background-color:#99d121;}



/* 01 라인 */

.main_bg01 { background-color:#242424; padding:80px 0 80px 0;}
.mbox_title { display:block; font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; letter-spacing:0px; margin-bottom:10px;}
.mbox_title_txt { display:block; font-size:14px; font-weight:400; margin-bottom:40px; color:rgba(255,255,255,0.3);}
.mbox01 { width:100%; height:auto;}
.mbox01 ul { text-align:center;}
.mbox01 ul li { float:none; display:inline-block; width:290px; height:439px; overflow: hidden; margin:0 5px 10px 5px;}
.mbox01 ul li a { position:relative; display:block; color: #fff; width:100%; height:100%;}
.issue_img { display:block; width: 100%; height: 100%; -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;}
.issue_img img { width: 100%; height: 100%;}
.issue_title { position: absolute; z-index: 3; top: 34px; width:90%; margin:0 5%; font-family: 'Roboto', sans-serif; font-weight:500; color: #ffffff; font-size: 24px; text-align:center;}
.issue_title_bar { position: absolute; z-index: 3; top: 84px; width:20%; margin:0 40%; height:1px; background-color:rgba(255,255,255,0.2);}
.issue_date { position: absolute; z-index: 3; top: 110px; width:80%; margin:0 10%; color:rgba(255,255,255,0.8); font-size: 13px; font-weight: 300; text-align:center}
.mbox01 ul li a:focus .issue_img,
.mbox01 ul li a:hover .issue_img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}




/* 02 라인 */

.main_bg02 { background-color:#FFF; padding:80px 0 80px 0;}
.mbox03 { position:relative; width:100%; height:auto; text-align:center;}
.mbox03_box { float:none; display:inline-block; position:relative; text-align:center; width:46%; height:380px; background-color:#FFF;}
.mbox03_box1 {}
.mbox03_box2 {}
.mbox03_box3 {}
.mbox03_icon { margin:50px auto 20px auto; width:100px; height:100px; background-repeat:no-repeat; background-position:center;}
.mbox03_icon1 { background-image:url(/chn/images/main/support_icon1.png);}
.mbox03_icon2 { background-image:url(/chn/images/main/support_icon2.png);}

.mbox03_title_sub { font-size:26px; font-weight:500; letter-spacing:-2px;}
.mbox03_txt_sub { font-size:14px; font-weight:400; padding:10px 60px 30px 60px;}
.mbox03_title_sub2 {width:94px; font-size:26px; font-weight:500;}

.mbox03_tel_num { display:inline-block; font-family: 'Roboto', sans-serif; font-size:30px; letter-spacing:0px; font-weight:700; padding-left:10px;}
.mbox03_tel_num_mo { display:none; font-family: 'Roboto', sans-serif; letter-spacing:0px; font-weight:700;}
.mbox03_txt_sub2 { font-size:14px; width:90%; line-height:20px; padding:10px 0 10px 0; }
.mbox03_txt_sub3 { font-size:14px; line-height:20px;	padding:10px 0 20px 0;}
.mbox03_btn {  display:inline-block; width:230px; height:50px; text-align:center; line-height:48px; font-size:16px; margin:0 2px 10px 2px;  border:1px solid #CCC; }

.mbox03_title_notice { width:70%; height:50px; margin:65px auto 10px auto;}
.mbox03_title_notice a { display:block; width:100%; height:50px; font-size:26px; font-weight:500; text-align:left; line-height:48px; border-bottom:2px solid #333; background:url(/chn/images/main/icon_more.jpg) 100% 15px no-repeat; letter-spacing:0px;}
.mbox03_box6 ul { width:70%; margin:0 auto; text-align:left;}
.mbox03_box6 ul li { height:34px; line-height:33px; padding-left:10px; border-bottom:1px solid #CCC; background:url(/chn/images/main/icon_dot.jpg) 0% 16px no-repeat;}
.mbox03:after { display:block; content:""; clear:both;}






}



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

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


/* 전체 공통 -------------------------------------- */

#wrap { position:relative; width:100%; min-width:320px;}

.contents_bar { width:70px; height:1px; margin:0 auto; background-color:#bcbcbc; margin:40px auto 40px auto;}
.contents_bar2 { width:70px; height:1px; margin:0 auto; background-color:#fff; margin:30px auto 30px auto;}

.board_wrap { width:96%; margin:0 auto;}
.board_wrap:after { display:block; content:""; clear:both;}




/* 버튼 */

.main_btn { display:inline-block; width:150px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#FFF; margin:0 2px 10px 2px;}
.main_btn a { display:block; height:100%; width:100%;}

.sub_btn { display:inline-block; height:40px; width:150px; line-height:40px; text-align:center; color:#FFF; margin:0 auto;}
.sub_btn a { display:block; height:100%; width:100%;}




/* header start */

.header { position: fixed; top: 0px; bottom: auto; z-index: 400; width:100%; height:60px; background-color:#fff; overflow: hidden;}
.header_bottom { border-bottom:1px solid #e1ded8;}
.header-container {	position:relative; width:100%; height:60px; margin:0 auto;}
.nav_btn1 { display:block; position:fixed; top:18px; right:20px; cursor:pointer;}
.nav_btn2 { display:none; position:fixed; top:18px; right:20px;	cursor:pointer;}
.header-menu { display:none;}
.nav_btn_active { display:block !important;}
.nav_btn_none { display:none;}
.header_logo { position:absolute; left:1%; top:0; width:140px; height:60px; }
.header_logo a { display:block; width:100%; height:100%; background-image:url(/chn/images/common/logo.png); background-size:100%; background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999px;}
.header-m_menu { display:block;}



/* header end */



/* footer start */

footer { position:relative; width:100%; min-width:320px; background-color:#444;}
.footer_menu_wrap { width:100%; height:50px; line-height:50px; background-color:#343434;}
.footer_menu_wrap ul { text-align:center;}
.footer_menu_wrap ul li { display:inline-block; line-height:18px; height:18px; color:#FFF; padding:0 10px 0 10px; border-right:1px solid rgba(255,255,255,0.1);}
.footer_menu_wrap ul li:nth-child(3) { border-right: none;}
.footer_menu_wrap ul li:last-child { display:none;}
.footer_wrap { position:relative; width:100%; margin:30px auto 0 auto; padding-bottom:30px;}
.footer_copy { width:100%; text-align:center;}
.footer_copy ul { width:90%;}
.footer_copy ul li { display:inline-block; color:rgba(255,255,255,0.7); font-size:12px; letter-spacing:0; line-height:24px; padding-right:10px;}
.footer_copy ul li img { vertical-align:sub; margin-top:3px;}
.tellink_pc {display:none !important;}
.tellink_mo { display:inline-block !important;}

/* footer end */



/* 전체공통 end ----------------------------------------- */




/* 메인 start --------------------------------------- */



/* 메인공통 */

.main_box { position:relative; width:100%;}
.main_container { position: relative; width:100%; margin:0 auto; text-align:center;}
.main_container:after { display:block; content:""; clear:both;}

.mvp1 { opacity:1; left:0px;}
.mvp2 { opacity:1; right:0px;}
.mvp3 { opacity:1; left:0px;}



/* 메인 비주얼 */

.container_visual { position:relative; width:100%; overflow:hidden;}
.main_slide { width:766px; height:600px; position:relative; margin-left:-383px; left:50%; top:0%; z-index:1;}
.main_slide_p { display:none;}
.main_slide_t { display:none;}
.main_slide_m { display:block;}



/* bxSlider 버튼 스타일 */

.main_slide a.bx-prev, .main_slide a.bx-next { display:none;}
.main_slide a.bx-prev {}
.main_slide a.bx-next {}
.main_slide a.bx-start, .main_slide a.bx-stop {}
.main_slide a.bx-start {}
.main_slide a.bx-stop {}
.main_slide div.bx-pager { position:absolute; left:50%; bottom:120px; margin-left:-160px; width:320px; text-align:center; padding-left:0; z-index:50;}
.main_slide div.bx-pager div { display:inline-block; margin:0 4px;}
.main_slide div.bx-pager div a { display:block; width:60px; height:3px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.main_slide div.bx-pager div a.active { background-color:#99d121;}



/* 01 라인 */

.main_bg01 { background-color:#242424; padding:40px 0 40px 0;}
.mbox_title { display:block; font-family: 'Roboto', sans-serif; font-size:28px; font-weight:700; letter-spacing:0px; margin-bottom:10px;}
.mbox_title_txt { display:block; font-size:12px; font-weight:400; margin-bottom:20px; color:rgba(255,255,255,0.3); padding:0 20px;}
.mbox01 { width:100%; height:auto;}
.mbox01 ul { text-align:center;}
.mbox01 ul li { float:none; display:inline-block; width:290px; height:439px; overflow: hidden; margin:0 5px 10px 5px;}
.mbox01 ul li a { position:relative; display:block; color: #fff; width:100%; height:100%;}
.issue_img { display:block; width: 100%; height: 100%; -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;}
.issue_img img { width:100%; height:100%;}
.issue_title { position: absolute; z-index: 3; top: 34px; width:90%; margin:0 5%; font-family: 'Roboto', sans-serif; font-weight:500; color: #ffffff; font-size: 20px; text-align:center;}
.issue_title_bar { position: absolute; z-index: 3; top: 84px; width:20%; margin:0 40%; height:1px; background-color:rgba(255,255,255,0.2);}
.issue_date { position: absolute; z-index: 3; top: 110px; width:80%; margin:0 10%; color:rgba(255,255,255,0.8); font-size: 12px; font-weight: 300; text-align:center}
.mbox01 ul li a:focus .issue_img,
.mbox01 ul li a:hover .issue_img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}




/* 02 라인 */

.main_bg02 { background-color:#FFF; padding:40px 0 40px 0;}
.mbox03 { position:relative; width:100%; height:auto; text-align:center;}
.mbox03_box { float:none; display:inline-block; position:relative; text-align:center; width:100%; height:350px; background-color:#FFF;}
.mbox03_box1 {}
.mbox03_box2 {}
.mbox03_box3 {}
.mbox03_icon { margin:20px auto 10px auto; width:100px; height:100px; background-repeat:no-repeat; background-position:center;}
.mbox03_icon1 { background-image:url(/chn/images/main/support_icon1.png);}
.mbox03_icon2 { background-image:url(/chn/images/main/support_icon2.png);}

.mbox03_title_sub { font-size:20px; font-weight:500; letter-spacing:-2px;}
.mbox03_txt_sub { font-size:12px; font-weight:400; padding:10px 20px 20px 20px;}
.mbox03_title_sub2 {width:94px; font-size:26px; font-weight:500;}

.mbox03_tel_num { display:inline-block; font-family: 'Roboto', sans-serif; font-size:30px; letter-spacing:0px; font-weight:700; padding-left:10px;}
.mbox03_tel_num_mo { display:none; font-family: 'Roboto', sans-serif; letter-spacing:0px; font-weight:700;}
.mbox03_txt_sub2 { font-size:12px; width:90%; line-height:20px; padding:10px 0 10px 0; }
.mbox03_txt_sub3 { font-size:12px; line-height:20px;	padding:10px 0 20px 0;}
.mbox03_btn {  display:inline-block; width:230px; height:50px; text-align:center; line-height:48px; font-size:14px; margin:0 2px 10px 2px;  border:1px solid #CCC; }

.mbox03_title_notice { width:70%; height:50px; margin:20px auto 10px auto;}
.mbox03_title_notice a { display:block; width:100%; height:50px; font-size:20px; font-weight:500; text-align:left; line-height:48px; border-bottom:2px solid #333; background:url(/chn/images/main/icon_more.jpg) 100% 15px no-repeat; letter-spacing:0px;}
.mbox03_box6 ul { width:70%; margin:0 auto; text-align:left;}
.mbox03_box6 ul li { height:34px; line-height:33px; padding-left:10px; border-bottom:1px solid #CCC; background:url(/chn/images/main/icon_dot.jpg) 0% 16px no-repeat;}
.mbox03:after { display:block; content:""; clear:both;}












}