@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
img{border:0;max-width:100%;vertical-align:top;}

/* sub */


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("doc.css");
img{border:0;max-width:100%;vertical-align:top;}



.sub-title-m {display:none;}
#lnbM {display:none;}

#contentArea {width:1200px; margin:0 auto; overflow:hidden;}
.sub-title {position:relative; height:119px; margin-bottom:50px; text-align:center; border-bottom:1px solid #cbcbcb; overflow:hidden;}
.sub-title h2 {padding-top:50px; color:#444; font-size:30px; font-weight:500; line-height:1.1em; letter-spacing:-.03em;}
.real-cont {min-height:200px; _height:200px; padding:0 0 50px 0;}



/*¼­ºêºñÁÖ¾ó*/
.sub_visual {position:relative;top:0;background-repeat:no-repeat; background-position:center center; height:450px; color:#fff;}
.sub_visual.sub_bg_1 {background-image:url('../img/main/s_visual_01.jpg');}
.sub_visual.sub_bg_2 {background-image:url('../img/main//s_visual_02.jpg');}
.sub_visual.sub_bg_3 {background-image:url('../img/main/s_visual_3.jpg');}
.sub_visual.sub_bg_4 {background-image:url('../img/main/s_visual_04.jpg');}
.sub_visual.sub_bg_5 {background-image:url('../img/main/s_visual_05.jpg');}
.sub_visual.sub_bg_6 {background-image:url('../img/main/s_visual_06.jpg');}
.sub_visual.sub_bg_6_1 {background-image:url('../img/main/s_visual_6_1.jpg');}
.sub_visual.sub_bg_7 {background-image:url('../img/main/s_visual_7.jpg');}
.sub_visual .container {top:30%; position:relative; letter-spacing:-0.02em;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);

}
.sub_visual .txt_big {line-height:1.3em; margin:0 0.3em; font-weight:500; font-size:45px; color: #fff;letter-spacing:1px;text-shadow: 0px 0px 3px rgba(0,0,0,1.0);}
.sub_visual .txt_sm {font-size:60px; font-weight:600; color: #fff;text-shadow: 0px 0px 2px rgba(0,0,0,12.0);}



/* ŸÀÌƲ */
.tit_s1 {text-align:center; margin:10px 0 15px 0;}
.tit_s1 h2 {font-size:32px; color:#515151;font-weight:700;font-family:NanumSquare-R, sans-serif; display:inline-block; position:relative; padding:10px 0 15px 0; }
.tit_s1 p { color:#333; font-size:22px; font-weight:300; margin-top:36px;}

.tit_s2 { position:relative;}
.tit_s2 h3{ font-size:20px; color:#222; line-height:1.3;}
.tit_s2 span { font-size:100px; color:#f6f6f6; font-weight:900; letter-spacing:-4px; position:absolute; right:-40px; top:-43px; z-index:10;}


/* ¼­ºêÆäÀÌÁö °øÅë */
#contents{}
.tit_area h3{font-weight:700; font-family: 'Ubuntu', 'Noto Sans KR', sans-serif; color:#333; letter-spacing:-1pt; font-size:38px; line-height:120%; margin: 0 0 50px; text-align:center;}	
.contentArea{margin:100px auto 0; width: 100%;}
.basic_in{margin: 0 auto; max-width:1200px; padding: 0 15px 140px;}
.basic_in2{margin: 0 auto; max-width:1200px; padding: 0 15px;}
.cont_tit{font-size:35px; font-weight:700; color:#222; letter-spacing:-1pt; line-height:138%;}
.cont_tit br{display: block;}
.cont_tit span{display: inline-block; font-size:35px; font-weight:700; color:#222; letter-spacing:-1pt; line-height:138%; word-break:break-all;}
.cont_stit{font-weight:300; color:#222; letter-spacing:-0.6pt; font-size:23px; line-height:160%;}
.titArea{text-align:center;}
.contBg{background-color: #f5f5f5 !important;}




/************* ȸ»ç¼Ò°³ *************/
/* ecover¼Ò°³ */
.aboutCont{background-color: #f5f5f5;}
.aboutCont .imgBox{width: 100%; text-align:center; position: relative; z-index: 1;}
.aboutCont .imgBox:after{content:''; display: block; position: absolute; left: 0; top:0; width: 100%; background-color: #fff; height: 50%; z-index: -1;}
.aboutCont .imgBox img{max-width:100%; margin: 0 auto;}
.aboutCont .aboutCont_in .titArea{padding: 70px 0 50px;}
.aboutCont .aboutCont_in .titArea .cont_stit{margin:8px 0 16px;}
.aboutCont .aboutCont_in .titArea .txt br{display: block;}
.aboutCont .aboutCont_in .aboutItems{overflow: hidden; clear:both;}
.aboutCont .aboutCont_in .aboutItems dl{float: left; width: calc((100% - 60px)/3); text-align:center; margin-right: 30px; background-color: #fff; height: 370px;}
.aboutCont .aboutCont_in .aboutItems dl:last-child{margin-right: 0;}
.aboutCont .aboutCont_in .aboutItems dl dt{margin-top: 84px;}
.aboutCont .aboutCont_in .aboutItems dl dt img{height: 78px;}
.aboutCont .aboutCont_in .aboutItems dl dd{margin-top: 24px;}
.aboutCont .aboutCont_in .aboutItems dl dd span{display: block; font-size:17px; font-weight: 400; letter-spacing: -0.6pt; color:#222;}
.aboutCont .aboutCont_in .aboutItems dl dd p{font-size:24px; font-weight: 300; letter-spacing: -0.25pt; color:#222; margin:4px 0 2px;}
.aboutCont .aboutCont_in .aboutItems dl dd p strong{display: inline-block; font-weight: 700; letter-spacing: -0.5pt; font-size:30px;}
.aboutCont .aboutCont_in .aboutItems dl dd p strong.eng{font-size:40px;}
.aboutCont .aboutCont_in .aboutItems dl dd small{display: block; color:#888; font-weight: 400; font-size:13px; letter-spacing: 0;}








/*******************************************************************************
    @media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1200px){




/************* ȸ»ç¼Ò°³ *************/
/* ecover¼Ò°³ */
.aboutCont .imgBox{padding: 0 15px;}


}




/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){


/************* ȸ»ç¼Ò°³ *************/
/*ecover¼Ò°³ */
.aboutCont .imgBox{padding: 0 3%;}
.aboutCont .aboutCont_in .titArea{padding: 55px 0 40px;}
.aboutCont .aboutCont_in .titArea .cont_stit{margin:6px 0 12px;}
.aboutCont .aboutCont_in .titArea .txt br{display: block;}
.aboutCont .aboutCont_in .aboutItems dl{width: calc((100% - 30px)/3); margin-right: 15px; height: 300px;}
.aboutCont .aboutCont_in .aboutItems dl:last-child{margin-right: 0;}
.aboutCont .aboutCont_in .aboutItems dl dt{margin-top: 56px;}
.aboutCont .aboutCont_in .aboutItems dl dt img{height: 64px;}
.aboutCont .aboutCont_in .aboutItems dl dd{margin-top: 20px;}
.aboutCont .aboutCont_in .aboutItems dl dd span{font-size:15px;}
.aboutCont .aboutCont_in .aboutItems dl dd p{font-size:18px; margin:4px 0 2px;}
.aboutCont .aboutCont_in .aboutItems dl dd p strong{font-size:24px;}
.aboutCont .aboutCont_in .aboutItems dl dd p strong.eng{font-size:28px;}




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){






/* ¼­ºêÆäÀÌÁö °øÅë */
.tit_area h3{font-size:28px; margin: 0 0 30px;}	
.contentArea{margin:70px auto 0;}
.basic_in{padding: 0 3% 80px;}
.cont_tit{font-size:24px;}
.cont_tit br{display: none;}
.cont_tit span{font-size:24px;}
.cont_stit{font-size:16px;}




/************* ȸ»ç¼Ò°³ *************/
/* ecover¼Ò°³ */
.aboutCont .aboutCont_in .titArea{padding: 40px 0 30px;}
.aboutCont .aboutCont_in .titArea .cont_stit{margin:6px 0 12px;}
.aboutCont .aboutCont_in .titArea .txt br{display: none;}
.aboutCont .aboutCont_in .aboutItems dl{width: calc((100% - 20px)/3); margin-right: 10px; height: 230px;}
.aboutCont .aboutCont_in .aboutItems dl:last-child{margin-right: 0;}
.aboutCont .aboutCont_in .aboutItems dl dt{margin-top: 40px;}
.aboutCont .aboutCont_in .aboutItems dl dt img{height: 50px;}
.aboutCont .aboutCont_in .aboutItems dl dd{margin-top: 15px;}
.aboutCont .aboutCont_in .aboutItems dl dd span{font-size:15px;}
.aboutCont .aboutCont_in .aboutItems dl dd p{font-size:16px; margin:2px 0 0px;}
.aboutCont .aboutCont_in .aboutItems dl dd p strong{font-size:18px;}
.aboutCont .aboutCont_in .aboutItems dl dd p strong.eng{font-size:22px;}


}






/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){




/* ¼­ºêÆäÀÌÁö °øÅë */
.tit_area h3{font-size:24px; margin: 0 0 20px;}	
.contentArea{margin:50px auto 0;}
.basic_in{padding: 0 3% 60px;}
.cont_tit{font-size:20px;}
.cont_tit span{font-size:20px;}
.cont_stit{font-size:15px;}


/************* ȸ»ç¼Ò°³ *************/
/* ecover¼Ò°³ */
.aboutCont .aboutCont_in .titArea{padding: 25px 0 25px;}
.aboutCont .aboutCont_in .titArea .cont_stit{margin:6px 0 10px;}
.aboutCont .aboutCont_in .aboutItems dl{width: 100%; margin-right: 0; text-align:left; margin-bottom: 10px; height: auto; padding: 20px 20px; display: table;}
.aboutCont .aboutCont_in .aboutItems dl:last-child{margin-right: 0;}
.aboutCont .aboutCont_in .aboutItems dl dt{margin-top: 0; display: table-cell; vertical-align: middle; width: 78px;}
.aboutCont .aboutCont_in .aboutItems dl dt img{height: 48px;}
.aboutCont .aboutCont_in .aboutItems dl dd{margin-top: 15px; display: table-cell; vertical-align: middle;}
.aboutCont .aboutCont_in .aboutItems dl dd span{font-size:15px;}
.aboutCont .aboutCont_in .aboutItems dl dd p{display: inline-block; font-size:14px; margin:2px 0 0px;}
.aboutCont .aboutCont_in .aboutItems dl dd p strong{font-size:16px;}
.aboutCont .aboutCont_in .aboutItems dl dd p strong.eng{font-size:18px;}
.aboutCont .aboutCont_in .aboutItems dl dd small{display: inline-block;}




}






/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:320px){




/* ¼­ºêÆäÀÌÁö °øÅë */
.tit_area  h3{font-size:20px;}	


}


/* ¿¡ÄÚ¹ö¸ðµ¨ */
.subTitle { margin:50px 0; text-align:center; font-size:30px; line-height:1em; font-weight:900; color:#222; font-family:'NanumSquare', sans-serif; }
#cont { max-width:1300px; margin:0 auto; margin-bottom:100px; }
.con_tit { margin-bottom:20px; font-size:26px; color:#038a8d; font-weight:700; line-height:1em; }
.con_tit2 { display:inline-block; margin-bottom:2px; line-height:42px; padding:0 20px 0 15px; font-size:18px; font-weight:700; color:#fff; background:#34A9EA; border-radius:42px; }




/* tblStyle */
.tblStyle { text-align:center; font-size:15px; border-top:1px solid #3c3c3c; }
.tblStyle th,.tblStyle td { color:#FFFFFF; height:50px; padding:10px 15px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.tblStyle th:first-child, .tblStyle td:first-child { border-left:none; }
.tblStyle th { font-size:16px; font-weight:700; color:#35a1a4; background:#f1f2f5; }
.tblStyle td b {color:#222; font-weight:200; }



/* lucia */
.luciaCon > section { margin-bottom:-80px; }
.luciaCon .dotLst p { line-height:1.3em; }
.luciaCon .dotLst p + p { margin-top:5px; }
.luciaCon .imgCenter { padding-top:35px; text-align:center; }
.luciaCon .imgCenter .mobile { display:none; }
.luciaCon .imgCenter p {margin-top:20px; text-align:left; }
.luciaCon section section { margin-bottom:5px; }
.luciaCon section section > div { position:relative; display:table; width:100%; padding-top:30px; table-layout:fixed; }
.luciaCon section section .con_dl { display:table-cell; }
.luciaCon section section .con_dl:first-child { vertical-align:middle; padding-right:10px; text-align:center; }
.luciaCon section section .con_dl dt { position:absolute; left:50%; top:0; width:50%; }
.luciaCon section section .con_dl:first-child dt { left:0; text-align:left; }
.luciaCon section section .tblStyle th:first-child, .luciaCon section section .tblStyle td:first-child { width:195px; }
.luciaCon section section p { margin-top:65px; }
.luciaCon section section:last-child p { margin-top:15px; }



@media screen and (max-width:1100px) {
/* lucia */
.luciaCon .procedure li dt br { display:none; }
.luciaCon section section .tblStyle th:first-child, .luciaCon section section .tblStyle td:first-child { width:125px; }
}
@media screen and (max-width:650px) {
.subTitle { margin:30px 0; font-size:24px; }
#cont { padding:0 10px; margin-bottom:80px; }
.con_tit { margin-bottom:15px; font-size:20px; }
.con_tit2 { margin-bottom:15px; line-height:37px; font-size:16px; }



/* tblStyle */
.tblStyle { font-size:14px; }
.tblStyle th, .tblStyle td { height:50px; padding:10px 15px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.tblStyle th:first-child, .tblStyle td:first-child { border-left:none; }
.tblStyle th { font-size:16px; font-weight:700; color:#35a1a4; background:#f1f2f5; }
.tblStyle td b { color:#222; font-weight:300; }




/* lucia */
.luciaCon > section {margin-bottom:-330px; }
.luciaCon .imgCenter { padding-top:10px; }
.luciaCon .imgCenter .pc { display:none; }
.luciaCon .imgCenter .mobile { display:inline-block; }
.luciaCon .procedure li { display:block; border-left:1px solid #ddd; }
.luciaCon .procedure li:before { left:50%; top:-28px; margin:0 0 0 -28px; background-image:url(/img/sub/arr_mlucia.png); }
.luciaCon .procedure li dl { padding:20px 5% 35px; }
.luciaCon .procedure li dt { font-size:15px; }
.luciaCon iframe { height:300px; }
.luciaCon section section { margin-bottom:350px; }
.luciaCon section section > div { padding-top:0; }
.luciaCon section section .con_dl { display:block; }
.luciaCon section section .con_dl:first-child { padding:0; }
.luciaCon section section .con_dl dt { position:static; width:100%; }
.luciaCon section section .con_dl:first-child dt { left:0; text-align:left; }
.luciaCon section section .tblStyle th:first-child, .luciaCon section section .tblStyle td:first-child { width:33.3333%; }
.luciaCon section section p { margin-top:35px; }
}



/* aSÅÇ */
.busi03_tab {width:100%; text-align:center; margin-bottom:50px;}
.busi03_tab li {width:13%; display:inline-block; text-align:center; font-size:15px; color:#5c5c5c; line-height:35px; box-sizing:border-box; border:1px solid #cbcbcb; cursor:pointer;margin-left:0.5%;}
.busi03_tab li:hover {color:#34a9ea; border-color:#34a9ea; }
.busi03_tab li.on {background:#34a9ea; border-color:#34a9ea; color:#fff;}

.busi03_cont1 {width:100%; overflow:hidden; display:none;}
.busi03_cont1 > div {width:315px; margin:0 13.33px 13px 0; float:left; box-sizing:border-box; border:1px solid #ddd;}
.busi03_cont1 > div:nth-child(4n+4) {margin-right:0;}
.busi03_cont1 > div:nth-child(4n+4)+div {clear:both;}
.busi03_cont1 > div img {width:100%;}
.busi03_cont1 > div > div {text-align:center; margin:20px 0 30px}
.busi03_cont1 .company {font-size:18px; line-height:1em; color:#ef1e24; font-weight:500}
.busi03_cont1 .name {font-size:18px; color:#222; line-height:1.3em; margin:11px 0}
.busi03_cont1 a {font-size:15px; color:#808080; padding-bottom:5px;}
.busi03_cont1 a:hover {color:#222; border-color:#222;}



.busi03_tabBox .busi03_cont1:first-child {display:block;}



.busi03_txt {text-align:right; font-size:15px; color:#222; margin-bottom:5px;}


@media screen and (max-width:1299px){
.busi03_cont1 > div {width:24%; margin:0 1.33% 1.33% 0}
}


@media screen and (max-width:976px){
.busi03_tab li {width:23%}



.busi03_cont1 > div {width:32%; margin:0 2% 2% 0;}
.busi03_cont1 > div:nth-child(4n+4) {margin-right:2%;}
.busi03_cont1 > div:nth-child(3n+3) {margin-right:0;}
.busi03_cont1 > div:nth-child(4n+4)+div {clear:none;}
}


@media screen and (max-width:767px){
.busi03_tab {margin-bottom:7%}
.busi03_tab li {font-size:13px; width:47%; line-height:35px; margin-bottom:1%}
.busi03_cont1 > div {width:49%;}
.busi03_cont1 > div:nth-child(3n+3) {margin-right:2%;}
.busi03_cont1 > div:nth-child(even) {margin-right:0;}
.busi03_cont1 > div > div {margin:7% 0 8%}
.busi03_cont1 .company {font-size:1.05em;}
.busi03_cont1 .name {font-size:1em; margin:3% 0}
.busi03_cont1 a {font-size:0.95em; padding-bottom:2px;}
.busi03_txt {font-size:1em;}
}



/* ¿À½Ã´Â ±æ*/
#location {}
#location > div { margin-bottom:100px; overflow:hidden; font-size:0; letter-spacing:-4px;}
#location > div:last-child { margin:0; }
#location .info { width:42.85714285714%; padding-top:30px;}
#location .map_wrap {width:57.14285714286%;
margin-top:100px;
}
#location .info,
#location .map_wrap { float:left; letter-spacing:-0.5px;}
#location .map_wrap > div { width:100% !important;}
#location .map_wrap > div .wrap_map { height:515px !important;}
#location > div:nth-child(2n) .info { text-align:right;}
#location > div:nth-child(2n) .info,
#location > div:nth-child(2n) .map_wrap { float:right;}
#location .info .txt .tel_info {  padding:5px 0 30px; border-bottom:1px solid #ccc;}
#location .info .txt .tel_info ul { }

.map_common .area_txt .tel_info ul li { display:inline-block; margin-right:36px; }
.map_common .area_txt .tel_info ul li:last-child { margin:0; }
.map_common .area_txt { font-size:18px;}
.map_common .area_txt > div { padding:10px 0 10px;}
.map_common .area_txt > div:last-child { border:none; }

.map_common .tit { color:#004c98; font-weight:500; line-height:1.4;}
.map_common .tit span { font-family: 'Montserrat', sans-serif; font-size:16px;}
.map_common .tit p { font-size:26px;}
.map_common .area_txt .addr p,
.map_common .area_txt .tel_info ul li { position:relative; padding-left:46px; display:inline-block; line-height:1.3;}
.map_common .area_txt .addr p:before { content:url("../img/main/address_icon.png");}
.map_common .area_txt .tel:before { content:url("../img/main/tel_icon.png");}
.map_common .area_txt .fax:before { content:url("/img/main/sub/fax_icon.png");}
.map_common .area_txt .addr p:before,
.map_common .area_txt .tel:before,
.map_common .area_txt .fax:before { position:absolute; left:0; top:-5px; }
.mc4 {padding-top: 144px;}
.ms_videoList ul {font-size:0;margin-left: -40px;margin-top: -20px;}
.ms_videoList li {display: inline-block;width: 50%;padding-left: 40px;padding-top: 20px;vertical-align: top;box-sizing:border-box;}
.ms_videoList li .video-item {position: relative;padding-top: 62.25%;}
.ms_videoList li .video-item iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}





@media (max-width:991px) {
.sub_visual {background-size:cover;}
}

@media (min-width: 768px) and (max-width:1300px) {
.sub_visual {background-size:cover;margin-top:-20px;}
}


@media (min-width: 768px) and (max-width: 991px) {
.sub_visual {padding:12vw 0;}
.sub_visual {height:28vw;}
}


@media (max-width:767px) {
.sub_visual {height:auto; padding:12vw 0;}
.sub_visual .container {top:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);


}
.ms_videoList li {width: 100%;}
.ms_videoList li .video-item {padding-top: 56.3%;}
}




@media \0screen\,screen\9 {
.sub_visual .container {top:0;}
.sub_visual .txt_big {font-weight:bold; margin-top:102px;}
}




#container {padding-top:80px;}
#container .con_area {position:relative; padding-top:80px; padding-bottom:100px; min-height:45vw;}
#s_location {position:absolute; right:15px; top:30px; color:#888;}
#s_location strong {font-weight:400; color:#555;}
h3#container_title {color:#333; line-height:1em; margin:0 0 45px;}
h2#container_title, #bo_v_table {display:none;}




@media (max-width: 991px) {
#container {padding-top:50px;}
/* ¿À½Ã´Â ±æ */
#location .info { padding:0; }
#location .info, #location .map_wrap { width:100%; float: none; }
#location > div:nth-child(2n) .info { text-align:left;}
}




@media (min-width: 768px) and (max-width: 991px) {
#container .con_area{padding-top:8vw; padding-bottom:10vw;}
#s_location {top:3vw;}
h3#container_title {margin:0 0 4vw;}
}




@media (max-width:767px) {
#container .con_area{padding-top:10vw; padding-bottom:12vw;}
h3#container_title {margin:0 0 5vw;}
}



@media \0screen\,screen\9 {
h3#container_title {font-weight:bold;}
}


/*¼­ºê¸Þ´º*/
#lm {border-bottom:1px solid #ddd; text-align:center; font-size:1.2rem; line-height:1.2em;}
#lm ul {list-style:none; margin:0; padding:0; display:table; width:100%;}
#lm ul li {background:url('../img/main/lm_line.png') no-repeat 0 center; display:table-cell; font-size:16px; vertical-align:middle; border-bottom:4px solid #fff;}
.lm3 ul li {width:33.33%;}
.lm4 ul li {width:25%;}
#lm ul li:first-child {background:none;}
#lm ul a {display:block; text-decoration:none; color:#555; padding:.9em .5em .8em;}
#lm ul li.active {border-color:#2d94d1; font-weight:300; font-size:16px;}
#lm ul li.active a {color:#2d94d1;}




@media (max-width:1199px) {
#lm .container {padding:0;}
}




@media (max-width:767px) {
#lm {font-size:1.1rem;}
#lm ul a {padding:.7em .4em .6em;}
}




@media \0screen\,screen\9 {
#lm {font-size:18px;}
}




@media screen\9 {
#lm ul li {display:inline; zoom:1;}
}




/*¼­ºêÅÇ*/
#sub_tab {text-align:center; font-size:1.1rem; margin:-10px 0 45px;}
#sub_tab ul {list-style:none; margin:0; padding:0;}
#sub_tab ul li {display:inline-block; border:1px solid #ddd; margin-right:-5px; background:#fff;}
#sub_tab ul a {display:block; color:#555; padding:.8em 1.2em; text-decoration:none;}
#sub_tab ul li.active {background:#1f8acd; border-color:#1f8acd; position:relative; z-index:10;}
#sub_tab ul li.active a {color:#fff;}




@media (max-width:1199px) {
#sub_tab {margin:-1vw 0 4vw;}
}




@media (max-width:767px) {
#sub_tab {font-size:1.05rem; margin-bottom:5vw;}
#sub_tab ul a {padding:.6em 1em;}
}




@media screen\9 {
#sub_tab ul li {display:inline; zoom:1;}
}
.sub_cont .cols {zoom:1;}
.sub_cont .cols:after {display:block;visibility:hidden;clear:both;content:""}
.sub_cont .cols .col {margin-top:55px;}
.sub_cont .cols .col.first {margin-top:0;}
h4.col_h4 {font-size:1.86rem; color:#444; margin:0 0 .5em;}




@media (min-width: 768px) and (max-width: 991px) {
.sub_cont .cols .col {margin-top:5.5vw;}
}




@media (max-width:767px) {
.sub_cont .cols .col {margin-top:7.5vw;}
h4.col_h4 {font-size:1.43rem;}
}




@media \0screen\,screen\9 {
h4.col_h4 {font-size:26px; font-weight:bold;}
}



/* °³¹ß¹è°æ */
.intro_cont { overflow: hidden; }
.intro_cont > div { float: left; width: 50%; }
.intro_cont .img img { max-width: 90%; }
.intro_cont .txt { padding-left: 1%; }
.intro_cont table { margin-top: 7%; }




@media all and (max-width:1280px){
.intro_cont .tb-style1 { font-size: 0.9em; }
}




@media all and (max-width:976px){
.intro_cont .img { width: 45%; }
.intro_cont .txt { width: 55%; }
}




@media all and (max-width:767px){
.intro_cont .img,
.intro_cont .txt { width: 100%; }
.intro_cont .img { text-align: center; margin-bottom: 5%; }
.intro_cont .img img { max-width: 60%; }
.intro_cont table { margin-top: 3%; }
}




@media all and (max-width:767px){
.intro_cont .img img { width: 100%; max-width: 500px; }
}



#greeting { padding-top: 2%; }
#greeting p { line-height: 2em; }
#greeting .typo1 { line-height: 1.4em; }
#greeting .em { font-size: 1.400em; color:#2676d5; font-weight: 600; margin-top: 2em; margin-bottom: 0.5em; line-height: 1.3em;}
#greeting .last { margin-top: 0.5em; font-size: 1.100em; }



/* ¸éÇã/ÀÎÁõ */

#certification {}
#certification .list {}
#certification .list ul {}
#certification .list ul li { float:left; width:22.28571428571%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:3.61904761905%; margin-bottom:30px;}
#certification .list ul li:nth-child(4n) { margin-right:0;}
#certification .list ul li a { display:block;}
#certification .list ul li .img { text-align:center; border:1px solid #d2d2d2; overflow:hidden;}
#certification .list ul li .img img {}
#certification .list ul li .txt { line-height:1.4; text-align:center; margin-top:24px;}
#certification .list ul li .txt span { font-size:20px; color:#333; font-weight:500;}
#certification .list ul li .txt p { font-size:18px;}




#popup_wrap { position:fixed; background:rgba(0,0,0,0.3); left:0; top:0; width:100%; height:100%; opacity:0; z-index:-1;
transform:scale(0.5);
-moz-transform:scale(0.5);
-webkit-transform:scale(0.5);
-o-transform:scale(0.5);
-ms-transform:scale(0.5);
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
#popup_wrap .img_box { display:inline-block; position:absolute; left:50%; top:50%; box-shadow:20px 20px 28px rgba(0,0,0,0.3);
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}




#popup_wrap .img_box .close_btn { position:absolute; right:-17px; top:-17px;}
#popup_wrap .img_box .close_btn button { width:36px; height:36px; background:url("../img/main/close_btn.png") no-repeat center; border:none;}




#popup_wrap.on { opacity:1; z-index:99999;
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}




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


/* ÀÎÁõ */
#certification .list ul li { width:49%; margin-right:2%;}
#certification .list ul li:nth-child(3n) { margin-right:2%;}
#certification .list ul li:nth-child(2n) { margin-right:0;}
#certification .list ul li .txt span { font-size:18px;}
#certification .list ul li .txt p { font-size:14px;}


#process .info ul li > div { float: none; width:100% !important;}
#process .info ul li .img { text-align:center; margin-bottom:20px;}
#process .info ul li .txt { padding: 0 0 0 0; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#process .info ul li .txt dl dd { display:inline-block; width:auto;}
.block p { width:auto !important; }
#process .info ul li .txt dl dd p { float:none; width:100%; text-align:left;}
#process .info ul li { border-radius: 55px;}


.tit_s1 { text-align:center; line-height:1; margin-bottom:10px;}
.tit_s1 h2 {font-size:28px; color:#515151; font-weight:700; font-family:NanumSquare-R, sans-serif; display:inline-block; position:relative; padding:0 13px; }
.tit_s1 p { color:#333; font-size:22px; font-weight:300; margin-top:35px;}


.tit_s2 { position:relative;}
.tit_s2 h3{ font-size:20px; color:#222; line-height:1.3;}
.tit_s2 span { font-size:100px; color:#f6f6f6; font-weight:900; letter-spacing:-4px; position:absolute; right:-40px; top:-43px; z-index:10;}


/* °í°´¼¾ÅÍ */
.map_common .tit p { font-size:22px;}
}


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


.luciaCon > section {margin-bottom:-330px; }
.tit_s1 { text-align:center; margin:-30px 0 5px 0;}
.tit_s1 h2 {font-size:28px; color:#515151; font-weight:700; font-family:NanumSquare-R, sans-serif; display:inline-block; position:relative; padding:5px 0 5px 0; }


.tit_s1 p { color:#333; font-size:22px; font-weight:300; margin-top:36px;}


.tit_s2 { position:relative;}
.tit_s2 h3{ font-size:20px; color:#222; line-height:1.3;}
.tit_s2 span { font-size:100px; color:#f6f6f6; font-weight:900; letter-spacing:-4px; position:absolute; right:-40px; top:-43px; z-index:10;}


.sub_visual .container {top:20%; position:relative; letter-spacing:-0.02em;transform:translateY(-70%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);


}
.sub_visual .txt_big {line-height:1.5em; margin:5 0.3em; font-size:1.80rem; font-weight:500; text-shadow: 0px 0px 3px rgba(0,0,0,1.0); }
.sub_visual .txt_sm {font-size:1.20rem; font-weight:400; text-shadow: 0px 0px 2px rgba(0,0,0,1.0);}


}


table.rowTable {width:100%;border-top:2px solid #0189d0;}
table.rowTable thead tr th {background:#fafbfd; border-bottom:1px solid #ececec; border-left:1px dotted #d6d6d6; vertical-align:middle; text-align:center; font-weight:700;font-family:NanumSquare-R, sans-serif; padding:10px 0; }
table.rowTable thead tr th:first-child {border-left:none;}
table.rowTable thead tr th.none {border-left:none;}
table.rowTable tbody tr th {background:#fafbfd; border-bottom:1px solid #ececec; vertical-align:middle; text-align:center; font-family:NanumSquare-R, sans-serif; padding:10px 0; }
table.rowTable tbody tr th.lineLeft {border-left:1px solid #ECECEC}
table.rowTable tbody tr th.none {border-left:none;}
table.rowTable tbody tr td {border-bottom:1px solid #ECECEC;border-left:1px dotted #dfdfdf;padding:10px 0;text-align:center; font-weight:100;}
table.rowTable tbody tr td:first-child {border-left:none;}
table.rowTable tbody tr td.bg {background:#fafbfd;border-left:1px dotted #d1d1d1; }
table.rowTable tbody tr td.lineLeft {border-left:1px dotted #dfdfdf;}
table.rowTable tbody td.none {border-left:none;}

table.rowTable tbody tr th.left {padding:10px 3%; text-align:left;}
table.rowTable tbody tr td.left {padding:10px 3%; text-align:left;}

table.rowTable.center thead tr th {text-align:center !important}
table.rowTable.center tbody tr td {text-align:center !important;}
table.rowTable.center tbody tr td:first-child {border-left:none !important;}
table.rowTable.left tbody tr th {padding:10px 1% 10px 4%; text-align:left;}
table.rowTable.left tbody tr td:first-child {border-left:none !important}
table.rowTable.left tbody tr td {padding:10px 3%; text-align:left;}
table.rowTable.supp tbody td {text-align:left;padding-left:50px;}
table.rowTable.arryLeft tbody th {background:#F7F8FB;}
table.rowTable.arryLeft tbody td {text-align:left;padding:10px 3%;}
table.rowTable tr.inputW80 td input {width:80%;}
table.rowTable tbody.firstTxtCnt tr td:first-child {text-align:center !important;}




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

.mobileOption {overflow:hidden;}
.mobileOption > ul {overflow:hidden;}
.mobileOption > ul li {float:left;width:49.82%;background:#fead12;text-align:center;padding:8px 0;border-left:1px solid #fff;border-top:1px solid #fff}
.mobileOption > ul li:first-child {width:49.87%;border-top:none;border-left:none;box-sizing:border-box;}
.mobileOption > ul li:nth-child(2) {border-top:none}
.mobileOption > ul li:nth-child(3) {width:49.87%;border-left:none}
.mobileOption > ul li a {display:block;width:100%;height:100%;font-weight:bold;color:#fff;}
.mobileOption .option {overflow:hidden;padding:10px 15px;background:#fafafa;border-bottom:1px solid #BDBDBD;}
.mobileOption .option .title {float:left;width:20%;font-weight:bold;}
.mobileOption .option select {width:80%;float:left;height:30px;}
.mobileOption .date {float:left;margin-top:10px;padding-left:20%}
.mobileOption .date input {width:34.2%;height:25px;}
.mobileOption .date .submit {width:35px;height:35px;float:right;}
.mobileOption .date .submit button {background:none;border:none;display:block;width:100%;height:100%;padding:0;}
.mobileOption .date .submit img {width:100%;height:100%;}


#container.mainPage {padding:0 0px;}
.linkGroup {padding:0 10px;}




.linkGroup a, th, td {font-size:12px;} /**/




.linkGroup > .left,
.linkGroup > .right {float:none;width:100%}
.linkGroup > .right .section {padding-top:20px;}
.linkGroup li span {display:block;}



.tableVer {display:none;}
.mbnSetWrap div.bn02 {width:100%;}
.mMidBanner .bnSet a {width:25%;}
.mMidBanner .bnSet a.bn04 {width:25%;}
.mobileOverRade {clear:both;}
.mbnSetWrap div.bn04 {display:block;}
.mbnSetWrap div.bn04 .control .btnAll {text-align:left;padding-left:2%;}




.overview2{padding-bottom:50px;}
.overview2 .w1200{}
.overview2 .w1200 > p{font-size:22px;font-weight:500;color:#333;text-align:center;line-height:1.3;}
.overview2 .w1200 > span{display:block;font-size:17px;line-height:26px;color:#555;text-align:center;padding-top:20px;}
.overview2 .w1200 img{display:block;margin:75px auto 0;}




@media all and (max-width:1200px){
.overview2 .w1200 > span br{display:none;}
}
@media all and (max-width:905px){
.overview2 .w1200 img{width:100%;margin-top:30px;}
}
@meida all and (max-width:640px){

.overview2{padding-bottom:75px;font-size:128px;}
}
@media screen and (max-width:480px){
.overview2 .w1200 > p{font-size:28px;font-weight:500;color:#333;text-align:center;line-height:1.3;}
.overview2 .w1200 > span{font-size:14px;text-align:center;line-height:1.3;}
}
@media screen and (max-width:1299px){
.busi03_cont1 > div {width:24%; margin:0 1.33% 1.33% 0}