@charset "utf-8";
/*
    main
*/
.main{background-color:#dddddd !important;}
.main #container {/*min-height:inherit;*/}
/*.m_header{position:relative; display:table; table-layout:fixed; padding:0 15px; width:100%; height:50px; background-color:#ffffff; box-sizing:border-box;}
.m_header p {display:table-cell; width:23%; vertical-align:middle;}
.m_header .m_logo{display:table-cell; width:auto; vertical-align:middle; text-align:center; text-indent:-9999px;} 
.m_header .m_logo a{display:block; width:104px; text-align:center; margin:0 auto; background:url("../../images/layout/logo_main.png") no-repeat 50% 50% / 104px auto;}
.m_header .t_txt2{text-align:right;}
.m_header .btn_menu{display:inline-block; width:20px; height:15px; text-align:left; background:url("../../images/layout/ico_all_menu02.png") no-repeat 100% 50% / 20px 15px; text-indent:-9999px;}
.m_header .btn_etc{display:inline-block; text-align:center; width:100%; max-width:100px; height:24px; line-height:22px; font-size:11px; padding:0 5px; background-color:#008689; color:#ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box;}*/

.vi_box{display:table-cell; float:left; width:65%; box-sizing:border-box;}

.top_box{display:table; width:100%; min-height:160px; height:33vh; background:#000; box-sizing:border-box; overflow:hidden;}
.top_box ul li img{width:100%; height:33vh;}

.btn_box{display:table-cell; float:right; width:calc(100% - 65%); height:100%; box-sizing:border-box;}
.btn_box a{position:relative; display:block; width:100%; /*height:calc(33vh / 2);*/ /*height:50%;*/ font-size:1.25em; padding:10px 10px; box-sizing:border-box;}
.btn_box a i{position:absolute; right:20px; bottom:15px; display:inline-block; width:38px; height:40px;}
.btn_oarder i{background:url("../../images/mobile/main/ico_main01.png") no-repeat 100% 100% / contain;}
.btn_inquiry i{background:url("../../images/mobile/main/ico_main02.png") no-repeat 100% 100% /contain;}

/* bx 슬라이더 */
.bx-wrapper .bx-pager{bottom:10px; z-index:100; text-align:right;}
.bx-wrapper .bx-pager.bx-default-pager a{background-color:#dddddd;}
.bx-wrapper .bx-pager.bx-default-pager a.active{width:26px; background:#f0531a;}

/*.bg01{background:url("../../images/main/main_visual03.jpg") no-repeat 0 0 / cover; height:32vh;}
.bg02{background:url("../../images/main/main_visual04.jpg") no-repeat 0 0 / cover; height:32vh;}*/

/*** 공지사항 ***/
.notice_list{height:50px; line-height:50px; background-color:#f5f5f5; padding:0 20px 0 10px; overflow:hidden; border-bottom:solid 1px #dddddd;}
.notice_list ul{background-color:#f5f5f5; }
.notice_list ul li{position:relative; padding-left:8px;}
.notice_list ul li:after{content:""; position:absolute; right:5px; top:50%; margin-top:-3px; display:inline-block; width:5px; height:5px; border-style:solid; border-width:1px; border-color:#999999 #999999 transparent transparent; transform:rotate(45deg);}
.notice_list ul li a{position:relative; padding:0 20px 0 10px; display:inline-block; width:100%; color:#444444; font-weight:100; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box;}
.notice_list ul li a:after{content:""; position:absolute; left:0; top:50%; margin-top:-1px; display:block; width:2px; height:2px; background:#999999;}

/*** 아이콘 리스트 ***/
.icon_box{min-height:200px; height:33vh; background:#ffffff; box-sizing:border-box;}
.icon_box ul:after{content:""; display:block; clear:both;}
.icon_box ul{height:100%;}
.icon_box ul li{position:relative; float:left; width:50%; height:50%; text-align:center;  border-bottom:solid 1px #dddddd; box-sizing:border-box;}
.icon_box ul li a{display:inline-block; height:100%; padding-top:4vh; text-align:center; box-sizing:border-box;}

.icon_box ul li:nth-child(3),
.icon_box ul li:nth-child(4){border-bottom:none;}

.icon_box ul li:nth-child(1),
.icon_box ul li:nth-child(3){border-right:solid 1px #dddddd;}

.icon_box ul li i{display:block; width:54px; height:44px; margin-bottom:5px;/*position:absolute; left:50%; margin-left:-26px;*/}
.icon_box ul .ico01 i{background:url("../../images/mobile/main/ico_main03.png") no-repeat 0 0 / 54px auto;}
.icon_box ul .ico02 i{background:url("../../images/mobile/main/ico_main04.png") no-repeat 0 0 / 54px auto;}
.icon_box ul .ico03 i{background:url("../../images/mobile/main/ico_main05.png") no-repeat 0 0 / 54px auto;}
.icon_box ul .ico04 i{background:url("../../images/mobile/main/ico_main06.png") no-repeat 0 0 / 54px auto;}

/* 폴리머일 경우 */
.icon_box.poly{overflow:auto; padding:0 20px;}
.icon_box.poly ul{height:auto;}
.icon_box.poly ul:after{content:""; display:none; clear:both;}
.icon_box.poly li{float:none; width:100%; height:auto; text-align:left; border:none !important; font-size:13px;}

.icon_box.poly >ul >li >ul{padding-left:13px;}
.icon_box.poly >ul >li{margin-bottom:5px;}
.icon_box.poly >ul >li >ul{margin-top:3px;}
.icon_box.poly >ul >li >ul >li >ul{padding-left:15px;}

/**/
.poly_box{padding:10px 15px 10px; font-size:13px; background:#ffffff;}
.poly_box h4{display:inline-block; padding:5px 10px; color:#ffffff; font-size:13px; background:#008689;}
.poly_box >ul{background:#f2f9f9; padding:10px 15px; font-size:12px; border:solid 1px #008689;}
.poly_box >ul >li >ul{padding-left:12px;}
.poly_box >ul >li{margin-bottom:5px;}
.poly_box >ul >li >ul{margin-top:3px;}
.poly_box >ul >li >ul >li >ul{padding-left:15px;}