@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
/*기본 1200:100% / 992:82.6% / 768:64%*/
/*최소 320(아이폰5 기준)*/
/* Common CSS  */
body { font-family: "Noto Sans KR", sans-serif !important; font-weight: 300; }
#form1 { overflow: hidden; }
.nav_container,
#wrap { margin: 0 auto; padding: 0 5%; }
.f_l { float: left; }
.f_r { float: right; }
.cl_b { width: 0; height: 0; font-size: 0; line-height: 0; clear: both; }
.delay-01s { animation-delay: 0.1s; }
.delay-02s { animation-delay: 0.2s; }
.delay-03s { animation-delay: 0.3s; }
.delay-04s { animation-delay: 0.4s; }
.delay-05s { animation-delay: 0.5s; }
.delay-06s { animation-delay: 0.6s; }
.delay-07s { animation-delay: 0.7s; }
.delay-08s { animation-delay: 0.8s; }
.delay-09s { animation-delay: 0.9s; }
.delay-1s { animation-delay: 1s; }
.delay-2s { animation-delay: 2s; }
.delay-3s { animation-delay: 3s; }
.add-animation { opacity: 1; }
/* hover 효과 */
.effect-chico { overflow: hidden; position: relative; max-height: 212px; max-width: 212px; margin: 2px auto 0; background-color: #f4f4f4; }
.effect-chico .figcaption,
.effect-chico .figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; text-decoration: none; }
.effect-chico:hover .figcaption::before { opacity: 1; transform: scale(1); }
.effect-chico:hover img { opacity: 0.1; transition: opacity 0.2s, transform 0.35s; transform: scale(1); }
.effect-chico:hover h4 { transform: translate3d(0, 0, 0); }
.effect-chico:hover p { opacity: 1; transform: scale(1); }
.effect-chico img { max-width: 100%; opacity: 1; transform: scale(1.2); }
.effect-chico .figcaption::before { position: absolute; top: 5%; right: 5%; bottom: 5%; left: 5%; border: 1px solid #333; content: ''; transform: scale(1.1); }
.effect-chico .figcaption::before { opacity: 0; transition: opacity 0.35s, transform 0.35s; }
.effect-chico h4 { transition: transform 0.35s; transform: translate3d(0, -45px, 0); }
.effect-chico p { opacity: 0; transform: scale(1.5); transition: opacity 0.35s, transform 0.35s; }
/* 헤더영역 메뉴폼 */
.navbar-default { background: #fff; font-size: 18px; }
.navbar-default i.material-icons { font-size: 30px; color: #1f3f99; }
.navbar-default .navbar-toggle { margin: 6px 0; border: none; }
.navbar-default .navbar-brand { float: none; display: block; height: auto; margin: 0; }
.navbar-default .navbar-brand .img_logo { max-width: 100%; margin: 0 auto; }
.navbar-default .navbar-nav { position: absolute; top: 0; left: 50%; margin-left: -200px; }
.navbar-default .navbar-nav li a { margin: 0 40px 0; padding: 0; font-weight: 400; line-height: 55px; color: #333; }
.navbar-default .navbar-nav li a:hover { color: #1f3f99; }
.navbar-default .navbar-nav li a.underline { position: relative; }
.navbar-default .navbar-nav li a.underline:after { content: ''; display: block; height: 3px; width: 0px; margin: auto; transition: width 0.3s, background-color 0.3s ease; }
.navbar-default .navbar-nav li a.underline:hover:after { width: 100%; background: #1f3f99; }
.navbar-default .navbar-nav li a.active { position: relative; }
.navbar-default .navbar-nav li a.active:after { content: ''; display: block; height: 3px; width: 0px; margin: auto; transition: width 0.3s, background-color 0.3s ease; width: 100%; background: #1f3f99; }
.navbar-default .sub_menu { overflow: hidden; display: none; position: relative; border-top: 1px solid #1f3f99; }
.navbar-default .sub_menu #sub_menu_company,
.navbar-default .sub_menu #sub_menu_solution,
.navbar-default .sub_menu #sub_menu_mobile { display: none; position: absolute; top: 0; left: 50%; padding: 10px; margin: 0 auto; }
.navbar-default .sub_menu #sub_menu_company { margin-left: -248px; }
.navbar-default .sub_menu #sub_menu_solution { margin-left: -80px; }
.navbar-default .sub_menu #sub_menu_mobile { margin-left: -40px; }
.navbar-default .sub_menu ul { list-style: none; }
.navbar-default .sub_menu ul li { float: left; width: 105px; }
.navbar-default .sub_menu .link_submenu { display: block; font-size: 14px; color: #999; text-decoration: none; }
.navbar-default .sub_menu .link_submenu:hover { color: #1f3f99; }
.navbar-default .sub_menu .link_submenu:hover i { color: #1f3f99; }
.navbar-default .sub_menu .link_submenu i { display: block; margin-top: 10px; font-size: 26px; color: #999; }
/* 모바일 사이드바 */
#sidebar_L,
#sidebar_R { background-color: #282828; color: #fff; z-index: 1000; }
#sidebar_L .list_menu,
#sidebar_R .list_menu { border-left: 0; border-right: 0; border-color: #000; border-radius: 0; background-color: #282828; color: #aaa; }
#sidebar_L .list_sub_menu,
#sidebar_R .list_sub_menu { border-left: 0; border-right: 0; border-color: #000; border-radius: 0; background-color: #363636; color: #ddd; }
#sidebar_L #nav_company,
#sidebar_R #nav_company,
#sidebar_L #nav_service,
#sidebar_R #nav_service,
#sidebar_L #nav_infomation,
#sidebar_R #nav_infomation { margin-bottom: -1px; }
.add_inquiry { padding: 20px 0; background-color: #C2B59B; }
.add_inquiry a { text-align: center; cursor: pointer; text-decoration: none; }
.add_inquiry a p { margin: 5px auto; font-size: 20px; color: #fff; }
.add_inquiry a p span { width: 60px; height: 60px; margin-left: 30px; border: 1px solid #fff; border-radius: 60px; background: none; }
.add_inquiry a p span i { font-size: 35px; line-height: 45px; color: #fff; }
/* 사이트맵 */
.sitemap { margin: 0 auto; padding: 20px 0; background: #363333; }
.sitemap h4 { font-size: 20px; font-weight: 400; color: #d8d8d8; }
.sitemap hr { width: 50px; margin: 5px 0; border: 1px solid #646464; }
.sitemap ul { margin: 0 0 10px 0; padding: 0; list-style: none; }
.sitemap ul a { font-size: 15px; color: #d8d8d8; text-decoration: none; }
/* footer */
.footer { margin: 0 auto; padding: 20px 0; background: #1e1e1e; font-size: 18px; }
.footer span { display: inline-block; padding-right: 10px; font-size: 14px; color: #d8d8d8; }
.footer .copyright { margin: 10px 0; font-size: 16px; color: #646464; }
/* 버튼 CSS */
.link_btnType { display: none; }
.link_inner { display: inline-block; margin-top: 30px; padding: 10px 40px; border: 1px solid rgba(255, 255, 255, 0.8); text-decoration: none; color: #fff; }
.link_inner:hover { border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(42, 148, 229, 0.9); }
.link_caption { display: inline-block; margin-top: 20px; padding: 10px 70px; border: 1px solid #fff; font-size: 20px; background: none; color: #fff; text-decoration: none; text-shadow: none; }
.link_caption:hover { border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(42, 148, 229, 0.9); color: #fff; text-decoration: none; }
.link_infocont { display: inline-block; position: absolute; top: 50%; left: 50%; width: 312px; margin: 100px 0 0 -156px; padding: 10px 70px; border: 1px solid #fff; font-size: 20px; font-weight: 500; background: none; color: #fff; text-align: center; text-decoration: none; text-shadow: none; }
.link_infocont:hover { border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(42, 148, 229, 0.9); color: #fff; text-decoration: none; }
/* 메인 carousel */
#sectionCarousel { margin-top: 58px; }
#sectionCarousel .caption_override { position: relative; right: 0; left: 0; padding: 15% 0; }
#sectionCarousel .control_override { z-index: 10; }
/* 메인화면 */
.section_main { position: relative; }
.section_main .tbl_cont { display: table; width: 100%; height: 100%; }
.section_main .tbl_cont .tbl_text { display: table-cell; padding: 3% 3%; vertical-align: middle; }
.section_main .link_group { overflow: hidden; margin-bottom: 10%; padding: 0 10%; list-style: none; }
.section_main .link_group li { float: left; width: 25%; padding: 2px; }
.section_main .layer_service { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/main/bg_black_50.png) repeat; opacity: 0; }
.section_main .box_news,
.section_main .box_facebook { margin: 100px 0; border: 0px; border-radius: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
.section_main .box_news .panel-heading,
.section_main .box_facebook .panel-heading { background-color: #fff; }
.section_main .box_news .panel-heading .tit_head,
.section_main .box_facebook .panel-heading .tit_head { margin: 15px 0; font-size: 20px; }
.section_main .box_news .panel-heading a,
.section_main .box_facebook .panel-heading a { color: #1f3f99; }
.section_main .box_news .list_news,
.section_main .box_facebook .list_news { list-style: none; padding: 0; }
/* 컨텐츠 메뉴 탭 */
.tab_submenu { position: fixed; top: 58px; left: 0; width: 100%; padding: 0 5%; z-index: 110; }
.tab_submenu ul { display: block; padding: 0; margin: 0; list-style: none; }
.tab_submenu ul li.company { width: 20%; }
.tab_submenu ul li.business { width: 50%; }
.tab_submenu ul li.prcenter { width: 50%; }
.tab_submenu ul li.possolution { width: 50%; }
.tab_submenu ul li { float: left; border-right: 1px solid rgba(255, 255, 255, 0.3); text-align: center; background-color: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);}/*filter ie8 대응 */
.tab_submenu ul li:last-child { border-right: none; }
.tab_submenu ul li:hover { background-color: rgba(0, 0, 0, 0.9); }
.tab_submenu ul li.active { border-right: 0; background: #1f3f99; }
.tab_submenu ul li a { display: block; padding: 20px; font-size: 18px; font-weight: 400; color: #fff; text-decoration: none; }
.tab_submenu ul li a:hover { text-decoration: none; }
/* 내부 컨텐츠 탭 */
.inner_tab { width: auto; }
.inner_tab ul { padding: 0; margin: 0; list-style: none; text-align: center; }
.inner_tab ul li { display: inline-block; text-align: center; }
.inner_tab ul li.active a { color: #1f3f99; }
.inner_tab a { display: block; padding: 20px; font-size: 25px; font-weight: 500; color: #999; text-decoration: none; }
.inner_tab a:hover { color: #1f3f99; }
.inner_tab .tab_platform { width: auto; }
.inner_tab .tab_business { width: 33.33%; }
.inner_tab .tab_prcenter { width: 50%; }
/* 컨텐츠 섹션 */
.section_contents { padding: 3% 0; }
.section_contents .txt_organization { position: absolute; top: 80px; right: 50px; padding: 0 50px; font-size: 18px; font-weight: 400; color: #333; text-align: left; line-height: 1.6; }
.section_contents .img_card { margin: 40px 0; text-align: center; }
.section_contents .img_card img { max-width: 100%; }
.section_contents .img_card2 { margin: 40px 0; text-align: center; }
.section_contents .img_card2 img { max-width: 100%; }
.section_contents .cont_box { line-height: 28px; }
.section_contents .cont_box img { max-width: 100% !important; height: auto !important; }
.section_contents .panel_newswrap { border: 0px; border-radius: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
.section_contents .panel_newswrap .panel-body { padding: 5%; }
.section_contents .panel_newswrap .panel-body .link_newscont { text-decoration: none; cursor: pointer; }
.section_contents .panel_newswrap .panel-footer { overflow: hidden; padding: 5% 5% 0; background-color: #fff; border-top-style: dashed; }
.section_contents .panel_detailnewswrap .panel-heading { background-color: #ffffff !important; }
.section_contents .panel_detailnewswrap .panel-footer { background-color: #fff; border-top-style: dashed; }
.section_contents .paging_newsdetail .active a { border-color: #2a94e5; background-color: #2a94e5; }
.section_contents .paging_newsdetail a { position: relative; margin: 0 1%; padding: 10px 16px; border: 1px solid #ddd; border-radius: 20px; background-color: #fff; color: #2a94e5; text-decoration: none; cursor: pointer; }
.section_contents #carousel-example-generic { margin: 40px 0; }
/* 테이블 레이아웃 */
.tbl_cont { display: table; width: 100%; height: 100%; }
.tbl_cont .tbl_maintext { display: table-cell; padding: 10% 5%; vertical-align: middle; }
.tbl_cont .tbl_text { display: table-cell; padding: 3% 3%; vertical-align: middle; }
.tbl_cont .tbl_sidetext { display: table-cell; padding: 0; vertical-align: middle; }
/* 인포그래픽 */
.graph { overflow: hidden; position: relative; width: 174px; height: 174px; margin-top:5% }
.graph .data { font-size: 32px; font-weight: bold; text-anchor: middle; line-height: 2; letter-spacing: -1px; }
.graph .num { font-size: 18px; text-anchor: middle; }
/* 연혁 */
#history .txt_year { width: 100px; height: 50px; margin: -45px auto 0; border: 10px solid #1f3f99; border-radius: 70px; background: #fff; font-size: 20px; text-align: center; }
#history .line_hori_mid { margin-right: -15px; margin-top: 45px; margin-left: -15px; border-color: #ddd; z-index: -10; }
#history .line_dot_vert { width: 1px; height: 20px; margin: 10px auto 0; border: 1px dashed #ddd; text-align: center; }
#history .w_line { width: 100%; height: 1px; margin: 10px -15px 0 -15px; border: 1px dashed #333; text-align: center; }
#history .txt_history { font-size: 16px; }
#history .txt_history span { font-size: 12px; color: #feae00; }
#history p.text-right,
#history p.text-left { margin-bottom: 5px; }
#history dd { font-size: 16px; color: #2a94e5; }
/* 배경색상 */
.bg_white { background-color: #fff; }
.bg_gray { background-color: #fafafa; }
.bg_black { background-color: #000; }
.bg_black:hover { opacity: 0.5; }
.bg_black_layer { padding: 15px 3%; background: rgba(0, 0, 0, 0.4); }
.bg_black_layer .tit { color: #ffffff !important; }
.bg_black_layer .txt { color: #ffffff !important; }
/* 배경이미지 */
.bg_mainimage { background: url(../images/main/img_copy01.jpg) center 0 no-repeat; background-size: cover; }
.bg_mainimage2 { background: url(../images/main/img_copy02.jpg) center bottom no-repeat; background-size: cover; }
.bg_resolution { background: url(../images/co/img_resolution.jpg) center center no-repeat; background-size: cover; }
.bg_cont_resolution { background: url(../images/co/cb036115112.jpg) center center no-repeat; background-size: cover; }
.bg_vision { background: url(../images/co/img_vision.jpg) center center no-repeat; background-size: cover; }
.bg_cont_vision { background: url(../images/co/img_vision2.jpg) center center no-repeat; background-size: cover; }
.bg_organization { background: url(../images/co/img_organization.jpg) center center no-repeat; background-size: cover; }
.bg_history { background: url(../images/co/img_history.jpg) center center no-repeat; background-size: cover; }
.bg_cont_history { background: url(../images/co/img_vision2.jpg) center center no-repeat; background-size: cover; }
.bg_map { background: url(../images/co/img_map.jpg) center center no-repeat; background-size: cover; }
.bg_cont_map { background: url(../images/co/img_map2.jpg) center center no-repeat; background-size: cover; }
.bg_news { background: url(../images/an/img_news.jpg) center center no-repeat; background-size: cover; }
.bg_infographics { background: url(../images/an/img_infographics.jpg) center center no-repeat; background-size: cover; }
.bg_posSolution { background: url(../images/biz/img_possolution.jpg) center center no-repeat; background-size: cover; }
.bg_mobileSolution { background: url(../images/biz/img_mobilesolution.jpg) center center no-repeat; background-size: cover; }
.bg_platform { background: url(../images/biz/img_platform.jpg) center center no-repeat; background-size: cover; }
.bg_service_pos { background: url(../images/biz/img_posinfo.jpg) center center no-repeat; background-size: cover; }
.bg_service_pop { background: url(../images/biz/img_popinfo.jpg) center center no-repeat; background-size: cover; }
.bg_service_radio { background: url(../images/biz/img_radioinfo.jpg) center center no-repeat; background-size: cover; }
.bg_service_mall { background: url(../images/biz/img_popinfo.jpg) center center no-repeat; background-size: cover; }
.bg_service_s { background: url(../images/biz/img_sinfo.jpg) center center no-repeat; background-size: cover; }
.bg_service_mpos { background: url(../images/biz/img_mposinfo.jpg) center center no-repeat; background-size: cover; }
.bg_service_m { background: url(../images/biz/img_minfo.jpg) center center no-repeat; background-size: cover; }
.bg_service_f { background: url(../images/biz/img_finfo.jpg) center center no-repeat; background-size: cover; }
.bg_culture { background: url(../images/rec/img_culture.jpg) center center no-repeat; background-size: cover; }
.bg_lineimage { background: url(../images/biz/bg_webline.png) center 20% no-repeat; background-color: #f3f3f3; }
.bg_posimage { background: fixed url(../images/main/img_main01.jpg) center 0% no-repeat; background-size: cover; }
.bg_mobileimage { background: fixed url(../images/main/img_main02.jpg) center 0% no-repeat; background-size: cover; }
.bg_companyimage { background: fixed url(../images/main/img_main03.jpg) center bottom no-repeat; background-size: cover; }
.bg_serviceimage { background: url(../images/main/img_main04.jpg) center 0% no-repeat; background-size: cover; }
/* 텍스트 CSS */
.tit_carousel { font-size: 100px; font-weight: 600; text-shadow: none; line-height: 1.2; }
.txt_carousel { margin-top: 30px; font-size: 30px; font-weight: 400; text-shadow: none; line-height: 1; }
.tit_main { font-size: 65px; color: #333; font-weight: bold; letter-spacing: -1px; }
.tit_main .line_hori { border-bottom: 1px solid #1f3f99; font-weight: bold; color: #1f3f99; }
.txt_main { margin-top: 40px; font-size: 28px; font-weight: 400; color: #333; line-height: 2; }
.txt_linktitle { font-size: 70px; color: #fff; letter-spacing: -1px; }
.tit_contents { margin-top: 100px; padding: 120px 0; font-size: 70px; font-weight: 600; background: url(../images/common/bg_centercir.png) no-repeat center center; color: #fff; text-align: center; letter-spacing: 10px; }
.tit_contents span { display: block; font-size: 35px; font-weight: 300; }
.tit { font-size: 38px; color: #333; line-height: 1.4; }
.tit b { font-weight: bold; }
.tit .color_blue { color: #1f3f99; }
.txt { padding: 0px; font-size: 18px; color: #666; line-height: 1.4; }
.txt .color_blue { color: #1f3f99; }
.tit_service { font-size: 25px; color: #333; }
.tit_service span { color: #feae00; }
.txt_service { margin: 10px 5%; padding: 0px; font-size: 16px; color: #666; line-height: 1.6; }
.tit_mainnewslist { overflow: hidden; display: inline-block; max-width: 420px; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.txt_mainnewsdate { font-size: 14px; color: #999; cursor: pointer; }
.tit_newslist { display: block; margin-top: 0px; font-size: 20px; font-weight: 300; color: #000; }
.txt_newslist { display: block; margin-top: 20px; font-size: 16px; color: #666; }
.txt_newsdate { font-size: 16px; color: #b39a78; }
.tit_detail { margin: 15px; font-size: 20px; }
.txt_detail { margin: 15px; font-size: 16px; }
.txt_detail p {margin:0}
.link_text { padding: 0 50px; font-size: 20px; color: #fff; }
.link_service { display: block; overflow: hidden; }
.link_service:hover { text-decoration: none; }
.tit_effect { font-size: 20px; font-weight: 400; text-align: center; color: #333; letter-spacing: -1px; }
.txt_effect { margin: 0 auto; padding: 0 10%; font-size: 15px; font-weight: 300; text-align: center; color: #333; line-height: 20px; letter-spacing: -1px; }
.txt_conticon { display: block; font-size: 80px; text-align: center; }
.txt_graphicon { font-size: 40px; }
.txt_graph { padding: 0px; font-size: 18px; color: #666; line-height: 1.6; }
.txt_graphinfo{margin-top:40px; font-size:14px; color:#999; text-align:right;}

/* br태그 숨김처리 */
br.pcblock{display:block}
br.moblock{display:none}

@media (max-width: 767px) {
    .nav_container,
    #wrap { width: 100%; margin: 0 auto; padding: 0; }
    /* hover 효과 */
    .effect-chico img { opacity: 0.2; }
    .effect-chico h4 { transform: translate3d(0, 0, 0); }
    /* footer */
    .footer { text-align: center; }
    .footer span { display: block; }
    /* 버튼 CSS */
    .link_btnType { display: block; max-width: 220px; margin: 30px auto; padding: 10px 40px; font-size: 16px; background: #20409a; text-decoration: none; text-align: center; color: #fff; }
    .link_btnType:hover { background: #20409a; text-decoration: none; color: #fff; }
    /* 메인화면 */
    .section_main .link_group li { width: 50%; }
    .section_main .layer_service { display: none; }
    .section_main .box_news,
    .section_main .box_facebook { margin: 50px 0; }
    .section_main .box_news .panel-heading .tit_head,
    .section_main .box_facebook .panel-heading .tit_head { margin: 10px; font-size: 16px; }
    .section_main .box_facebook { margin-top: 0; }
    /* 컨텐츠 섹션 */
    .section_contents .img_card2 { margin: 10px 0 0;}
    /* 텍스트 CSS */
    .tit_carousel { font-size: 35px; }
    .txt_carousel { margin-top: 15px; font-size: 18px; line-height: 1; }
    .tit_main { font-size: 21px; font-weight: bold; text-align: center; }
    .txt_main { margin: 40px 0; font-size: 14px; font-weight: 400; line-height: 1.7; text-align: center; }
    .tit_contents { padding: 120px 0; font-size: 24px; letter-spacing: 5px; }
    .tit { font-size: 21px; }
    .txt { margin-top: 10px; font-size: 14px; }
    .tit_service { font-size: 21px; }
    .txt_service { font-size: 14px; }
    .tit_mainnewslist { max-width: 200px; font-size: 14px; }
    .txt_mainnewsdate { font-size: 12px; }
    .tit_newslist { font-weight: 400; }
    .txt_newslist { font-size: 14px; }
    .txt_newsdate { font-size: 14px; }
    .tit_effect { font-size: 16px; font-weight: bold; }
    .txt_effect { display: none; }
    .txt_graphinfo{text-align:center;}

    /* 연혁 */
    #history .txt_year { width: 80px; height: 45px; border-width: 8px; font-size: 20px; }
    #history .txt_history { font-size: 14px; }
    .bg_black_layer { margin: -3% 0; }
    /* br태그 숨김처리 */
    br.pcblock{display:none}
    br.moblock{display:block}
}
/* 작은 기기들 (태블릿, 768px 이상) */
@media (min-width: 768px) {
    .container { width: 692px; }
    /* 텍스트 CSS */
    .tit_carousel { font-size: 64px; }
    .txt_carousel { margin-top: 19.2px; font-size: 19.2px; }
    .tit_main { font-size: 41.6px; }
    .txt_main { font-size: 17.92px; }
    .tit { font-size: 25px; }
    .txt { font-size: 14px; }
    .txt_linktitle { font-size: 44.800000000000004px; }
    /* 테이블 레이아웃 */
    .tbl_sidetext.tbl_h400 { height: 290px; }
    .tbl_sidetext.tbl_h600 { height: 396px; }
}
/* 중간 기기들 (데스크탑, 992px 이상) */
@media (min-width: 992px) {
    .container { width: 892px; }
    /* 텍스트 CSS */
    .tit_carousel { font-size: 82.66px; }
    .txt_carousel { margin-top: 24.798000000000002px; font-size: 24.798000000000002px; }
    .tit_main { font-size: 53.729px; }
    .txt_main { font-size: 23.1448px; }
    .tit { font-size: 32px; }
    .txt { font-size: 16px; }
    .txt_linktitle { font-size: 57.862px; }
    /* 테이블 레이아웃 */
    .tbl_sidetext.tbl_h400 { height: 357px; }
    .tbl_sidetext.tbl_h600 { height: 496px; }
}
/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media (min-width: 1200px) {
    .container { width: 1082px; }
    /* 텍스트 CSS */
    .tit_carousel { font-size: 100px; }
    .txt_carousel { margin-top: 30px; font-size: 30px; }
    .tit_main { font-size: 65px; }
    .txt_main { font-size: 28px; }
    .tit { font-size: 38px; }
    .txt { font-size: 20px; }
    .txt_linktitle { font-size: 70px; }
    /* 테이블 레이아웃 */
    .tbl_sidetext.tbl_h400 { height: 421px; }
    .tbl_sidetext.tbl_h600 { height: 591px; }
}