@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
* { margin: 0; padding: 0 }
body, td, p, input, button, textarea, select, a { font-family: 'Noto Sans Korean', 'Malgun Gothic', '���� ����', dotum, '����', gulim, '����', tahoma, sans-serif; font-family: 'Pretendard'; font-size: 15px; color: #333; line-height: 1.6; letter-spacing: -1px; padding: 0; margin: 0 }
body { overflow-y: scroll }
html, body { height: 100% }
img { border: 0; vertical-align: top }
a { text-decoration: none; }
li { list-style: none }
strong, b { font-weight: 600 }
.d_container { max-width: 1100px; margin: 0 auto; position: relative }
/* ���� */
#wrap { width: 100%; overflow: hidden; padding: 0; margin: 0 auto; }
.inner { width: 100%; max-width: 1200px; overflow: hidden; margin: 0 auto; padding: 0; }
.mb30 { margin: 0 0 40px 0; }
.bigtext { font-size: 2em; }
.center { text-align: center; background-position: top center }
.orange { color: #F60; }
.half { float: left; width: 46%; padding: 0 2em 0 0; overflow: hidden }
.bold { font-weight: bold; }
.comm_dl { overflow: hidden; }
.comm_dl dt { float: left; width: 20%; font-weight: bold; padding: 0.5em 0 }
.comm_dl dd { float: left; width: 80%; padding: 0.5em 0 }
.clear { clear: both; }
.sub_container { width: 100%; overflow: hidden; }
.comm_list li { clear: both; padding: 5px 0 5px 15px; background: url(../images/common/business_li_bg.png) no-repeat 0px 13px; width: 100% !important; border: none !important; text-align: left !important }
.comm_box { border: 10px solid #6ebfdd; padding: 2em; overflow: hidden; background: url(../images/common/comm_box_bg.png) no-repeat right 40%; }
.blank { width: 100%; clear: both; height: 30px; }
.image img { max-width: 100%; width: 100% }
.button a { display: block; padding: 0.5em 2em; color: #fff }
.button a:hover { background: #67543b; }
.button { background: #f1592a; font-weight: bold; text-align: center; width: 150px; margin: 0 auto }
.btn_ul { text-align: center; overflow: hidden; padding: 1em 0 }
.btn_ul li { display: inline-block; margin: 0 1em; text-align: center }
.btn_ul li a { display: block; padding: 0.5em 2em; background: #023e74; color: #fff; font-weight: bold }
.btn_ul li:last-child a { background: #ed1c24; }
.comm_input { background: #eaeaea; padding: 0.5em; width: 50%; border: 0; margin: 0 0 0.2em 0 }
.comm_textarea { width: 100%; background: #ececec; border: 0; height: 300px; padding: 0.5em }
.right { float: right; }
.left { float: left; width: 50%; }
.sub_bg { width: 100%; height: 200px; background: url(../images/common/sub_bg01.jpg) no-repeat top center; background-size: 100% }
.sub_bg p { padding: 2em; font-weight: bold; font-size: 30px; }
.sub_bg p span { display: block; font-weight: normal; font-size: 24px }
.img { width: 100%; max-width: 100%; }
.textandimg { overflow: hidden; clear: both }
.textandimg img { float: left; width: 30%; }
.textandimg ul { float: left; width: 70%; }
sup { font-size: 0.5em }
.sub_path { display: none; }
.comm_box2 { margin-top: 30px; }
.comm_box2 h5 { font-size: 24px !important; color: #303030; font-weight: 500; background: url(../images/sub02/main_pd_tit3.png) no-repeat 0% 8px; padding-left: 25px; margin-bottom: 8px; }
.comm_box2 .comm_list strong { color: #1957aa; }
/* ����Ʈ�ڽ� ������ư */
.control-group { display: inline-block; vertical-align: top; background: #fff; text-align: left; box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 30px; width: 200px; height: 210px; margin: 10px; }
.control { position: relative; padding: 5px 0 5px 30px; margin-bottom: 15px; cursor: pointer; }
.control input { position: absolute; z-index: -1; opacity: 0; }
.control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; }
.control--radio .control__indicator { border-radius: 50%; }
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #ccc; }
.control input:checked ~ .control__indicator { background: #023f73; }
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #3699c5; }
.control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.control__indicator:after { content: ''; position: absolute; display: none; }
.control input:checked ~ .control__indicator:after { display: block; }
.control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.control--checkbox input:disabled ~ .control__indicator:after { border-color: #f1592a; }
.control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff; }
.control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; }
.select { position: relative; display: inline-block; width: 100%; }
.select select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #e6e6e6; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.select select::-ms-expand {
 display: none;
}
.select select:hover, .select select:focus { color: #000; background: #ccc; }
.select select:disabled { opacity: 0.5; pointer-events: none; }
.select__arrow { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; }
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #000; }
.select select:disabled ~ .select__arrow { border-top-color: #ccc; }
.sample627al { display: none !important; }
/* ���� ���� */
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 999 }
#back-top a { width: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
/* arrow icon (span tag) */
#back-top span { width: 40px; height: 40px; display: block; margin-bottom: 7px; background: #1957aa url(../images/common/up-arrow.png)no-repeat center center; background-size: 50%; /* rounded corners */ /* -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { background-color: #ccc; }
/* ��Ʈ��_intro */
#warp_intro { width: 100%; max-width: 100%; min-height: 900px; overflow: hidden; padding: 0; margin: 0 auto; position: relative; background: url(../images/common/intro_head.jpg) no-repeat center; background-size: cover; }
#header_intro { max-width: 100%; width: 100%; height: 100%; height: auto; overflow: hidden; }
#contants_intro { background: url(../images/common/intro_bg.jpg) no-repeat center; width: 1200px; height: auto; min-height: 250px; position: absolute; margin: 0 auto; top: 65%; left: 50%; transform: translate(-50%, -50%); }
#contants_intro ul { position: relative; left: -50%; width: 100%; height: 100%; padding: 4.5em 0; }
#contants_intro ul li { position: relative; float: left; left: 50%; width: 50%; padding-left: 50px; }
#contants_intro ul .intro_eng { padding-left: 0; margin-left: 0; width: 45%; }
#footer_intro { overflow: hidden; padding: 20px; text-align: center; background: #232323; color: #fff; width: 100%; position: absolute; bottom: 0; }
/* ���� ���̾ƿ� */
#header { position: relative; width: 100%; top: 0; z-index: 990; background-color: #fff; }
#main_contants { width: 100%; overflow: hidden }
.snb { position: absolute; top: 13px; right: 0; z-index: 999999999999 }
.snb a { background: #a59b89; padding: 0.5em; border-radius: 100px; }
.logout a { background: #fa0001; padding: 0.5em; border-radius: 100px; }
.container { width: 100%; overflow: hidden; }
.main_con { max-width: 1100px; width: 100%; overflow: hidden; position: relative; padding: 2em 0; margin: 0 auto }
.main_product {/*position:absolute; top:550px; left:50%; transform:translateX(-50%); width:1100px; z-index:9*/ }
.main_product ul { display: flex; justify-content: space-between }
.main_product ul li { flex: 1; text-align: center }
.main_product ul li img { display: block; margin: 0 0 20px 0 }
.main_product ul li a { font-weight: bold; padding: 20px 0; font-size: 18px; display: block }
.main_photo { overflow: hidden; padding: 50px 0 }
.main_photo h2 { font-weight: bold; font-size: 36px; text-align: center; margin: 0 0 30px 0 }
.main_photo h2 span { display: block; font-weight: normal; font-size: 18px; color: #666 }
.main_call { overflow: hidden; background: #193265; padding: 20px 0; color: #fff }
.call_warp{}
.main_call dl {display: flex;font-size: 20px; font-weight: bold }
.main_call dl dt{padding: 0 0.5rem 0 0;}
.main_call ul { display: flex;}
.main_call ul li {padding:0 2rem 0 0 ;font-size: 20px; font-weight: bold}

.main_photo .pic { width: 18% !important }
/* ���� �����̵�_new*/

.text01 { font-size: 22px; color: #383838; /*text-shadow: 2px 2px 5px #000000;*/ line-height: 1 }
.text01 span { display: block; font-weight: bold; color: #fff; font-size: 80px; font-family: 'Titillium Web', sans-serif; letter-spacing: -1px; text-shadow: none; margin-bottom: 7px; }
.text01 b { font-size: 36px; color: #fff; }
.responsive-slider { width: 100%; position: relative; margin: 0 auto }
.responsive-slider [data-animate] { opacity: 1; }
.responsive-slider .slides { position: relative; overflow: hidden; width: 100% }
.responsive-slider .slides ul { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; font-size: 0; }
.responsive-slider .slides ul li { display: inline-block; max-width: 100%; }
.responsive-slider .slides ul li .slide-body { display: inline-block; position: relative; max-width: 100%; font-size: 14px; }
.responsive-slider .slides ul li .slide-body img { max-width: 100%; height: 850px }
.responsive-slider .slides ul li .slide-body .caption { position: absolute; color: #1b8d27; /*text-shadow: 2px 2px 5px #000000; */ }
.responsive-slider .slides ul li .slide-body .caption.header { max-width: 1200px; width: 100%; top: 20%; left: 50%; /*left: 50%; transform: translateX(-70%);*/ position: absolute; right: 0; margin: 0 auto !important; }
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 60px; text-align: center; font-weight: bold }
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 35px; }
.responsive-slider .slides ul li .slide-body .caption.sub { font-weight: bold; left: 0; right: 0; text-align: center; font-size: 1.5em }
.responsive-slider .slides ul li .slide-body .caption.img01 { top: 60%; left: 20%; }
.responsive-slider .slides ul li .slide-body .caption.img02 { top: 60%; left: 0; right: 0; text-align: center }
.responsive-slider .slides ul li .slide-body .caption.img03 { top: 60%; right: 20%; }
.responsive-slider .slider-control { position: absolute; font-size: 50px; color: #fff; top: 40%; padding: 100px; }
.responsive-slider .slider-control.left { left: 10%; padding-left: 0; background: url(../images/main/arrow_left.png) no-repeat; display: none }
.responsive-slider .slider-control.left:hover { text-decoration: none; background: url(../images/main/arrow_left_on.png) no-repeat; }
.responsive-slider .slider-control.right { right: 10%; padding-right: 0; background: url(../images/main/arrow_right.png) no-repeat; display: none }
.responsive-slider .slider-control.right:hover { text-decoration: none; background: url(../images/main/arrow_right_on.png) no-repeat; }
.responsive-slider .pages { max-width: 1200px; width: 100%; text-align: left; position: absolute; left: 15.5%; top: 340px; /*transform: translateX(-300%);*/ z-index: 999 }
.responsive-slider .pages .page { display: inline-block; margin: 0.3em; color: transparent; width: 12px; height: 12px; background: #1957aa; opacity: 1; border-radius: 10px; }
.responsive-slider .pages .page.active { opacity: 1; width: 10px; height: 10px; border: 3px solid #1957aa;/*background: #254d34;*/ background: none; border-radius: 10px; }
.main_sd_img { position: absolute; width: 288px; height: 534px !important; top: 30%; left: 34%; }
.main_sd_img img { width: 288px !important; height: 534px !important; }
.main_sd_img2 { width: 520px; height: 570px !important; top: 36%; left: 20%; }
.main_sd_img2 img { width: 520px !important; height: 570px !important; }
.main_sd_img3 { width: 441px; height: 441px !important; top: 38%; left: 23%; }
 @media all and (max-width:1024px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 2em; }
.responsive-slider .slides ul li .slide-body .caption.img01, .responsive-slider .slides ul li .slide-body .caption.img02, .responsive-slider .slides ul li .slide-body .caption.img03 { width: 30%; }
.responsive-slider .slides ul li .slide-body .caption.img01 { left: 0; }
.responsive-slider .slides ul li .slide-body .caption.img02 { left: 35%; }
.responsive-slider .slides ul li .slide-body .caption.img03 { right: 0; }
.mob_height { height: 450px; }
.responsive-slider .slides ul li .slide-body img { height: 300px !important; }
.responsive-slider .slider-control.left, .responsive-slider .slider-control.right { display: none; }
}
/*���� ������*/
.container { overflow: hidden; clear: both; position: relative }
.main_container { position: absolute; top: 86px; left: 50%; transform: translateX(-50%); width: 1100px; }
.main_con2 { width: 500px; background: #fff; float: right }
.main_box { overflow: hidden; background: #009a5f; }
.main_box p { float: right; width: 50% }
.main_box a { color: #fff; }
.main_box dl { overflow: hidden; height: 284px; }
.main_box dl dt { margin: 0 0 20px 0; }
.main_box dl dt span { font-size: 20px; display: block; margin: 20px 0 0 18px; color: #fff; font-weight: 600; background: url(../images/main/main_pd_tit.png) no-repeat left 70%; padding-left: 20px; letter-spacing: -1px; }
.main_box dl dt .info_line { width: 15px; height: 2px; background: #fff; padding: 0; margin: 10px 0 0 20px; float: left; }
.main_box dl dt span a { font-family: 'Exo 2', sans-serif; display: block; text-transform: uppercase; font-weight: bold; font-size: 16px }
.main_box dl dd { padding-left: 25px; }
.main_box dl dd ul { padding-top: 0px; }
.main_box dl dd ul li { background: url(../images/main/main_rt_bt2.png) no-repeat left 70%; padding-left: 15px; padding-top: 3px; }
.main_box dl dd ul li a { font-size: 14px; font-weight: 400; }
.main_box dl dd ul li a:hover { font-weight: 600; }
.main_box .into_bt { font-size: 12px; line-height: 20px; color: #fff; padding: 1.5em 2.8em; width: 100px; }
.main_box .into_bt a { display: block; border: 1px solid #fff; color: #fff; font-size: 12px; text-align: center; padding: 0.5em 0.8em; width: 100px; }
.main_box .into_bt img { margin-top: 4px; margin-left: 10px; }
.box_bottom { background: #354b69 !important; }
.main_box .main_box_b { width: 50%; float: left; }
.main_box .main_cd { background: #fff; background: url(../images/main/main_cd_bg.jpg) no-repeat; background-size: cover; }
.main_box .main_cd dt span { color: #1957aa; background: url(../images/main/main_pd_tit2.png) no-repeat left 60%; }
.main_cd .info_line { background: #1957aa !important; }
.main_box .main_cd dd { padding-left: 18px; }
.main_box .main_cd dd a { color: #1957aa !important; }
.main_box .main_cd .into_bt a { border: 1px solid #1957aa; }
.main_box .main_cd .into_bt { position: absolute; bottom: 30px; margin-left: 65px; }
.main_box .main_notice dt span { font-weight: 500 !important; }
.main_box .main_notice dd { padding-left: 20px; padding-top: 10px; }
/*
.main_box .main_notice ul {width: 90%;   height: auto; border-bottom:1px solid #fff; padding-top:0; }
.main_box .main_notice ul li {  border-top:1px solid #fff; background: none; color:#fff; font-size:12px; padding-left:3px; width:100%; height:55px; padding-top:8px;}
.main_box .main_notice ul li p { color:#fff; font-size:12px;}
.main_box .main_notice ul .main_notice_t { width:100%; }
.main_box .main_notice ul .main_notice_c {text-align:right; padding-top:5px; padding-right:5px;}
*/

.main_box2 { background: #2669ad; }
.main_box2 p { float: left; width: 50% }
.main_box2 .main_box2_c { font-size: 12px; line-height: 20px; color: #fff; }
.main_box2 dl dd { padding-left: 20px; padding-top: 5px; padding-right: 20px; }
.main_box2 .into_bt { position: absolute; right: 0; overflow: hidden; margin-top: 3.5em; }
.main_box3 { background: ##009a5f; }
.main_box3 .main_box2_c { font-size: 12px; line-height: 20px; color: #fff; }
.main_box3 dl dd { padding-left: 20px; padding-top: 5px; padding-right: 20px; }
.main_box3 .into_bt { position: absolute; margin-left: 5em; margin-top: 3.5em; }
.main_notice dl dd .main_case { padding-top: 5px; }
.main_notice dl dd .main_case li { background: url(../images/main/main_rt_bt2.png) no-repeat left 70%; padding-left: 15px; padding-top: 3px; }
.main_notice dl dd .main_case li a { font-size: 14px; font-weight: 400; }
.main_notice dl dd .main_case li a:hover { font-weight: 600; }
#d_tab38_2 { position: relative; width: 100%; overflow: hidden; background: #2669ad }
#d_tab38_2 .img { position: relative; width: 100%; height: 284px; overflow: hidden; float: left; width: 250px }
#d_tab38_2 .img li { position: absolute; left: 100%; top: 0; width: 100%; height: 100%; overflow: hidden; display: none }
#d_tab38_2 .img li:first-child { left: 0; display: block }
#d_tab38_2 .btn { position: absolute; width: 100%; text-align: left; top: 90%; left: 2%; }
#d_tab38_2 .btn li { display: inline-block; *display:inline;
zoom: 1; width: 8px; height: 8px; margin: 0 3px; background: #ddd; border-radius: 100%; cursor: pointer }
#d_tab38_2 .btn li.on { background: #2669ad; }
#d_tab38_2 .info { position: relative; overflow: hidden; height: 284px; }
#d_tab38_2 .info li { position: absolute; left: 100%; top: 0; width: 100%; height: 100%; font-size: 14px; }
#d_tab38_2 .info li:first-child { left: 0 }
#d_tab38_2 .info li span { font-size: 22px; display: block; margin: 20px 0 0 18px; color: #fff; font-weight: 600; background: url(../images/main/main_pd_tit.png) no-repeat left 70%; padding-left: 20px; letter-spacing: -1px; }
#d_tab38_2 .info li strong { display: block; margin: 20px 0 5px; font-size: 20px; font-weight: bold; padding: 0.5em }
#d_tab38_2 .info li strong span { font-family: 'Exo 2', sans-serif; display: block; text-transform: uppercase; font-weight: bold; font-size: 16px }
#d_tab38_2 .info li p { font-size: 12px; line-height: 20px; color: #fff; padding: 1.5em 1.8em; }
#d_tab38_2 .info li .info_line { width: 15px; height: 2px; background: #fff; padding: 0; margin: 10px 0 0 20px; }
#d_tab38_2 .info li .into_bt { position: absolute; right: 0; bottom: 0 }
#d_tab38_2 .info li p a { display: block; border: 1px solid #fff; color: #fff; font-size: 12px; text-align: center; padding: 0.5em 0.8em; width: 100px; }
#d_tab38_2 .info li p a img { margin-top: 4px; margin-left: 10px; }
/* ���� �������� */
.main_notice { width: 100%; overflow: hidden; margin: 0 0 2em 0 }
.main_notice h2, .main_notice dl, .main_notice dl dt, .main_notice dl dd { float: left; }
.main_notice h2 { font-weight: bold; font-size: 24px; width: 20% }
.main_notice dl { overflow: hidden; padding: 0.5em 0; }
.main_notice dl dt { margin: 0 2em 0 0 }
.bar { position: absolute; left: 50%; margin: 0 0 0 200px; top: 55%; z-index: 999 }
.sub_bar { position: absolute; left: 50%; margin: 0 0 0 200px; top: 100px; z-index: 9 }
/* ���ιڽ� */
.section { width: 100%; position: relative; }
.section_box { max-width: 1100px; width: 100%; overflow: hidden; position: relative; margin: 0 auto; }
.section01 { background: url(../images/main/main_sd_bg.jpg) no-repeat center; background-size: cover; }
.main_v_box { padding: 2em 0 0 0; }
.mv_txt { float: left; margin-top: 5em; margin-left: 50px; border: 3px solid #1957aa; padding: 2.5em; width: 35%; }
.mv_txt01 { font-size: 60px; font-weight: bolder; letter-spacing: 1px; color: #1957aa; line-height: 60px; margin-bottom: 20px; }
.mv_txt02 { font-size: 23px; margin-top: 20px; }
.mv_txt_b { width: 40px; height: 5px; background-color: #1957aa; }
.mv_img { float: right; }
.section02 { background: url(../images/main/section02_bg.jpg) no-repeat center; background-size: cover; }
.section02 .section_box { padding-bottom: 4em; }
.main_tit { text-align: center; margin: 40px 0; font-size: 30px; font-weight: 500; color: #333333; }
.mian_pd { background: url(../images/main/main_pd_bg.png) no-repeat left 6%; margin-left: 50px; padding-left: 50px; }
.mian_pd .mian_pd_t { font-size: 35px; color: #1957aa; }
.mian_pd_b { width: 30px; height: 2px; background-color: #1957aa; margin: 1.5em 0; }
.mian_pd_c { font-size: 18px; line-height: 24px; }
.main_pd_bt { width: 120px; height: 32px; border: 1px solid #1957aa; text-align: center; line-height: 32px; border-radius: 15px; color: #1957aa; font-size: 16px; margin: 2em 0 3em 0; }
.main_pd_bt a { color: #1957aa; text-decoration: none; }
.main_pd_bt a:hover { font-weight: 600; }
.section03 { padding: 6em 0; }
.section03 .mian_pd { float: right; }
.section03_b { width: 55%; height: 550px; float: left; background: #ececec; position: absolute; top: -50px; margin-left: 50px; background: url(../images/main/section03_bg.jpg) no-repeat center; background-size: cover; z-index: 999; }
.section04 { background-color: #eef6f7; }
.section04 .section_box { padding: 4em 0 0 0; }
.section04 .mian_pd { float: left; margin-top: 5em; }
.section05 { padding: 6em 0; }
.section05 .mian_pd { float: right; }
.section05_b { width: 55%; float: left; position: absolute; top: -70px; left: 15%; }
.section06 { margin-bottom: 3em; }
.section06 .main_icon { text-align: center; }
.section06 .main_icon ul { display: inline-block; }
.main_icon ul li { float: left; margin: 0 30px; }
.main_icon ul li p { margin: 10px 0; font-size: 16px; }
.main_icon ul li p a { font-size: 16px; text-decoration: none; color: #333333; }
.main_icon ul li p a:hover { font-weight: 600; }

/* ���� ���־� new */


/*pc*/
@media all and (min-width:1024px) {
.msec1 { }
.msec1 .swiper-slide { overflow: hidden; position:relative}
.msec1 .swiper-slide .slogan { position: absolute; z-index: 10; top: 50%; left:50%;  transform: translate(-50%, -50%);width: 100%;  text-align: center }
.msec1 .swiper-slide .slogan span,
.msec1 .swiper-slide .slogan em{text-shadow:0 0 10px rgba(0,0,0,0.8)}
.msec1 .swiper-slide .slogan .text1 { display: block; position: relative; top: 10px; opacity: 0; font-size: 30px; color: #fff; font-weight: bold; transition: 0.5s 0.5s }
.msec1 .swiper-slide .slogan .text2 { display: block; position: relative; top: 10px; opacity: 0; font-size: 65px; color: #fff; font-weight: bold; transition: 0.5s 1s }
.msec1 .swiper-slide .slogan .text3 { display: block; position: relative; top: 10px; opacity: 0; font-size: 20px; color: #fff; font-weight: bold; transition: 0.5s 1s }
.msec1 .swiper-slide .bg { transform: scale(1.1)/*������ũ��*/; transition: 10s/*�����Ͻð�*/ ; height:664px }
.msec1 .swiper-slide .bg img{width:100%; height:100%; object-fit: cover;}
.msec1 .swiper-slide-active .bg { transform: scale(1); }
.msec1 .swiper-slide-active .slogan .text1 { top: 0; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text2 { top: 0; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text3 { top: 0; opacity: 1 }
.visual_icon{padding:30px 0}
}

    

/*mobile*/
@media all and (max-width:1023px) {
.msec1 { }
.swiper-container{position:relative}
.msec1 .swiper-slide { overflow: hidden; position:relative;  height:350px }
.msec1 .swiper-slide .slogan { position: absolute; z-index: 10; top: 50%; left:50%;  transform: translate(-50%, -50%);width: 100%;  text-align: center }
.msec1 .swiper-slide .slogan span,
.msec1 .swiper-slide .slogan em{text-shadow:0 0 10px rgba(0,0,0,0.8)}
.msec1 .swiper-slide .slogan .text1 { display: block; position: relative; top: 10px; opacity: 0; font-size: 1.2rem; color: #fff; font-weight: bold; transition: 0.5s 0.5s }
.msec1 .swiper-slide .slogan .text2 { display: block; position: relative; top: 10px; opacity: 0; font-size: 2rem; color: #fff; font-weight: bold; transition: 0.5s 1s }
.msec1 .swiper-slide .slogan .text3 { display: block; position: relative; top: 10px; opacity: 0; font-size: 1rem; color: #fff; font-weight: bold; transition: 0.5s 1s }
.msec1 .swiper-slide .bg { transform: scale(1.1)/*������ũ��*/; transition: 10s/*�����Ͻð�*/ ; height:350px }
.msec1 .swiper-slide .bg img{width:100%; height:100%; object-fit: cover;}
.msec1 .swiper-slide-active .bg { transform: scale(1); }
.msec1 .swiper-slide-active .slogan .text1 { top: 0; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text2 { top: 0; opacity: 1 }
.msec1 .swiper-slide-active .slogan .text3 { top: 0; opacity: 1 }
.visual_icon{padding:30px 0}
}


.main_bottom_new{display:flex; justify-content: space-between; padding:100px 0}
.main_product_list{display:flex;   flex-wrap: wrap; width:75%}
.main_product_list li{position:relative; overflow:hidden; margin:0 20px 20px 0; width:calc(50% - 20px)}
.main_product_list li img{transition:all 0.5s}
.main_product_list li img:hover{transform:scale(1.2)}
.main_product_list li p{position:absolute; top:30px; left:30px; font-weight:bold; font-size:30px}
.main_product_list li p span{display:block; font-weight:bold; font-size:16px}

.main_right_button{display:flex; justify-content: space-between; width:25%}
.main_right_button ul{width:100%}
.main_right_button li{text-align:center; margin-bottom:20px}
.main_right_button li a{display:block; background:#008bb8; height:326px; display: flex; align-items: center; flex-direction: column; justify-content: center; transition:all 0.5s}
.main_right_button li:last-child a{background:#737980}
.main_right_button li a:hover{background:#333; text-decoration:none}
.main_right_button li p{color:#fff; font-weight:bold; font-size:30px }
.main_right_button li p span{display:block; font-size:14px}
.main_right_button li img{transition:all 0.5s}
.main_right_button li a:hover img{margin-top:20px}


/* ��ġ ���� �Խ��� */

.board_thumb_text li{padding:30px 0; border-bottom:1px solid #ccc; overflow:hidden}

.board_thumb_text li p{ float:left; overflow:hidden; width:30%; height:150px; margin-right:5%}
.board_thumb_text li p img{width:100%; height:100%;object-fit: cover;}
.board_thumb_text li dl{float:left; width:65%}
.board_thumb_text li dt{font-weight:bold; font-size:1.2rem; margin-bottom:30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.board_thumb_text li dd{white-space: normal;line-height: 1.2;height: 3.6em;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}



/* ī�Ƕ���Ʈ */
footer { width: 100%; padding: 1em 0; background: #fff; position: relative; border-top: 1px solid #e6e6e6; }
footer ul { padding: 1em 0; }
footer ul li { display: inline-block; padding: 0 2em 0 0 }
footer ul li a { color: #303030; font-weight: bold }
address { font-weight: 600; color: #303030; font-size: 12px; padding: 1em 0; width: 80%; float: left; }
address span { font-weight: bold; color: #1957aa; }
footer p { float: left; margin-top: 18px; margin-bottom: 10px; margin-right: 5%; }
.sub_container { }
.sub_top { color: #fff; height: 250px; width: 100%; margin: 0 auto; }
.sub_top h2 { font-size: 4em; color: #1957aa; font-weight: 600; max-width: 1100px; width: 100%; margin: 0 auto; padding-top: 30px; padding-left: 30px; font-family: 'Titillium Web', sans-serif; }
.sub_top p { color: #fff; max-width: 1100px; width: 100%; margin: 0 auto; /*font-family: 'Titillium Web', sans-serif;*/ color: #444444; padding-left: 30px; }
.sub_top .sub_t_p { font-size: 20px; line-height: 26px; letter-spacing: -1px; font-weight: 600; }
.sub_top .sub_t_p span { font-size: 15px; }
.sub_path { position: absolute; right: 70px; top: 20px; color: #fff; letter-spacing: 0px; z-index: 99999 !important }
.sub_path img { margin-top: 2px; margin-right: 6px; }
footer .footer_menu { }
footer .footer_menu li { padding: 0; }
footer .footer_menu li a { color: #303030; font-size: 12px; border-right: 1px solid #fff; padding-right: 15px; padding-left: 0px; }
footer .footer_menu li:last-child a { border-right: none; }
footer .footer_menu .on a { color: #1957aa; }
footer img { float: right; }
/* ���޴� */
#quick { position: absolute; right: 20px; top: 300px; width: 100px; overflow: hidden; border: 1px solid #ccc; z-index: 999 }
#quick ul li:first-child a { font-weight: bold; color: #fff; font-size: 1.5em }
#quick ul li:first-child { background: #f1592a; }
#quick ul li:last-child { background: #b4b4b4; padding: 0.5em }
#quick ul li:last-child a { color: #fff; }
#quick ul li { background: #fff; padding: 1em 0.5em; text-align: center; border-bottom: 1px solid #CCC }
/*����޴�*/
.sub_con { width: 100%; max-width: 1100px; overflow: hidden; margin: 0 auto; padding: 40px 20px; }
.left_menu { width: 18%; float: left; min-height: 100px; margin-right: 4%; }
.left_dep { width: 100%; min-height: 70px; margin: 0 0 30px 0; padding: 0; }
.left_dep ul { border-bottom: 0px; }
.left_dep h3 { letter-spacing: -2px; padding-bottom: 30px; font-size: 32px; font-weight: 300; border-bottom: 1px solid #c8c8c8; background-image: url(/images/common/logo_mark.png); background-repeat: no-repeat; background-position: right 7px; }
.left_dep li { width: 100%; min-height: 35px; padding: 0; display: block; overflow: hidden; }
.left_dep li a { margin: 0; padding: 12px; display: block; font-size: 15px; background: url(/images/common/menu_off.gif) no-repeat right center; background-size: 30px 30px; }
.left_dep li a:link, .left_dep li a:hover, .left_dep li a:visited, .left_dep li a:active { }
.left_dep li a:hover { color: #fff; font-weight: 600; background: url(../images/common/submenu_bg.jpg) no-repeat right center; border-bottom: 1px solid #857a89; }
.left_dep li.select a { font-weight: 600; color: #fff; background: url(../images/common/submenu_bg.jpg) no-repeat right center; border-bottom: 2px solid #505050 }
.left_dep2 { margin: 0px; padding: 0; width: 200px; }
.left_dep2 li { margin: 0 0 1px 0; padding: 0; width: 200px; height: 20px; color: #828282; background: #f2f2f2; }
.left_dep2 li a { margin: 0px; padding-left: 40px !important; color: #828282; letter-spacing: 0px; font-size: 12px; }
.left_dep2 li a:link, .left_dep2 li a:hover, .left_dep2 li a:visited, .left_dep2 li a:active { margin: 0px; padding-left: 28px; color: #828282; letter-spacing: 0px; background: url(/images/common/left_dep3_bg.gif) 5px 50% no-repeat; border: none; }
.left_dep2 li a.select { margin: 0px; padding-left: 28px; color: #828282; background: url(/images/common/left_dep3_bg.gif) 5px 50% no-repeat; }
.left_dep3 li a.select2 { color: #039; font-weight: bold; }
/**/
.tit_h3 { font-size: 32px; font-weight: 500; letter-spacing: -1px; margin-bottom: 40px; }
.sub_path2 { position: absolute; right: 0px; top: 20px; color: #505050; letter-spacing: 0px; display: none }
.sub_path2 img { margin-top: 3px; margin-right: 5px; }
 @media all and (max-width:979px) {
.tit_h3 { font-size: 22px; border-bottom: 1px solid #c8c8c8; padding-bottom: 10px; margin-bottom: 30px; }
.sub_path2 { font-size: 11px; top: 10px; }
.sub_path2 img { width: 10px; margin-top: 3px }
}
.DB_navi23, .DB_navi23 ul, .DB_navi23 li { margin: 0; padding: 0; list-style: none }
.DB_navi23 img { border: 0 }
.DB_navi23 a { text-decoration: none; display: block }
.DB_navi23 { position: relative; width: 100%; }
.DB_navi23 li.DB_main { border-bottom: 1px solid #a9a9a9; }
.DB_navi23 li.DB_main a { height: 25px; line-height: 25px; font-weight: 500; color: #555555; }
.DB_navi23 li.DB_main a:hover { color: #0066cc; background: url(/images/common/menu_on.gif) no-repeat right center; background-size: 30px 30px; }
.DB_navi23 li.DB_main a.DB_select { color: #0066cc; background: url(/images/common/menu_on.gif) no-repeat right center; background-size: 30px 30px; border-bottom: 2px solid #1957aa; font-weight: 600; }
.DB_navi23 li.DB_main ul { padding: 0 0 10px 10px; display: none; }
.DB_navi23 li.DB_main ul li a { height: 20px; line-height: 20px; font-weight: normal; }
.DB_navi23 li.DB_main ul li a { border: none; background: none; font-size: 13px; font-weight: 600; padding: 8px 12px; }
.DB_navi23 li.DB_main ul li a.DB_select { border: none; background: none; }
.DB_navi23 li.DB_main ul li a:hover { color: #444444; border: none; background: none; font-weight: 600; color: #1957aa; }
.DB_navi23 li.DB_main ul { padding-top: 5px; }
.leftmenu { width: 100%; margin: 0 2em 0 0; border-bottom: 1px solid #ccc; overflow: hidden }
.sub_head { border-bottom: 2px solid #ddd; padding: 0 0 1em 0; font-size: 1.5em; display: none }
.sub_head h2 { font-weight: bold; font-size: 1.2em; }
.left_dep2 { }
.left_dep2 li { float: left; width: 16%; /*height:36px;*/ padding: 0; display: inline-block; margin: 0; border-left: 1px solid #e9e7e7; padding-left: 15px; }
.left_dep2 li a { margin: 0; padding: 0; display: block; background: url(../images/common/submenu_out.png) no-repeat right }
.left_dep2 li a:link, .left_dep2 li a:hover, .left_dep2 li a:visited, .left_dep2 li a:active { padding: 10px 0; letter-spacing: 0px; }
.left_dep2 li a.select { font-weight: bold; padding: 10px 0; color: #1957aa; background: url(../images/common/submenu_out2.png) no-repeat right;/*background: url(../images/common/submenu_on.jpg) no-repeat left;color: #fff; */ }
.left_dep2 li:first-child { width: 50px; text-align: center; padding: 0; }
.left_dep2 li:first-child a { background: none; }
.left_dep2 li:last-child { border-right: 1px solid #e9e7e7; }
/* ���� ���� */
.con { position: relative; min-height: 400px; width: 78%; float: left; overflow: hidden; }
.sub_con { width: 100%; max-width: 1100px; overflow: hidden; margin: 0 auto; padding: 40px 20px; min-height: 500px; }
/*.sub_con h3 { font-weight: bold; font-size: 2.5em; margin: 1em 0 1.5em 0; padding: 0 0 0.8em 0; text-align: center; background: url(../images/common/h3_bg.jpg) no-repeat bottom center }*/
.sub_box { position: relative; overflow: hidden }
.h4_box { padding: 2em; background: #023e74; color: #fff; overflow: hidden; width: 50%; position: absolute; top: 50px; right: 0; z-index: 9 }
h4 { background: url(../images/common/h4_bg.png) no-repeat top left; padding: 10px 0 0 0; font-weight: bold; font-size: 1.5em; margin: 0 0 30px 0 }
.h4_box p { color: #fff; }
.con_tit { padding-top: 10px; font-size: 20px; font-weight: 600; color: #444444; text-align: left; background: url(../images/common/con_tit.jpg) no-repeat top left; margin-bottom: 10px; }
.con_tit2 { text-align: left; background: url(../images/common/business_li_bg.png) no-repeat left 11px; margin-bottom: 10px; font-size: 18px; font-weight: 600; padding-left: 15px; }
.con_tit3 { text-align: left; background: url(../images/common/con_tit2.jpg) no-repeat left 5px; margin-bottom: 10px; font-size: 20px; font-weight: 600; padding-left: 20px; }
.sub_con h4 span { color: #f1592a; }
.sub_con h5 { font-weight: bold; font-size: 1.2em; clear: both; margin: 0 0; margin: 0 0 30px 0 }
.sub_con h6 { font-weight: bold; font-size: 1.5em; background: url(../images/common/con_tit2.jpg) no-repeat left 6px; padding: 0 0 0 30px; clear: both; margin: 0 0 30px 0 }
.s_tit { font-family: 'Titillium Web', sans-serif; font-weight: bold; font-size: 24px; font-weight: 100 }
.s_tit span { font-weight: bold !important; font-size: 45px; }
/* ���� ��� */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
.pic { float: left; display: inline-block; margin: 0 15px 40px 0; width: 31%; text-align: center; vertical-align: top }
.pic img { width: 100%; display: block; }
.pic a { width: 100%; height: 100%; text-indent: -99999px; display: block; background: #444 url(../images/common/tit_bg.png) no-repeat bottom right; color: #fff; font-weight: bold; border: 1px solid #ccc; line-height: 3 }
.col1 { width: 48% !important; }
.col2 { width: 45% !important; }
.col4 { width: 24% !important; }
.col { width: 100% !important; }
.fac { float: none !important; }
/* �λ縻 */
.greeting { overflow: hidden; width: 100%; }
.greeting_left { float: left; width: 55%; }
.greeting .mb30 { line-height: 30px; }
/* �Ұ� */
.colm3 { overflow: hidden; }
.colm3 li { float: left; width: 31%; margin: 0 20px 0 0; background: url(../images/sub01/info02_bg.jpg) no-repeat; background-size: cover; height: 400px; text-align: center; }
.colm3 li:first-child { background: url(../images/sub01/info01_bg.jpg) no-repeat; background-size: cover; height: 400px; }
.colm3 li:last-child { background: url(../images/sub01/info03_bg.jpg) no-repeat; background-size: cover; height: 400px; }
.colm3 li p { padding: 1em; color: #fff; font-weight: bold; font-size: 1.3em }
.colm3 li img { width: 100%; margin: 0 0 3em 0 }
/* ���� */
.history_tit { te
}
.history h4 { font-family: 'Titillium Web', sans-serif; text-transform: uppercase; text-align: center; font-size: 50px; color: #171b28; margin: 0; padding-bottom: 0; font-weight: 100; background: none; }
.history .sintony { position: relative; display: table; margin: 0 auto; width: 197px; height: 197px; font-size: 60px; font-weight: 600; color: #1957aa; text-align: center; vertical-align: middle; background: url(../images/sub01/bg_history.png) no-repeat top left; font-family: 'Titillium Web', sans-serif; line-height: 2.8em; line-height: 1; display: flex; justify-content: center; align-items: center; font-size: 2rem; }
.history ul { position: relative; overflow: hidden; width: 100%; background: url(../images/sub01/history_bg.png) repeat-y top center }
.history ul li.left { background: url(../images/sub01/bg_history2.png) no-repeat right 10px; float: left; text-align: right; padding-right: 62px; width: 44% }
.history ul li:first-child { margin-top: 10px; }
.history ul li.right { background: url(../images/sub01/bg_history3.png) no-repeat left 10px; float: right; text-align: left; padding-left: 62px; width: 43.2% }
.history ul li:last-child { margin-bottom: 20px; }
.history ul li { margin: 0; margin-top: 0px; width: 50%; clear: both; font-size: 18px; vertical-align: middle; font-family: 'Titillium Web', sans-serif; }
.history ul li span { color: #333333; font-size: 24px; font-weight: 600; display: block; }
.history ul li img { padding-top: 10px; }
.history_img { width: 90%; margin: 0 auto; }
.history_img img { width: 100%; }
.history_tab { width: 90%; margin: 20px auto; }
.history_tab ul { width: 100%; }
.history_tab ul li { width: 33%; }
.historyList { width: 90%; margin: 40px auto;     /*background: url(../images/sub01/dot_h.png) repeat-y 18% top; */ }
.historyList .year { border-top: 1px solid #ececec; position: relative; padding: 40px 0 40px 12%; }
.historyList .year:first-child { border-top: 2px solid #1b8d27; }
.historyList .year > dt { top: 20px; position: absolute; left: 0; font-size: 40px; font-weight: 500; color: #1b8d27; }
.historyList .month { position: relative; padding-left: 38px; }
.historyList .month:first-child { margin-top: 0; }
.historyList .month > dt { text-align: right; padding-right: 10px; width: 5%; line-height: 24px; font-size: 16px; position: absolute; left: 0; top: 0; font-weight: 600; }
.historyList .month > dd { line-height: 24px; font-size: 16px; }
.historyList .month > dd > p { background: url(../images/sub01/green_sq.png) no-repeat left 9px; padding-left: 20px; text-align: left; margin-left: 5%; }
/*������*/
#certify { padding-bottom: 100px; /*background: url(../images/sub01/certify_bg.png) no-repeat right bottom;*/ }
#certify ul { overflow: hidden; box-sizing: border-box; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
#certify ul li { float: left; box-sizing: border-box; width: 33.3333%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }
#certify ul li img { margin: 20px 0; }
#certify ul li .txt_box { box-sizing: border-box; padding: 20px 0; background: #f9f9f9; text-align: center; font-family: 'Noto Sans DemiLight', sans-serif; }
#dd_lightBox_overlay { position: fixed; left: 0; top: 0; background: #000000; opacity: 0.8; width: 100%; height: 100%; display: none; z-index: 9998; }
#dd_lightBox { position: fixed; left: 0; top: 0; display: none; background: url('img/lightbox-ico-loading.gif') no-repeat center center #ffffff; /*�ε�*/ width: 200px; /*�⺻������, ���� �̹�������������� ����*/ height: 200px; padding: 10px 10px 50px 10px; /*�����е�*/ margin-left: -5px; /*�е����� ����*/ margin-top: -25px; /*�е����� ����*/ overflow: hidden; z-index: 9999; }
#dd_lightBox #dd_img_wrap { background: #ff0000; padding: 12px; overflow: hidden }
#dd_lightBox #dd_iframe { width: 640px; height: 360px }/*������⺻������  ����������� data-size="����x����" */
#dd_lightBox #dd_title { position: absolute; left: 10px; bottom: 25px; font: 11px dotum; color: #777777 }
#dd_lightBox #dd_page { position: absolute; left: 10px; bottom: 10px; font: bold 11px verdana, helvetica; color: #888888 }
#dd_lightBox #dd_next { position: absolute; right: 0px; top: 50%; margin-top: -20px; background: url('../images/sub02/lightbox-btn-next.gif') no-repeat; width: 70px; height: 70px; cursor: pointer }
#dd_lightBox #dd_prev { position: absolute; left: 0px; top: 50%; margin-top: -20px; background: url('../images/sub02/lightbox-btn-prev.gif') no-repeat; width: 63px; height: 32px; cursor: pointer; z-index: 10 }
#dd_lightBox #dd_close { position: absolute; right: 10px; bottom: 10px; background: url('../images/sub02/lightbox-btn-close.gif') no-repeat; width: 66px; height: 22px; cursor: pointer }
.d_lightBox { overflow: hidden; }
.d_lightBox span { position: absolute; right: 20px; top: 70px; }
/* ���ô±� */
.division { overflow: hidden; padding: 20px 0; position: relative }
.division p { float: left; width: 40%; margin: 0 20px 0 0; text-align: left }
.division_con { float: left; width: 50%; text-align: left }
.dt_tit { overflow: hidden; margin: 0 0 20px 0; border-bottom: 1px solid #ccc; padding: 0 0 20px 0 }
.dt_tit dt { font-weight: bold; font-size: 24px; }
.dt_con dt, .dt_con dd { padding: 5px 0; }
.dt_con dt { float: left; clear: both; display: inline-block; font-weight: bold; color: #ed1d24; width: 20%; }
.inner_map { text-align: center; padding: 0 0 2em 0; font-size: 1.2em; line-height: 34px; border-bottom: 1px solid #c8c8c8; padding-bottom: 30px; margin-bottom: 30px; }
.mob_none { margin-bottom: 80px; }
.inner_map .map_h4 { font-size: 38px; font-weight: 300; color: #303030; background: url('../images/sub01/tit_h4bg.png') no-repeat center bottom; text-align: center; padding-bottom: 30px; margin-bottom: 15px; line-height: 50px; }
.inner_map b { color: #1957aa; }
/* ��ǰ�Ұ�*/
.tab_box { display: none; }
.business { width: 100%; padding-top: 150px; margin-bottom: 4em; }
.busi01 { background: url(../images/sub02/business_box01.jpg) no-repeat center top; }
.busi02 { background: url(../images/sub02/business_box02.jpg) no-repeat center top; }
.busi03 { background: url(../images/sub02/business_box03.jpg) no-repeat center top; }
.business_b { max-width: 300px; background-color: rgba(25, 87, 170, 0.7); padding-top: 1.5em; margin: 0 0 0 2em; text-align: center; color: #fff; }
.business_b p { color: #fff; }
.business_b .top_tit { font-size: 28px; font-weight: 300; background: url(../images/sub02/tit_h4bg.png) no-repeat center bottom; line-height: 34px; padding-bottom: 34px; }
.business .btn_area { overflow: hidden; padding-bottom: 1.5em; padding-top: 8px; text-align: center; margin-top: 10px; }
.btn_area .btn_show_pdf { border: 1px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 180px; height: 42px; display: inline-block; font-size: 14px; line-height: 41px; margin: 0 7px; padding-right: 40px; padding-left: 10px; letter-spacing: -0.9px; background: url(../images/sub02/icon_pdf.png) no-repeat 90% center; color: #fff; }
.business2 { width: 100%; min-height: 400px; }
.busi05 { background: url(../images/sub02/business_img86.jpg) no-repeat center top; }
.busi06 { background: url(../images/sub02/business_img87.jpg) no-repeat center bottom; padding-bottom: 150px; }
.business2_txt { width: 82%; margin: 0 auto; padding-top: 345px }
.business2_txt h5 { font-size: 24px; color: #303030; font-weight: 500; background: url(../images/sub02/main_pd_tit3.png) no-repeat 0% 8px; padding-left: 25px; margin-bottom: 8px; }
.business2 .comm_list { margin-left: 20px; }
.pd_box01 { width: 90%; height: auto; margin: 0 auto; border: 1px solid #e2e2e2; border-radius: 20px; padding: 30px; margin-bottom: 50px; }
.pd_box01 ul { overflow: hidden; max-width: 100%; margin: 0 auto; text-align: center; }
.pd_box01 ul li { width: 140px; height: 140px; border-radius: 90px; margin: 0 3%; text-align: center; border: 8px solid #6ebfdd; display: inline-block; }
.pd_box01 ul li span { position: relative; top: 30%; font-size: 16px; font-weight: 600; }
.pd_box02 table { width: 100%; border-right: 1px solid #ddd; margin: 0.5em 0 3em 0; }
.pd_box02 table th { padding: 16px 0; text-align: center; color: #333; background: #fafafa; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #999; font-weight: 600; }
.pd_box02 table th:first-child { width: 30%; }
.pd_box02_t_ul ul { text-align: left; padding-left: 20px; }
.pd_box02_t_ul ul li { background: url('../images/common/business_li_bg.png') no-repeat left 8px; padding-left: 15px; }
.pd_box03 { width: 98%; padding: 20px 0; text-align: center; }
.process2 { display: inline-block; border: 1px solid #ccc; border-top: 3px solid #a59b89; float: left; width: 24%; margin: 0 10px 10px 0; }
.process2 dt { font-weight: bold; color: #036; text-align: center; padding: 10px; font-size: 1.2em }
.process2 dt p { padding: 1em; background: #a59b89; font-weight: bold; color: #fff; }
.process2 dd img { display: block; margin: 0 auto; }
.process2 dd { text-align: center; padding: 10px; }
.end { margin: 0 !important; }
.process { overflow: hidden; }
.process li { float: left; display: inline-block; width: 30%; text-align: center; background: url(../images/sub02/arrow.png) no-repeat 0%; padding: 0 0 0 20px; margin-bottom: 20px; }
.process li img { width: auto; margin: 0 0 10px 0 }
.process li:first-child { background: none !important; }
.process_3 { margin-top: 30px; }
.process_3 li { width: 45%; padding: 0 5px 0 30px; background: url(../images/sub02/arrow.png) no-repeat 0 45%; }
.process_3 li img { width: 100%; }
.pd_box04 { width: 98%; height: auto; margin: 30px auto; text-align: center; }
.pd_box05 { position: relative; overflow: hidden; margin: 30px auto 0 0; display: inline-block; }
.pd_box05 div { float: left; border: 1px solid #e7e7e7; }
.pd_box05 div:first-child { margin-right: 10px; }
.pd_box06 { width: 98%; text-align: center; margin: 0 auto; }
.pd_box06 .process { margin-top: 10px; }
.pd_box06 .process li img { width: 100%; }
.pd_box06 .process li { width: 30%; padding: 0 0 0 30px; background: url(../images/sub02/arrow.png) no-repeat 1% 44%; margin-bottom: 0; }
.pd_box06 .process li:first-child { padding: 0 0 0 10px; }
.pd_box07 ul { text-align: left; }
.pd_box07 ul li { width: 100%; height: auto; border: none; margin: 0; text-align: left; background: url(../images/common/business_li_bg2.png) no-repeat left 50%; padding-left: 20px; margin-left: 10px; }
.pd_box07 ul li span { font-size: 15px; color: #1957aa; }
.pd_box08 #gallery { margin-top: 30px; }
.pd_box08 #gallery .pic { width: 31%; }
.pd_box08 #gallery .pic2 { margin: 0 0 40px 0; }
.pd_box08_2 #gallery .pic { width: 23%; }
.pd_box09 #gallery .pic { width: 48%; }
.pd_box09 #gallery .fac2 { margin-right: 0; }
.pd_box02 table .pa_t_row { width: 5%; padding: 10px 10px; }
/* �Ŀ���� */
.pd_box09 { width: 94%; margin: 1em auto 1.5em auto; }
.pd_box09 .con_tit2 { font-size: 16px; background: url(../images/common/business_li_bg.png) no-repeat left 9px; }
.pd_box10 .comm_box { text-align: center; font-size: 16px; padding: 3em; }
.pd_box10 .comm_box span { color: #1957aa; font-weight: 600; }
/* ��ġ���� */
.sub_result { width: 100%; position: relative; overflow: hidden; }
.sub_result ul { width: 100%; margin: 0px auto; border-top: 1px solid #ebebeb; position: relative; overflow: hidden; margin-bottom: 50px; }
.sub_result ul li { width: 19.8%; float: left; text-align: center; padding: 15px 0; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.sub_result ul .sub_result_f { border-left: 1px solid #ebebeb; }
/* ���̺� */
.comm_table { border-top: 2px solid #288ab9; border-collapse: collapse; padding: 0; width: 100%; }
.comm_table caption { display: none }
.comm_table tr { background: #fff; border: 1px solid #ddd; padding: .35em; }
.comm_table th, table td { padding: .625em; text-align: center; border: 1px solid #ddd; }
.comm_table th { text-transform: uppercase; background: #023f73; border-color: #FFF; color: #fff; font-weight: bold; }
.comm_table td img { text-align: center; }
.comm_table td.left { text-align: left !important; }
/*��ǰ�Ұ� */
.product_list { overflow: hidden; padding: 1em; border: 1px solid #ccc; border-radius: 20px; border-bottom: 10px solid #2192cf }
.product_list h2 { font-weight: bold; font-size: 1.5em; background: url(../images/common/business_li_bg.png) no-repeat left 11px; padding: 0 0 0 1em; margin: 0 0 1em 0 }
.product_list h2 span { display: block; font-size: 0.8em; font-weight: 100 }
.product_list p { float: left; width: 30%; }
.product_list p img { width: 100%; }
.product_list dl { float: right; width: 60%; }
.product_list dl dt { float: left; clear: both; width: 30%; background: url(../images/common/business_li_bg2.png) no-repeat left 50%; padding: 0 0 0 1em; font-weight: bold; }
.product_list dl dd { float: left; width: 60% }
/* ����Ʈ�� */
.sitemap { border: 1px solid #CCC; border-top: 3px solid #023e74; width: auto; margin: 0 0 3em 0; overflow: hidden; padding: 10px; }
.sitemap h2 { width: 20%; background: #789db7; font-size: 1.2em; text-align: center; color: #fff }
.sitemap ul { }
.sitemap ul li { display: inline-block; width: 21%; padding: 1em; background: url(../images/common/li_bg.png) no-repeat 0 20px }
.sitemap ul li a { display: block; }
.dropdown { display: none; }
/* �� */
.tab { text-align: center; }
.tab li { display: inline-block; }
.tab li a { display: block; background: #eaeaea; height: 40px; line-height: 40px; }
.select a { background: #ed1d24 !important; font-weight: bold; color: #fff; }
.li4 li { width: 23%; }
.li5 li { width: 18%; display: inline-block; }
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #333; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #a59b89; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/*effect-underline*/
a.effect-underline:after { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; border-bottom: 1px solid; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
a.effect-underline:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*effect-box*/
a.effect-box:after, a.effect-box:before { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
a.effect-box:before { border-left: 1px solid; border-right: 1px solid; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
a.effect-box:after { border-bottom: 1px solid; border-top: 1px solid; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
a.effect-box:hover:after, a.effect-box:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/* effect-shine */
a.effect-shine:hover { -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%); -webkit-mask-size: 200%; animation: shine 2s infinite; }
 @-webkit-keyframes shine { from {
 -webkit-mask-position: 150%;
}
to { -webkit-mask-position: -50%; }
}
/* ��ġ �����̵� */
.jssorb051 .i { position: absolute; cursor: pointer; }
.jssorb051 .i .b { fill: #fff; fill-opacity: 0.5; stroke: #000; stroke-width: 400; stroke-miterlimit: 10; stroke-opacity: 0.5; }
.jssorb051 .i:hover .b { fill-opacity: .7; }
.jssorb051 .iav .b { fill-opacity: 1; }
.jssorb051 .i.idn { opacity: .3; }
.jssora051 { display: block; position: absolute; cursor: pointer; }
.jssora051 .a { fill: none; stroke: #fff; stroke-width: 360; stroke-miterlimit: 10; }
.jssora051:hover { opacity: .8; }
.jssora051.jssora051dn { opacity: .5; }
.jssora051.jssora051ds { opacity: .3; pointer-events: none; }
 @media all and (min-width:1025px) {
#header h1 { float: left; padding: 1.2em 0; position: relative; z-index: 111; margin-right: 4%; }
#hsec1 { padding: 0px 0px; }
#hsec1 .d_container { position: relative }
#hsec1 .con1 { display: none }
#hsec1 .con2 { text-align: left }
#hsec1 .con2 .mo { display: none }
#hsec1 .con3 { position: absolute; right: 0; top: 0 }
#hsec2 { position: relative; padding: 1em 0 }
#d_lnb_bg { position: absolute; left: 0; top: 80px; width: 100%; background: #ffffff url(../images/common/menu_bg.jpg) no-repeat top center; box-sizing: border-box; height: 0; }
#d_lnb { height: 50px; width: 100%; }
#d_lnb ul { width: 74%; right: 0; position: absolute; right: 0; }
#d_lnb h2 { display: none }
#d_lnb li { position: relative; float: left; width: 19%; text-align: center; padding-bottom: 10px; }
#d_lnb li > a { font-size: 16px; font-weight: 600; color: #444444; line-height: 50px }
#d_lnb li > a:hover, #d_lnb li.on > a { color: #444444; padding: 0 0 2px 0 }
#d_lnb li.on { border-bottom: 10px solid #1957aa; box-sizing: border-box; }
#d_lnb li.on .sub { background: #1957aa; }
#d_lnb li .sub { display: block; background: none; position: absolute; width: 100%; top: 70px; height: 0; overflow: hidden; z-index: 100; }
#d_lnb li .sub dl { padding: 0px 15px; text-align: center; border-left: 1px solid #e6e6e6; min-height: 150px; }
#d_lnb li .sub dd { padding: 1px 0; border: none; }
#d_lnb li .sub dd a { font-size: 13px; padding: 0px; color: #505050; }
#d_lnb li.on .sub dd a { color: #ffffff; font-weight: 600; }
#d_lnb li.on dl { border-left: 0px; }
#d_lnb li .sub dd a:hover { text-decoration: none; }
#d_lnb_mask { display: none }
.topmenu_icon { position: absolute; right: -5px; top: 28px; z-index: 999 }
.topmenu_icon li { display: inline-block; padding: 0 0.5em; }
.topmenu_icon .tmenu_b { background-image: url("../images/main/main_icon_bg.jpg"); background-repeat: no-repeat; background-position: 0 60%; padding-left: 15px; }
.topmenu_icon li a { font-size: 14px; }
.topmenu_icon a img { margin-top: 2px; }
.mob_login { display: none; }
}
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
.language { position: absolute; right: 0; width: 40px; height: 40px; line-height: 40px; background-color: #1957aa; color: #fff; font-weight: 600; text-align: center; top: 5px; }
.language a { color: #fff; }
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0;
}
.flex-caption { width: 100%; padding: 1em; background: #333; color: #fff; position: absolute; bottom: 0; }
.flex-direction-nav a { background: #000; text-decoration: none; display: block; text-align: center; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 30px; display: inline-block; content: '<'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.flex-direction-nav a.flex-next:before { content: '>'; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
.flex-direction-nav .flex-next { opacity: 1; right: 10px; }
}







/* ����� */
@media all and (max-width:1024px) {
body.lnb_on { overflow: hidden }
body.lnb_on #d_lnb_mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/common/lnb_mask_bg.png'); z-index: 990 }
#hsec1 { padding: 1em 0px; }
#hsec1 .d_container { position: relative }
#hsec1 .con1 { position: absolute; left: 0; top: 0; padding: 14px 10px; cursor: pointer }
#hsec1 .con2 { text-align: center }
#hsec1 .con2 .pc { display: none }
#hsec1 .con3 { position: absolute; right: 0; top: 0 }
#hsec2 { }
.snb { left: 20px; }
#d_lnb { position: fixed; left: -100%; top: 0; width: 80%; height: 100%; background: #fff; z-index: 991 }
#d_lnb h2 { position: relative; text-align: center; color: #333; padding: 50px 0 20px 0; border-bottom: 1px solid #ddd; width: 80%; margin: 0 auto }
#d_lnb h2 .close { position: absolute; right: 10px; top: 10px; cursor: pointer }
#d_lnb li { border-bottom: 1px solid #ddd }
#d_lnb li.on > a { color: #fff; background: #1957aa }
#d_lnb li > a { display: block; padding: 10px 25px; font-size: 13px; font-weight: 600 }
#d_lnb li .sub { background: #f5f5f5; display: none; }
#d_lnb li .sub dd { border-top: 1px solid #ddd }
#d_lnb li .sub dd a { display: block; padding: 10px 35px; }
#d_lnb li .sub dd a:hover { text-decoration: underline }
#header { border-bottom: 1px solid #ccc; }
.sub_con h3 { text-align: center; margin: 0 0 10px 0; font-size: 1.5em }
.sub_path { position: relative; top: auto; right: auto; text-align: center; color: #333; z-index: 1 !important; }
.sub_top { display: none; }
.shipping { display: block; width: auto; }
.process dt, .process dd { float: none; width: auto; }
.process dt { background: #023e74; padding: 0 }
.process2 { width: 99%; }
footer { width: auto; padding: 2em }
.inner { padding: 0.7em; max-width: 100%; width: auto }
.leftmenu { display: none; }
.sub_con { float: none; width: auto; padding: 1em }
.sub_con h4 { font-size: 1.5em; }
.half { float: none; width: auto; }
#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a { padding: 0.5em 1em; }
.bigtabs { width: 100% !important; }
.sub_con h4 { font-size: 1.2em; }
.pic { width: 43%; }
.fac { width: 100% !important }
#tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li { width: 48%; }
.history dt, .history dd { float: none; width: auto; }
.history dt { background: url(../images/sub01/history_bg.jpg) repeat-x 100% 100%; }
.business { width: 45%; height: 230px; }
.comm_table { }
.comm_table caption { font-size: 1.3em; }
.comm_table thead { display: none; }
.comm_table tr { border-bottom: 1px solid #ddd; display: block; margin-bottom: .625em; background: none; }
.comm_table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; }
.comm_table td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
.comm_table td:last-child { border-bottom: 0; }
#quick { display: none; }
.application_form dt { float: none; width: 100%; }
.application_form dd { float: none; width: 100%; }
.comm_input { width: 100%; }
.comm_dl dt, .comm_dl dd { float: none; width: 100%; }
.bus p { float: none; margin: 0 auto; }
.bus ul { float: none; width: 100%; }
.flow li { width: 34%; margin: 1em 0; }
footer ul li { padding: 0 0.3em 0 0; }
footer p { float: none; text-align: center; margin: 0 auto; position: relative }
#slider1_container { height: 300px !important; }
.box { margin: 0 0.5em 0.5em 0; }
.mind01, .mind02 { width: 100%; }
.mind01 dl, .mind02 dl { }
.mind03, .mind04, .mind05, .mind06 { width: 47%; }
.mind03 img, .mind04 img, .mind05 img, .mind06 img { height: 300px; }
.box dl dt { font-size: 1.2em; }
.main_news { float: none; width: 100%; overflow: hidden; padding: 0 }
.main_con { padding: 1em; width: auto; }
.main_news h2, .main_edulist h2 { text-align: center; }
.news_con { float: none; width: auto; padding: 0; margin: 0 0 1em 0 }
.icon_banner { float: none; width: 100%; overflow: hidden; margin: 0 }
.main_edulist { float: none; width: auto; }
.bottom_bg { display: none; }
.bottom_img { display: none; }
.edu_thumb { width: 32%; }
.text { font-size: 1em; }
.topmenu_icon { display: none; }
.login { width: auto; }
.login dl { width: 90%; }
.login dl dt { width: 30%; }
.login dl dd { width: 70%; }
.sitemap h2, .sitemap ul { float: none; width: auto }
.sitemap ul li { width: 30% }
.mob_login li a { display: block; color: #fff; padding: 0.5 1em !important; font-size: 0.8em }
.mob_login li { display: inline-block; background: #333; border-radius: 5px }
/*����*/
.main_con .mbox01 { width: 48.5%; }
.main_con .mbox01_2 { margin-right: 0; }
.main_con .mbox02_01 { width: 100%; margin: 30px 0 0 0!important; }
.main_con .mbox02_01 > div { width: 48.5%; }
.main_con .mbox02_01 .mbox02_1 { float: left; }
.main_con .mbox02_01 .mbox02_2 { float: right; }
.inner2 { margin-top: 0px; }
.main_con .mbox03 { margin: 0; margin-right: 3%; }
.main_con .mbox03 .mbox03_icon ul li { width: 24.5%; }
.main_con .inner2 .mbox02 { margin: 0; }
/* ���� */
.greeting_left, .network p, .network dl { float: none; width: auto; }
.history_img { width: 100%; }
.history_img img { width: 30%; }
.history_tab { width: 100%; }
.history_tab ul li { width: 30%; }
.historyList .year { padding: 20px 0 30px 17%; }
.historyList .month > dt { width: 10%; }
.historyList .month > dd > p { margin-left: 8%; }
/*Dz��*/
address { text-align: center; color: #fff; }
img { max-width: 100% }
.box-img { float: none; width: 100%; }
.h4_box { position: relative; width: auto; top: 0 }
/* ��Ӵٿ� */
.dropbtn { border: 1px solid #ccc; cursor: pointer; width: 100%; padding: 0.5em 0; background: #fff url(../images/common/mob_menu.jpg) no-repeat 90% }
.dropdown { position: relative; display: inline-block; width: 100%; margin: 0 0 30px 0 }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; width: 100%; z-index: 999999; border: 1px solid #CCC }
.dropdown-content a { color: black; padding: 0.5em 0; text-decoration: none; display: block; }
.dropdown-content a:hover { background-color: #333; color: #fff }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #f9f9f9; }
/* ���� */

.main_notice h2 { font-size: 1em; float: none; width: auto }
.main_notice dl dt { width: 70%; margin: 0 }
.main_notice dl dd { width: 30%; }
.bar { display: none; }
.column3 { float: none; width: auto; margin: 0 0 1em 0 }
.nomar { position: relative; bottom: auto }
.mob_login { overflow: hidden; padding: 1em 0; text-align: center; }
/* ������ */
.sub04_icon_b { margin-left: 10px; margin-top: 20px; }
.sub04_icon { width: 30%; height: 170px; }
.main_notice dl { width: 90%; }
.nomar { width: 100%; }
.language { position: relative; width: auto; top: auto }
}
 @media all and (max-width:870px) {
#DB_banner10 .DB_mask { width: 85%; }
#DB_banner10 .bannerbt { width: 15%; }
.inner2 .main_con .mbox02 .mbox02_3 { overflow: hidden; }
}
 @media all and (min-width:769px) and (max-width:1024px) {
.mind01, .mind02 { width: 49%; }
.mind03, .mind04, .mind05, .mind06 { width: 24%; }
.news_con { float: left; width: 47%; border: 1px solid #CCC; margin: 0 2em 0 0; }
.icon_banner { float: left; width: 50%; padding: 2em 0; margin: 4em 0; }
/* ������ */
.sub04_icon_b { margin-left: 10px; margin-top: 20px; }
.sub04_icon { width: 30%; height: 170px; }
.column3 { float: left; width: 50%; }
.pic { width: 31.5% !important; }
}
 @media all and (min-width:320px) and (max-width:768px) {
.main_con .mbox01 { width: 100%; margin-right: 0; margin-bottom: 20px; }
.box .m_tab ul .m_tab_B { width: 11%; }
.box .m_board li { padding: 0 0px 20px 45px; margin: 0 20px 25px 15px; }
.box .m_board li .m_board_c { margin-bottom: 15px; }
.main_con .mbox02_01 { margin: 0 !important; }
.main_con .mbox02_01 > div { width: 100%; height: 150px; margin-right: 0; }
.main_con .mbox02 div img { top: -25px; }
.inner2 .mbox02 div img { top: 5px; }
.bannerbt img { width: 30px; height: 30px; margin-top: 25px; }
/* ������ */
.sub04_icon_b { margin-left: 10px; margin-top: 20px; }
.sub04_icon { width: 43%; height: 140px; }
.sub04_icon img { margin-top: 0; }
.comm_box { padding: 10em 1em 1em 1em; background-size: 100% }
.tab li { width: 48% !important; margin: 0 0 3px 0 }
.tab li a { font-size: 0.7em; }
.box .m_tab { height: 40px; }
.box .m_tab ul li { height: 40px; line-height: 40px; }
.box .m_tab ul .m_tab_B { width: 17%; }
.box .m_tab ul .m_tab_B img { width: 20px; height: 20px; }
.box .m_tab ul .m_tab_T a { font-size: 16px; padding: 0 15px; }
.inner2 .mbox03 { width: 100% !important; margin-right: 0; }
.main_con .inner2 .mbox02 { width: 100%; margin-right: 0; margin-top: 10px; }
#DB_banner10 .DB_mask { width: 80%; }
#DB_banner10 .bannerbt { width: 20%; }
.business { width: 100%; height: 230px; }
/* ������ */
.sub04_icon_b { margin-left: 10px; margin-top: 20px; }
.sub04_icon { width: 30%; height: 170px; }
.sub_bg { height: 100px; background-size: 100% 100% }
.col1, .col2, .col3, .col4, .division p, .division_con, .colm3 li { float: none; width: auto !important }
.mob_none { display: none; }
.sub_bg p { padding: 0.5em; font-size: 1em; }
.process li { width: 27%; }
}




/*new_�����*/

@media all and (max-width:1024px) {
.section03 { padding: 5em 0; }
.section03_b { height: 500px; }
.section03 .mian_pd { margin-right: 2em; }
.section05 .mian_pd { margin-right: 2em; }
.section05_b { left: 4%; }
.sub_con { padding: 0 20px 30px 20px; margin-top: 1.5em; }
.sub_path { float: right; }
.inner { clear: both; }
.sub_path { display: block; }
footer { padding: 0 2em 2em 2em; position: inherit; border-top: 1px solid #d0d0d0; }
footer div { text-align: center; }
address { clear: both; color: #303030; width: 100%; }
.left_menu { display: none; }
.con { width: 100%; }
.tit_h3 { display: none; }
.sub_path2 { display: none; }
.responsive-slider .slides ul li .slide-body img { height: 300px !important; width: 100%; }
.main_sd_img { width: 20% !important; top: 5%; right: 10%; left: auto; }
.responsive-slider .slider-control.left, .responsive-slider .slider-control.right { display: none; }
.text01 { font-size: 18px; line-height: 22px; }
.text01 span { font-size: 60px; }
.responsive-slider .pages { display: none; }
.main_container { position: relative; width: auto; top: auto; left: auto; transform: none; }
.main_con { width: auto; }
.main_con2 { width: 100%; }
/*��Ʈ��*/
#contants_intro ul { left: auto; width: 100%; }
#contants_intro ul li { float: none; left: auto; width: 100%; text-align: center; }
#contants_intro ul li:first-child { margin-left: -40px; }
#contants_intro ul li img { width: 300px; }
#contants_intro ul .intro_eng { width: 100%; margin-top: 20px; }
/*����������*/
.main_box .main_cd .into_bt { position: relative; }
.main_notice { margin-bottom: 0; }
.main_box .into_bt { width: auto; }
.main_box .main_cd .into_bt { position: absolute; right: 50%; margin-top: 70px; bottom: auto; }
/* ���� ��� �����̵� */
#d_tab38_2 .img { width: 50%; }
#DB_navi39 ul li.m1 { display: none; }
.sub_head { height: 250px; }
/*�λ縻*/
.greeting_left { width: 48%; margin-right: 2%; float: left; }
/*����*/
.history ul li.left { width: 44.5%; }
.history ul li.right { width: 44%; }
/*��ǰ�Ұ�*/
.pic { width: 30.5% !important; }
.pd_box04 { width: 100%; }
.pd_box01 { width: 90%; }
.pd_box07 ul li { width: 100% !important; height: auto !important; }
.business { width: 100%; background-size: cover; clear: both; }
.business_b { max-width: 300px; background-color: rgba(25, 87, 170, 0.7); padding-top: 1.5em; margin: 0 0 0 2em; text-align: center; color: #fff; }
.tab_box { display: block; display: inline-block; width: 100%; margin-bottom: 20px; }
.tab_box li { float: left; padding: 4px 0; }
.tab_box li a { color: #fff; font-size: 14px; }
.tab_box .on { background: #1957aa url(/images/common/menu_on2.gif) no-repeat 95% center; }
.tab_box01 li { width: 24.8%; text-align: center; background: #1957aa url(/images/common/menu_on3.gif) no-repeat 95% center; border-right: 1px solid #fff; padding: 2px 0 5px 0; }
.tab_box02 li { width: 33.1%; }
/*��ġ����*/
.sub_result ul li { width: 19.85%; }

/* ���� new */
.main_bottom_new{flex-direction: column;}
.main_product_list{width:auto; flex-direction: column;}
.main_product_list li{width:auto; margin:0; margin-bottom:20px}
.main_right_button{width:auto}
.main_right_button ul{display:flex; flex-direction: column;}
.main_right_button ul li{flex:1}
.main_right_button li a{height:auto; padding:30px 0}

}
 @media all and (max-width:950px) {
.mv_img { width: 40%; }
.mv_txt { margin-top: 3em; }
.mv_txt01 { font-size: 50px; }
.mv_txt02 { font-size: 20px; }
.mian_pd .mian_pd_t { font-size: 30px; }
.mian_pd_c { font-size: 16px; }
.section04 .mian_pd { margin-top: 4.5em; }
.section05 { padding: 6em 0 4em 0; }
.section05_b { width: 40%; top: -50px; }
/*�λ縻*/
.s_tit { font-size: 20px; font-weight: 600; }
/*����*/
.history ul li.left { width: 44.2%; }
.history ul li.right { width: 43.5%; }
/*������*/
#certify { background-size: 30%; }
/*��ǰ�Ұ�*/
.pd_box03 { width: 100%; }
.process li { width: 28%; }
.pd_box05 div { width: 48%; }
.pd_box06 .process li { width: 28%; }
}
 @media all and (max-width:880px) {
.section03_b { height: 450px; }
.section03 { padding: 3em 0; }
.section03 .mian_pd { margin-top: 1em; }
.section04 .mian_pd { margin-top: 3em; }
/*�λ縻*/
.greeting_left { margin-bottom: 3em; }
/*����*/
.history ul li.left { width: 43.8%; }
.history ul li.right { width: 43%; }
}
 @media all and (max-width:800px) {
.mv_txt { padding: 1.5em; width: 40%; }
.mian_pd { margin-left: 30px; }
.mian_pd .mian_pd_t { font-size: 28px; }
.mian_pd_b { margin: 1em 0; }
.mian_pd_c { font-size: 14px; }
.main_pd_bt { margin: 1em 0 3em 0; }
.section03_b { height: 400px; margin-left: 30px; top: -30px; }
.main_icon ul li { margin: 0 15px; }
/*�λ縻*/
.greeting_left { margin: 3em 0; }
/*����*/
.history ul li.left { width: 43%; }
.history ul li.right { width: 42.3%; }
/*������*/
#certify { background-size: 50%; }
#certify ul li img { width: 90%; }
/*��ǰ�Ұ�*/
.pd_box03 img { width: 90%; }
.pd_box06 .process li:first-child { padding: 0 0 0 20px; }
/*��ġ����*/
.sub_result ul li { width: 19.8%; }
}
 @media all and (max-width:700px) {
.mv_txt { margin-top: 2em; margin-left: 30px; width: 45%; }
.mv_txt02 { font-size: 18px; }
.mian_pd { padding-left: 40px; }
.mian_pd .mian_pd_t { font-size: 26px; }
.section03_b { height: 350px; }
.section03 { padding: 2em 0; }
.section04 .mian_pd { margin-top: 1.5em; }
.section05 { padding: 4em 0 2em 0; }
.section06 .main_icon ul { width: 80%; }
.section06 .main_icon ul li { width: 18%; }
/*����*/
#wrap .main_sd_img { height: auto !important; top: 17%; }
/*�λ縻*/
.greeting_left { margin: 0; width: auto; float: none; text-align: center; }
.greeting_left img { width: 60%; }
/*����*/
.history ul li.left { width: 41.8%; }
.history ul li.right { width: 41%; }
.history ul li { font-size: 16px; }
/*��ǰ�Ұ�*/
.pd_box01 { padding: 20px; width: 90%; }
.pd_box01 ul li { width: 130px; height: 130px; }
.pd_box01 ul li span { font-size: 15px; }
.comm_box { padding: 2em; }
.pd_box06 .process li { width: 27%; }
.tab_box li a { color: #fff; font-size: 12px; }
/* ���� */
.responsive-slider .slides ul li .slide-body .caption.header { top: 25% !important; left: 50%; transform: translateX(-50%); text-align: center }
.text01 span { font-size: 2rem !important; line-height: 1 !important }
.text01 b { font-size: 1rem !important }
.main_product ul { flex-direction: column; text-align: center }
.main_product ul li { margin: 0 auto }
/*.main_call dl { float: none; width: auto; text-align: center }
.main_call dl dt { float: none; width: auto }
.main_call dl dd { float: none; width: auto }
.main_call ul { float: none; width: auto; text-align: center }*/
.call_warp{flex-wrap: wrap; gap:20px}
.main_call dl{flex:none; width: calc(50% - 20px); width:auto}
.main_call dl dt{font-size: 14px;}
.main_call dl dd{font-size:20px}
}
 @media all and (max-width:600px) {
.mv_txt { margin-top: 1em; }
.mv_txt01 { font-size: 40px; line-height: 40px; }
.mv_txt02 { font-size: 14px; }
.main_tit { margin: 30px 0; }
.mian_pd { background: url(../images/main/main_pd_bg2.png) no-repeat left 6%; padding-left: 30px; }
.mian_pd .mian_pd_t { font-size: 24px; }
.mian_pd_c { font-size: 13px; }
.section03_b { margin-left: 0px; }
.section04 .mv_img { position: absolute; right: 0; bottom: 0; }
.section04 .mian_pd { margin-top: 0em; }
.section05 { padding: 2em 0 0 0; }
.section05_b { width: 35%; left: 2%; top: 0px; }
/*��Ʈ��*/
#warp_intro { background: url(../images/common/intro_head_m.jpg) no-repeat center; min-height: -webkit-fill-available; background-size: cover; }
#contants_intro { background: url(../images/common/intro_bg_m.jpg) no-repeat center; min-height: 350px; top: 68%; }
#contants_intro ul { padding: 0; }
#contants_intro ul li { padding: 3em; }
/*����*/
.history ul li.left { width: 40%; }
.history ul li.right { width: 39%; }
/*��ǰ�Ұ�*/
.pic { width: 30% !important; }
.process li { width: 26%; }
/*��ġ����*/
.sub_result ul li { width: 19.7%; font-size: 12px; }
}
 @media all and (max-width:550px) {
.mv_txt { width: 40%; margin-top: 0; }
.section02 { background: url(../images/main/section02_bg.jpg) no-repeat 65%; }
.section02 .section_box { padding-bottom: 2em; }
.section03 { padding: 0; }
.section03_b { width: 40%; height: 300px; background: url(../images/main/section03_bg.jpg) no-repeat 80%; }
.section03 .mian_pd { margin-top: 1.5em; }
.section04 .mv_img { right: -50px; width: 50%; }
.section05_b { width: 43%; left: -50px; top: -20px; }
.mian_pd { background: url(../images/main/main_pd_bg2.png) no-repeat left 4%; }
.section06 .main_icon ul { width: 83%; }
.main_icon ul li { margin: 0 10px; }
/*����*/
.responsive-slider .slides ul li .slide-body .caption.header { top: 18%; }
.text01 span { font-size: 48px; line-height: 55px; }
#wrap .main_sd_img { top: 23%; }
#d_tab38_2 .img li img { height: 100%; }
#d_tab38_2 .info li span { font-size: 18px; }
.main_box dl dt span { font-size: 18px; }
.main_box p img { height: 100%; }
.main_box .main_notice ul li { padding-top: 4px; padding-bottom: 5px; }
.main_box .main_notice ul .main_notice_c { padding-top: 0; }
/*��ǰ�Ұ�*/
.pic { width: 28% !important; }
.pd_box06 .process li { width: 25%; }
.business { height: 200px; margin-bottom: 2em; }
.business_b { margin: 0 auto; width: 80%; }
.business_b .top_tit { font-size: 25px; }
.business .btn_area { padding-bottom: 1em; }
.tab_box01 li { width: 24.6%; }
/*��ġ����*/
.sub_result ul li { width: 32.8%; border-left: 1px solid #ebebeb; }
}
 @media all and (max-width:400px) {
/*����*/
#d_tab38_2 .info { height: 260px; }
#d_tab38_2 .img { height: 260px; }
.main_box dl dd { padding-left: 15px; }
.main_box .into_bt { padding: 1.0em 1.5em; margin-top: 10px; }
.main_box .main_cd .into_bt { margin-top: 80px; }
footer img { float: initial; }
.main_sd_img2 { display: none; }
/*��ǰ�Ұ�*/
.tab_box { margin-bottom: 1em; }
.tab_box li { width: 100%; text-align: center; background-color: #1957aa; border-top: 1px solid #fff; padding: 2px 0 5px 0; }
.tab_box li a { font-size: 12px; color: #fff; }
}
 @media all and (min-width:380px) and (max-width:549px) {
.mv_txt { padding: 15px 10px; width: 43%; }
.mv_txt01 { font-size: 35px; line-height: 35px; margin-bottom: 10px; }
.mv_txt_b { width: 30px; height: 3px; }
.mv_txt02 { font-size: 12px; margin-top: 10px; }
.main_tit { margin: 15px 0; font-size: 26px; }
.section02 { background: url(../images/main/section02_bg.jpg) no-repeat 60%; background-size: cover; }
.mian_pd { margin-left: 20px; background: url(../images/main/main_pd_bg3.png) no-repeat left 4%; padding-left: 22px; }
.mian_pd_c { font-size: 12px; }
.section03 .mian_pd { margin-right: 20px; }
.section03_b { background: url(../images/main/section03_bg.jpg) no-repeat 88%; background-size: cover; }
.section05 .mian_pd { margin-right: 20px; }
.section05_b { top: 50px; left: -60px; }
.main_icon ul li p a { font-size: 14px; }
.language { top: 52px; right: 10px }
/*�λ縻*/ 
.s_tit span { font-size: 40px; }
.s_tit { font-size: 16px; margin: 0 0 20px 0; }
.greeting .mb30 { margin: 0 0 20px 0; }
/*����*/
.history ul li.left { width: 34%; }
.history ul li.right { width: 32.5%; }
.history ul li { font-size: 14px; }
/*������*/
#certify ul li { width: 50%; }
#certify ul li .txt_box { font-size: 12px; font-weight: 600; padding: 10px; }
/*��ǰ�Ұ�*/
.pd_box02 table td { font-size: 12px; }
.pd_box02_t_ul ul { padding-left: 0; }
.pic { width: 100% !important; }
.process li { width: 38%; background: url(../images/sub02/arrow2.png) no-repeat 0%; }
.process li:first-child { padding: 0; }
.pd_box05 div { width: 98%; }
.process li { font-size: 11px; }
.pd_box07 ul li { background: url(../images/common/business_li_bg2.png) no-repeat left 23%; padding-left: 10px; margin: 0; }
.pd_box01 ul li { width: 100px; height: 100px; }
.pd_box01 ul li span { font-size: 12px; top: 20%; }
.process_2 li { background: url(../images/sub02/arrow2.png) no-repeat 0% 30px; }
.pd_box06 .process li { width: 24%; background: url(../images/sub02/arrow2.png) no-repeat 5% 30%; padding: 0 0 0 30px; }
.pd_box06 .process li:first-child { padding: 0 0 0 20px; }
/*��ġ����*/
.sub_result ul li { width: 32.6%; border-left: 1px solid #ebebeb; font-size: 10px; }
}
 @media all and (min-width:330px) and (max-width:379px) {
.mv_txt { padding: 15px 10px; width: 43%; }
.mv_txt01 { font-size: 35px; line-height: 35px; margin-bottom: 10px; }
.mv_txt_b { width: 30px; height: 3px; }
.mv_txt02 { font-size: 12px; margin-top: 10px; }
.main_tit { margin: 15px 0; font-size: 26px; }
.section02 { background: url(../images/main/section02_bg.jpg) no-repeat 60%; background-size: cover; }
.mian_pd { margin-left: 20px; background: url(../images/main/main_pd_bg3.png) no-repeat left 4%; padding-left: 22px; }
.mian_pd_c { font-size: 12px; }
.section03 .mian_pd { margin-right: 20px; }
.section03_b { background: url(../images/main/section03_bg.jpg) no-repeat 88%; background-size: cover; }
.section05 .mian_pd { margin-right: 20px; }
.section05_b { top: 50px; left: -60px; }
.main_icon ul li p a { font-size: 14px; }
.sub_path { font-size: 12px; }
footer img { float: initial; }
/*����*/
#d_tab38_2 .info { height: 280px; }
#d_tab38_2 .img { height: 280px; }
#d_tab38_2 .info li span { background-size: 14px; padding-left: 18px; font-size: 17px; }
.main_box dl dt span { background-size: 14px; padding-left: 18px; font-size: 17px; }
.main_box .main_cd dd a { font-size: 14px; }
/*�λ縻*/ 
.s_tit span { font-size: 40px; }
.s_tit { font-size: 16px; margin: 0 0 20px 0; }
.greeting .mb30 { margin: 0 0 20px 0; }
/*����*/
.history ul li.left { width: 34%; }
.history ul li.right { width: 32.5%; }
.history ul li { font-size: 14px; }
/*������*/
#certify ul li { width: 50%; }
#certify ul li .txt_box { font-size: 12px; font-weight: 600; padding: 10px; }
/*��ǰ�Ұ�*/
.pd_box02 table td { font-size: 12px; }
.pd_box02_t_ul ul { padding-left: 0; }
.pic { width: 100% !important; }
.pd_box04 .process li { width: 28%; }
.process li { background: url(../images/sub02/arrow2.png) no-repeat 0%; padding: 0 0 0 23px; }
.process li:first-child { padding: 0; }
.pd_box05 div { width: 98%; }
.process li { font-size: 11px; }
.pd_box01 ul li { width: 100px; height: 100px; }
.pd_box01 ul li span { font-size: 12px; top: 20%; }
.comm_box { padding: 1em; }
.process li { width: 38%; }
.pd_box06 .process li { width: 21%; }
.pd_box07 { width: auto; padding: 0; border: none; }
.pd_box07 ul li { font-size: 12px; background: url(../images/common/business_li_bg2.png) no-repeat left 20%; }
.comm_list li { font-size: 12px; }
.process_2 li { background: url(../images/sub02/arrow2.png) no-repeat 0% 30px; }
/*��ġ����*/
.sub_result ul li { width: 32.6%; border-left: 1px solid #ebebeb; font-size: 10px; }
}
 @media all and (max-width:330px) {
.section03_b { display: none; }
.section05_b { display: none; }
.section06 .main_icon ul { width: 92%; }
.main_icon ul li p a { font-size: 11px; }
.con_tit { font-size: 17px; }
.sub_con { padding: 0 10px 30px 10px; }
.language { width: 30px; height: 30px; line-height: 30px; font-size: 10px; font-weight: 500; top: 9%; }
.sub_path { font-size: 12px; margin-bottom: 20px; }
.sub_con h3 { margin: 0 0 20px 0; }
.mb30 { margin: 0 0 20px 0; }
/*��Ʈ��*/
#contants_intro { min-height: 140px; }
#contants_intro ul li { padding: 2em; }
#contants_intro ul li img { width: 220px; }
#contants_intro ul li:first-child { margin-left: -20px; }
/*�λ縻*/
.greeting_left { display: none; }
.s_tit span { font-size: 35px; }
/*������*/
#certify ul li { width: 50%; }
/*����*/
.history ul li.left { width: 33%; }
.history ul li.right { width: 29.5%; }
.history ul li { font-size: 13px; }
.history ul li span { font-size: 22px; }
/*������*/
#certify ul li { width: 50%; }
#certify ul li .txt_box { font-size: 12px; font-weight: 600; padding: 10px; }
/*��ǰ�Ұ�*/
.pd_box01 { width: 93%; padding: 10px; }
.pd_box02 table td { font-size: 12px; }
.pd_box02_t_ul ul { padding-left: 0; }
.pic { width: 100% !important; }
.pd_box04 .process li { width: 26.5%; }
.process li { background: url(../images/sub02/arrow2.png) no-repeat 0%; padding: 0 0 0 23px; }
.process li:first-child { padding: 0; }
.process_2 li { background: url(../images/sub02/arrow2.png) no-repeat 0% 30px; }
.pd_box05 div { width: 98%; }
.process li { font-size: 11px; }
.pd_box01 ul li { width: 100px; height: 100px; }
.pd_box01 ul li span { font-size: 12px; top: 20%; }
.comm_box { padding: 1em 1em 1em 0.5em; }
.process li { width: 38%; }
.pd_box06 .process li { width: 22%; background: url(../images/sub02/arrow2.png) no-repeat 10% 30%; padding: 0 0 0 30px; }
.pd_box06 .process li:first-child { padding: 0 0 0 10px; }
.pd_box07 { width: auto; padding: 0; border: none; }
.pd_box07 ul li { font-size: 12px; background: url(../images/common/business_li_bg2.png) no-repeat left 20%; }
.comm_list li { font-size: 12px; padding: 5px 10px 5px 15px; }
/*��ġ����*/
.sub_result ul li { width: 32.6%; border-left: 1px solid #ebebeb; font-size: 10px; }




}