@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:65px; top:26px;}
img {max-width: 100%}
#navigation {display: none;}


/* wrap */
#wrap {width:100%; padding-top:80px; max-width:1920px; overflow:hidden; margin:0 auto;  transition: all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:100px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1400px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}

.bg_wrap {background: #f2f2f2}

/* down */
#header.down {background: #fff; transition: all 0.3s 0s ease-in-out; padding-top: 0px; position:fixed; top:0px; }
#header.down:after {width: 100%; left: 0px; transition: all 0.3s 0s ease-in-out;}

/*.w_gnb .gnb > ul > li:hover > a:after {display: block; content: ""; width: 8px; height:8px; border-left: 1px solid #032d6d; border-top: 1px solid #032d6d; position: absolute; left: 50%; top:100%; margin: -4px 0px 0px -4px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index:99}*/




.down .menu_btn .line-top, .down .menu_btn .line-middle, .down .menu_btn .line-bottom {background: #000;}


/* header */
#header {width:100%; background: #fff; position:fixed; left:0px; top:0px; z-index:9999; box-sizing: border-box; transition: all 0.3s 0s ease-in-out; }
#header:after {display: block; transition: all 0.2s 0s ease-in-out; z-index: 999; content: ""; width:1%; height: 1px; background: #eee; position: absolute; left:50%; bottom: 0px; z-index: 999}

.in_header {max-width:1400px; width:100%; height:80px; background: #fff; box-sizing: border-box; margin:0 auto; position:relative; z-index:9;}
#header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 }
#header h1 a {display: block; overflow: hidden; height: 100%; outline: none; background: url(../img/common/logo.png) no-repeat left top}
#header .top_btns {z-index:10; overflow: hidden; position: absolute; right:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%);}
#header .top_btns > li {float: left; padding: 0px 0px 0px 20px; line-height:100%; line-height: 22px;}
#header .top_btns > li .ico {display: inline-block; width: 22px; height: 22px; line-height: 100%; vertical-align: top;}
#header .top_btns > li .ico1 {background: url(../img/common/ico_login.png) no-repeat center top;}
#header .top_btns > li .ico2 {background: url(../img/common/ico_user.png) no-repeat center top;}
#header .top_btns > li .m_topbtn {padding-left:7px; display: inline-block; vertical-align: middle; font-weight:400; color: #fff; font-size:15px;}
#header .lang {z-index:10; overflow: hidden; position: absolute; right:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%);}
#header .lang > a {display: block; color: #000; font-size:16px; padding-right: 15px; position: relative; background: url(../img/common/a.png) no-repeat 99% center;}

.m_gnb_on {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; display: none; }
.m_gnb_on .menu_btn {margin: 0 auto;}

.main_layer_pop {position: absolute; left:5%;  top:119px; z-index: 9999}
.main_pop_bottom {background: #fff; font-weight: 300; color: #000; padding:20px; position: relative; font-size: 14px;}
.main_pop_bottom .close {position: absolute; right: 20px; top: 20px; padding-right: 30px; background: url(../img/main/pop_close.gif) no-repeat right center;}
.main_layer_pop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.main_layer_pop_inner .cell {display: table-cell; vertical-align: middle; position: relative;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin: 0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}

/*상단검색*/

.search_warp {padding:0px 45px 0px 0; border-bottom:1px solid #000; width:100%; max-width:160px;position:absolute; right:100px; top:50%; margin-top:-20px; box-sizing:border-box;}
.search_warp .inp_search {border:none; outline:none; padding-left:5px; width:100%; font-size:14px; color:#333; line-height:40px; min-height:40px;}
.search_warp .btn_search {position:absolute; right:0px; box-sizing:border-box; height:40px; background: url(../img/common/bt_search.gif) no-repeat center center; top: 50%; margin-top:-20px; text-align:center; min-width:40px;}
.search_warp .btn_search span {font-size:13px; line-height:40px; font-family:nGothicB; color:#fff; display:inline-block;}
.top_searchW .inner_search .in_box .no_txt {text-align:center; font-size:14px; line-height:22px; padding:0 0 30px 0; color:#000;}
.search_warp .btn_search span {font-size: 0px;}
.search_warp .inp_search::-ms-clear{display: none;}

/* GNB */
.w_gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb {max-width:1400px; margin: 0 auto; box-sizing: border-box; padding: 0px 300px 0px 250px;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: center;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {text-align: center; float: left; width: 25%; box-sizing: border-box; vertical-align: top; position:relative;}
.w_gnb .gnb > ul > li:before {display: block; content: ""; width: 1px; height:16px; background: #cccccc; position: absolute; left: 0px; top: 50%; margin-top: -8px;}
.w_gnb .gnb > ul > li:first-child:before {display: none;}

.w_gnb .gnb > ul > li > a {display:block; color:#fff;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; box-sizing: border-box; font-size:18px; line-height:80px; height:80px; color:#000000; transition: all 0.2s 0s ease-in-out; position: relative; border-bottom: 3px solid #fff}
.w_gnb .gnb > ul > li:hover > a > span {border-bottom: 3px solid #e60012}
.w_gnb .gnb > ul > li.on > a > span {border-bottom: 3px solid #e60012}

/*.w_gnb .gnb > ul > li:nth-child(1) {font-family:MICEGothic, sans-serif;}
.w_gnb .gnb > ul > li:nth-child(2) {font-family:MICEMyungjo, sans-serif;}
.w_gnb .gnb > ul > li:nth-child(3) {font-family:YiSunShinDotumB, sans-serif;}
.w_gnb .gnb > ul > li:nth-child(4) {font-family:YiSunShinDotumL, sans-serif;}
.w_gnb .gnb > ul > li:nth-child(5) {font-family:YiSunShinDotumM, sans-serif;}*/

.w_gnb .gnb > ul > li.gnb05 > a > span {color: #e60012 !important; padding-right:25px; background: url(../img/common/link.png) no-repeat right center;}




.gnb > ul > li.gnb08 {display: none !important;}
.gnb > ul > li.gnb09 {display: none !important;}

.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; display:none; padding:20px 0px;}
.w_gnb .sub_menu > li {padding:5px 10px 5px 0px;}
.w_gnb .sub_menu > li > a {display:block; word-break: keep-all; font-size:16px; text-align:center; font-weight: 100; color:#fff; padding:2px 0px; line-height:18px; opacity: 0.8}
.w_gnb .sub_menu > li > a:hover {opacity: 1; font-weight: 400; }


.w_gnb .three_depth { display:none;}
.gnb08 {display: none !important;}
.gnb09 {display: none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background: #2d3749}
#gnb_bar {position:absolute; display:none; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top:100%; width:100%; max-width: 1400px; height:348px; background: url(../img/common/png_80.png) repeat left top; z-index: 8}
#gnb_bar:After {display: block; content: ""; width:261px; height: 209px; background: url(../img/common/gnb_bg2.png) no-repeat left top; position:absolute; right: 20px; bottom: 20px; z-index: 8}



.slide_menu_wrap {width:80%; max-width: 500px; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_inner .top_btns {overflow: hidden; padding-bottom: 20px; margin: -5px;}
.slide_menu_inner .top_btns > li {float: left; width: 50%; box-sizing: border-box; padding: 5px;}
.slide_menu_inner .top_btns > li > a {display: block; font-weight: 100; padding: 10px; border: 1px solid #fff; color: #fff;  font-size: 15px; text-align: center}
.slide_menu_inner .top_btns > li > a .ico {display: none;}
.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_inner .search_warp {display:none;}

.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn {height: 20px !important; width: 30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; padding: 10px 10px 10px 10px; background: url(../img/common/g_plus.png) no-repeat right center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat right center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px 10px 10px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; position: relative; line-height:23px; padding:5px 10px 5px 15px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu > li > a:before {display: block; content: ""; width:6px; height: 1px; background: #fff; position: absolute; left: 0px; top: 50%; opacity: 0.7;} 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}




/* visual */
.main_visual {width: 100%; position: relative;}
.main_visual .bxslider > li {background-size:cover !important;}
.main_visual .v_frame {max-width: 1400px; margin: 0 auto; position: relative;}
.main_visual .v_frame .v_txt {position: absolute; width: 100%; box-sizing: border-box; left: 50%; top: 50%; transform: translate(-50%, -50%); -wbkit-transform: translate(-50%, -50%); color: #fff; font-size:58px; line-height: 130%; text-align: center; padding:0px 20px 60px 20px;}
.main_visual .v_frame .v_txt .small {font-weight: 600; font-size:32px; display: block; line-height: 140%; padding-top:20px;}
.main_visual .v_frame img {max-width: 100%;}
.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:40px; width:calc(100% - 140px); width:-webkit-calc(100% - 140px); max-width: 1200px; box-sizing: border-box; z-index: 99;}

.main_visual .visual_control {max-width: 1200px; width: 100%; position: absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 0px; text-align: right; z-index:99; font-size: 0px;}
.main_visual #visual_counter {display: inline-block; vertical-align: top; line-height:86px; color: #fff; font-size:42px; letter-spacing:5px; font-weight:100}
.main_visual #visual_counter > span {font-weight: 600;}

.main_visual .v_bt {display: inline-block; vertical-align: top;}
.main_visual .v_bt > a {display: block; background: #fff; box-sizing: border-box; padding:30px;}
.main_visual #vnext {margin: 0px 1px 0px 30px;}

.main_visual .scroll_ico {position: absolute; left: 50%; bottom:8%; transform: translateX(-50%); -webkit-transform:translateX(-50%); z-index: 99}
.main_visual .scroll_ico > a {display: block; width:85px; text-align: center; font-size:15px; color:#fff; font-weight:100; padding:40px 0px 35px 0px; background: url(../img/main/ico_scroll.png) no-repeat center top;}
.main_visual .scroll_ico .arrow {display: block; width:100%; text-align:center; position: absolute; left:50%; bottom:0px; transform: translateX(-50%); -webkit-transform:translateX(-50%);}
.main_visual .scroll_ico .arrow2 {bottom:0px;}
.main_visual .scroll_ico .arrow1 {animation: mv1 0.7s ease-in-out 0.7s infinite;}

 @keyframes mv1 {
     0%{opacity: 1; bottom:0px;} 
    40%{opacity: 1; bottom:-8px;} 
     100%{opacity: 1; bottom:0px;} 
}





/* section */
.section {padding:60px 0px; font-size:17px; line-height: 140%;}

#section1 {padding: 0px;}

.main_product > ul:after {display: block; content: ""; clear: both;}
.main_product > ul {margin: -20px;}
.main_product > ul > li {float: left; width: 33.3333%; box-sizing: border-box; padding: 20px;}
.main_product > ul > li .box {display: block; text-align: center; padding: 10px; /*background: #e7eaee; -webkit-box-shadow:20px 20px 30px 0 #e4e4e4; box-shadow:20px 20px 30px 0 #e4e4e4;*/}
.main_product > ul > li .box .txt_t {display: block; padding-top:25px; color: #333333; font-size:1.7em; line-height: 140%; font-weight: 600;}
.main_product > ul > li .box .dis_table {display: table; width: 100%;}
.main_product > ul > li .box .dis_table .cell {display: table-cell; vertical-align: middle; height:240px;}
.main_product > ul > li .box .over {display: none;}
.main_product > ul > li .box .over > ul > li {font-weight: 100; line-height: 140%; padding-top: 5px; color: #fff;}
.main_product > ul > li .box:hover {color: #fff; background: #333333;}
.main_product > ul > li .box:hover .txt_t {color: #fff;}
.main_product > ul > li .box:hover .over {display: block}
.main_product > ul > li .box:hover .ico {display: none}


#section3 {color: #fff; background: url(../img/main/bg_section3.jpg) no-repeat center top; background-size:cover;}
#section3 .m_tit {color: #fff;}
#section3 .m_tit_txt {color: #fff;}
.main_banner {max-width:1000px; margin: 0 auto; word-break: keep-all; position: relative;}
.main_banner > ul {overflow: hidden;}
.main_banner > ul > li {float: left; width:20%; box-sizing: border-box; padding:5px; display: table;}
.main_banner > ul > li > a {display: block; position: relative; text-align: center; color: #fff; font-size: 1.15em; line-height: 140%; }
.main_banner > ul > li > a .ico {display:block; max-width:129px; margin: 0 auto; overflow: hidden; position: relative; transition: all 0.3s 0s ease-in-out; border: 1px solid #98999b; border-radius:100%; overflow: hidden; margin-bottom:15px;}
.main_banner > ul > li > a .ico .pa {position: absolute; left: 0px; top: 0px; opacity: 0;}
.main_banner > ul > li > a:hover .ico {background: #fff; transition: all 0.3s 0s ease-in-out; border-color:#fff }
.main_banner > ul > li > a:hover .ico img {opacity: 0; transition: all 0.3s 0s ease-in-out;}
.main_banner > ul > li > a:hover .ico img.pa {opacity:1; transition: all 0.3s 0s ease-in-out;}

.main_box_wrap {overflow: hidden; margin: -7px;}
.main_box_wrap .main_box {float: left; width: 25%; box-sizing: border-box; padding:7px;}
.main_box_wrap .main_box .board_wrap {border: 1px solid #ccc; padding:25px; }
.main_box_wrap .main_box .board_in {position: relative; min-height:330px; }
.main_box_wrap .main_box .board_in .more {position: absolute; right: 0px; top:-3px;}
.main_box_wrap .main_box .board_in > h3 {position: relative; border-bottom: 1px solid #ccc; padding-bottom:15px; margin-bottom:20px; font-size:22px; color: #000000; line-height: 140%; padding-left:18px;}
.main_box_wrap .main_box .board_in > h3:before {display: block; content: ""; width:7px; height:15px; position: absolute; left: 0px; top:8px; background: #e62d28;}

.main_box_wrap .main_box .board_in .first_new {padding:0px 0 25px 90px; border-bottom: 1px dashed #ccc; position:relative; box-sizing: border-box; min-height:95px; margin-bottom:25px;}
.main_box_wrap .main_box .board_in .first_new .day { position: absolute; left:0; top: 0px; width:74px; height:74px; text-align: center; font-size:15px; border: 1px solid #e60012; box-sizing: border-box; padding-top:10px; color: #333333;}
.main_box_wrap .main_box .board_in .first_new .day strong { display: block; font-size:20px; line-height: 140%; font-weight:700; color: #000;}
.main_box_wrap .main_box .board_in .first_new a {display: block; position: relative;}
.main_box_wrap .main_box .board_in .first_new a .tit {display: block; overflow: hidden; white-space: nowrap; color: #333333; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size:18px; margin-bottom:10px;}
.main_box_wrap .main_box .board_in .first_new a .txt {display:block; color: #000; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-weight:400; line-height:22px; height:66px;}
.main_box_wrap .main_box .board_in .link {color:#000;}

.main_box_wrap .main_box .board_in .news_list ul li {position:relative; padding:0px 0px 0px 13px; line-height:20px; height:20px; position: relative; margin-top:10px; font-weight: 100; color: #333333; font-size: 15px;}
.main_box_wrap .main_box .board_in .news_list ul li:before {display: block; content: ""; width:3px; height:3px; background:#949494; position:absolute; left: 0px; top:9px;}
.main_box_wrap .main_box .board_in .news_list ul li:first-child {margin-top:0px;}
.main_box_wrap .main_box .board_in .news_list ul li a {display:inline-block; max-width:100%; vertical-align: middle; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; vertical-align: top; color: #666666; font-weight: 300;}
.main_box_wrap .main_box .board_in .news_list ul li .date {position: absolute; line-height: 20px; right: 0px; top: 0px;}
.main_box_wrap .main_box .board_in .news_list ul li img {margin-left:5px; vertical-align: middle;}
.main_box_wrap .box3 {display: table;}
.main_box_wrap .box3 .cell {height:382px; text-align: center; vertical-align: middle; display: table-cell; color: #fff; box-sizing: border-box; padding: 10px; background: url(../img/main/ban01.jpg) no-repeat center top; background-size:cover}
.main_box_wrap .box3 .cell > h3 {font-size: 24px; font-weight: 500; line-height: 140%; padding-bottom: 10px;}
.main_box_wrap .box3 .cell .txt {font-size: 1.05em; line-height: 140%; font-weight: 100; padding: 10px 0px 20px 0px;}
.main_box_wrap .box3 .cell .bt {overflow: hidden; padding-top: 20px; max-width:290px; margin: 0 auto; }
.main_box_wrap .box3 .cell .bt > li {float: left; width: 50%; box-sizing: border-box; padding: 5px 10px;}
.main_box_wrap .box3 .cell .bt > li > a {display: block; text-align: center; color: #fff; line-height:42px; border: 1px solid #90908c; font-weight: 100;}

.main_box_wrap .box4 {display: table;}
.main_box_wrap .box4 .cell {height:382px; text-align: center; vertical-align: middle; display: table-cell; color: #fff; box-sizing: border-box; padding: 10px; background: url(../img/main/ban02.jpg) no-repeat center top; background-size:cover; border: 1px solid #344454; position: relative;}
.main_box_wrap .box4 .cell:before {display: block; content: ""; width: 100%; height: 50%; position: absolute; left: 0px; bottom: 0px; background: #344454;}
.main_box_wrap .box4 .cell > h3 {font-size: 24px; font-weight:300; line-height: 140%; padding-bottom:20px; color: #000000;}
.main_box_wrap .box4 .cell .pic {position: relative; padding-bottom:73%;}
.main_box_wrap .box4 .cell .pic img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); max-width:100%; max-height:100%;}
.main_box_wrap .box4 .cell .bt_down {padding-top:20px; position: relative;}
.main_box_wrap .box4 .cell .bt_down > a {display: inline-block; color: #fff; font-weight: 300; padding-left:30px; background: url(../img/common/ico_down.png) no-repeat left center;}


#section5 {color: #fff; background: url(../img/main/ban03.jpg) no-repeat center top; background-size:cover;}
#section5 .m_tit {color: #fff;}
#section5 .m_tit_txt {color: #fff;}

.main_customer {text-align: center; color: #fff;}
.main_customer .tel {font-size: 2.6em; line-height: 140%; font-weight: 600; color: #fff;}
.main_customer .tel a {color: #fff;}
.main_customer .bt {overflow: hidden; max-width:260px; margin: 0 auto;}
.main_customer .bt > li {float: left; width: 100%; box-sizing: border-box; padding: 15px;}
.main_customer .bt > li > a {display: block; border: 1px solid #8d868a; line-height: 61px; color: #fff; font-weight: 1.05em; font-weight: 100; background: url(../img/common/png_50.png) repeat left top;}






@media (hover: none) {
    .hover:hover .ico_circle {background: #007dc6;}
  
    
}


.more {position: absolute; right:0px; top:10px;}
.more a {display: block; font-size:0px; font-weight: 100; width: 20px; height: 20px; border: 1px solid #ccc; padding: 3px; line-height:20px; background: url(../img/main/more.gif) no-repeat center center;}



.mb_tit {text-align: center; font-size: 32px; color: #000; padding:50px 0px 25px 0px; line-height:150%; position: relative; font-weight: 700; border-bottom: 1px solid #e5e5e5}
.mb_tit:after {display: block; content: ""; width:64px; height: 7px; position: absolute; left: 50%; bottom: 0px; margin-left: -32px; background: #313747}
.m_tit {padding:0px 0px 10px 0px; color:#333; font-size:46px; line-height:150%; font-weight: 700;}
.m_tit_txt {margin:0px 0px 30px 0px; color:#555555; font-size:22px; font-weight:300; text-align:center; line-height:150%; display:block;}




.line_tit {text-align: center; margin-top:40px; font-size: 2em; color: #000; border-bottom: 1px solid #e5e5e5; line-height: 140%;}
.line_tit:after {display: block; content: ""; width:64px; height: 7px; margin: 0 auto; margin-top: 10px; background: #313747}


.main_content {padding-bottom:80px;}




/* footer */
#footerW {clear:both; background:#313747; padding:0px 0px 0px 0px; box-sizing: border-box; margin:0 auto; position:relative;}
#footerW.z_over {z-index:101; position:relative;}

#footer_navi {overflow:hidden; max-width: 1200px; margin:0 auto; border-bottom: 1px solid #6f737c}
#footer_navi > ul {font-size: 0px; text-align: left; box-sizing: border-box;padding:30px 0px;}
#footer_navi > ul li {display: inline-block; position: relative; vertical-align: top; padding-left:16px; margin-left:15px;}
#footer_navi > ul li:first-child {padding-left:0px; margin-left: 0px;}
#footer_navi > ul li:after {display: block; content: ""; width: 1px; height: 14px; background: #6f737f; position: absolute; left: 0px; top: 50%; margin-top: -7px;}
#footer_navi > ul li:first-child:after {display: none;}
#footer_navi > ul li a {display:block; font-size:16px; color:#fff; font-weight:300; line-height: 28px; }



#footer {max-width: 1200px; margin: 0 auto; position: relative;}

#footer .addressW {padding:25px 220px 45px 0px; position: relative; font-size:17px; color:#fff; line-height:24px; font-weight:100; background: url(../img/common/f_logo.gif) no-repeat right 30px;}
#footer .addressW .copy {padding-top:10px;}
#footer .addressW a {color: #fff}
#footer .addressW address { line-height: 150%;}
#footer .addressW address > ul > li {position: relative; text-align: left; margin-top: 5px; padding-left:40px;}
#footer .addressW address span {display: inline-block; vertical-align: middle; padding:2px 12px;}
#footer .addressW address .txt_t {display: inline-block; vertical-align: middle; padding:2px 0px; position: absolute; left: 0px; top: 0px;}
#footer .addressW address .line {width: 1px; height:16px; background: #6f737f; padding: 0px;}
#footer .go_top {position: absolute; right:10px; top:-75px; z-index:10}
#footer .go_top > a {display: block; color: #fff; text-align: center; background: #252b2b; padding:15px;}
#footer .go_top > a > span {display: block; font-weight: 100; font-size:14px; color: #fff}
#footer .bt_member {position: absolute; right: 0px; top: 30px;}
#footer .bt_member > a {display: block; border: 2px solid #fff; border-radius: 60px; width:170px; text-align: center; font-size:20px; font-weight: 100; line-height:55px; text-indent:-15px;  color: #fff; background: url(../img/common/ico_pop.png) no-repeat 85% center; }
#footerW .copy {padding-top: 10px;}
#footerW .copy > p {color: #c0c2c5; font-size:16px; font-weight: 100;}


.left_right_wrap {max-width: 1400px; margin: 0 auto; padding-top: 20px;} 
.left_right_wrap:after {display: block; content: ""; clear: both;} 


.rightW {float: right; width:calc(100% - 298px); width:-webkit-calc(100% - 298px); max-width:1100px; box-sizing: border-box; position: relative;}



#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}



.sub_visual {width: 100%; box-sizing: border-box; overflow: hidden; position: relative; background: url(../img/common/sub_visual.jpg) no-repeat center top; display: table; background-size:cover !important}
.sub_visual .sub_txt {display: table; width: 100%; max-width:1400px; margin: 0 auto;} 
.sub_visual .sub_txt > div {position: relative; display: table-cell; vertical-align: middle; height:150px; box-sizing: border-box; padding:1% 10px 10px 10px; text-align: center} 
.sub_visual .sub_txt > h2 {padding-bottom:10px; padding-top:0px;} 
.sub_visual .sub_txt .txt1 {font-size:32px; line-height: 140%; font-weight: 100; padding-bottom: 5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom: 5px;}
.sub_visual .sub_txt .place {font-size:26px; line-height: 140%; font-weight:600; padding-bottom: 50px;}
.sub_visual .sub_txt .date .day {display: inline-block; vertical-align: top; width:37px; height: 37px; border-radius:100%; background: #0096f1; font-size:23px; font-weight:500; line-height:37px; text-align: center;}
.sub_visual .sub_txt .date .line {display: inline-block; vertical-align: middle; width:1px; height:20px; background: #b7b4b6; margin: 0px 20px;}

.sub_wrap_1 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/program/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/event/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/media/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background: url(../img/live/sub_visual.jpg) no-repeat center top;}
.sub_wrap_8 .sub_visual {background: url(../img/member/sub_visual.jpg) no-repeat center top;}
.sub_wrap_9 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}


.sub_wrap .bt_quick {display: none}



#sub_tit {font-size:46px; color: #fff; font-weight:600; line-height:140%;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}


#m_lnb {display:none;}

#lnb_Y {display: block; position: relative; width: 100%; height: 0px;}


#lnb_wrap {width:230px; float: left; word-break: keep-all; z-index:11}

#lnb_wrap .lnb {max-width:1350px; margin:0 auto; position:relative;}
#lnb_wrap .lnb:after {clear:both; content:""; display:block;}
.lnb ul:after { clear:both; content:""; display:block;}



.lnb ul li a {color:#666666; font-size:18px; font-weight:300; display:block; line-height:20px; min-height:20px; padding:16px 54px 16px 10px; background:#fff}
.lnb ul li.on {border-color: #134375}


.lnbs1 {display: none;}
.lnbs2 > ul {text-align: left; font-size: 0px;}
.lnbs2 > ul > li {color:#333333; margin-top: -1px;}
.lnbs2 > ul > li:first-child > a {border-top:1px solid #ccc; }
.lnbs2 > ul > li > a {color:#333333; font-size:17px; display:block; line-height:20px; min-height:20px; padding:15px 20px 16px 20px;  box-sizing:border-box; font-weight:300; border: 1px solid #e5e5e5;  position: relative;}
.lnbs2 > ul > li.on {position: relative; z-index: 2}
.lnbs2 > ul > li.on > a {color:#e60012; border-color:#e60012; font-weight:500; background: url(../img/common/lnb_on.png) no-repeat 90% center #fff;}
.lnbs2 > ul > li.drop > a:after {display: block; content: ""; width:14px; height: 2px; background: #d1d1d1; position: absolute; right:19px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.lnbs2 > ul > li.drop > a:before {display: block; content: ""; width:2px; height:14px; background: #d1d1d1; position: absolute; right:25px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}

.lnbs2 > ul > li.drop > a.on:before {display: none;}
#lnb_tit2 {display: none}


#lnb_title {text-align: center; width: 100%; height:80px; box-sizing: border-box; background:url(../img/common/lnb_t_bg.png) no-repeat left top; background-size:cover; color: #fff; font-size:24px; line-height: 140%; font-weight:400; display:table; position: relative;}
#lnb_title > span {display: table-cell; vertical-align: middle;}
#lnb_title > span .fn {display: block; font-size:16px; font-weight: 100 !important; line-height: 140%; }

.lnb .three_depth {background: #eeeff3; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding: 10px 20px 10px 20px; display: none;}

.lnb .three_depth > li {border: none; margin-top: 1px;}
.lnb .three_depth > li > a {background: none; position: relative; color: #000; border-radius: 30px; font-size: 15px; padding:7px 20px 7px 20px;}
.lnb .three_depth > li > a:hover {background: #ffc240;}
.lnb .three_depth > li.on > a {background: #ffc240;}

.lnb .on .three_depth {display: block;}


#lnb_tit {font-size:18px; box-sizing:border-box; padding-right:45px; padding-left:25px; color:#fff; font-weight:300; line-height:80px; height:80px; background:url(../img/common/down.png) no-repeat 90% center #1b6ca8; cursor:pointer;}
#lnb_tit2 {font-size:17px; box-sizing:border-box; padding-left:25px; padding-right:45px; line-height:60px; height:60px; background:url(../img/common/down.png) no-repeat 90% center; cursor:pointer; font-weight:500; color: #fff;}
#lnb_tit.on {background:url(../img/common/up.png) no-repeat 90% center #1b6ca8;}
#lnb_tit2.on {background:url(../img/common/up.png) no-repeat 90% center;}




.title_bar {margin:0px auto 50px auto; position: relative;}
.title_bar h2 {font-size:36px; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}
.title_bar h2:after {display: block; content: ""; width:40px; height: 1px; background: #e60012; margin-top:20px;}
.sub_title {font-size:42px; padding-top:60px; margin-bottom: 50px; text-align: center; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}
.title_bar .s_txt {font-size:24px; color:#333333; padding-top:10px; line-height: 140%; font-weight:300; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}


.location_wrap:after {display: none; content: ""; margin: 10px auto; width: 1px; height:30px; background: #fff; opacity: 0.8}
.location {position: relative; text-align: center; margin: 0 auto; margin-top:20px; line-height:40px; height:40px; font-size:16px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:20px; margin-left:14px; background:url(../img/common/location.png) no-repeat left center; color:#fff; font-weight:100;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {}
.location #location_3 {font-weight:400;}
.location img {vertical-align:middle; margin-top: -4px;}
.sub_con { max-width: 1400px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}



.s_tit {font-size:24px; color: #000; position: relative; line-height: 120%; padding:0px 0px 20px 23px; margin-top:50px; font-weight:500;}
.s_tit > span {display: inline-block; position: relative; z-index: 1}
.s_tit:after {display: inline-block; content: ""; z-index: 0; width:8px; height:35px; position: absolute; left: 0px; top: 0px; background: #e60012;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.s_tit.tc:after {display: none;}
.ss_tit {font-size:26px; position: relative; color: #000; line-height: 140%; padding:0px 0px 0px 20px; margin-bottom:20px; margin-top: 45px; font-weight: 700;}
.ss_tit:before {display: block; content: ""; width:6px; height:26px; background:#00aeef; position: absolute; left: 0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.ss_tit > span{font-weight: 300;}
.s_titW {max-width: 1200px; margin:0 auto; padding: 50px 0px 5px 0px;}

.sss_tit {font-size:20px; color:#000; padding:0px 0px 0px 0px; margin:40px 0px 10px 0px; line-height:140%; position: relative;}

.b_txt {font-size:22px; color: #333333; font-weight:600; padding:40px 0px 10px 0px; line-height: 150%;}
.b_txt > strong {font-weight: 600 !important;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}
.imgW img {max-width:100%;}
.txt_in {padding-left:20px;}

.div_line {border-top:1px solid #aab7cc; margin-top: 50px; padding: 50px 0px; display: block}

.box_txt {border: 1px solid #d0d0d0; text-align: center; background: #f4f6f7; font-size: 22px; line-height: 140%; color:#004497; padding:30px 0px;}
.first_txt {font-size: 2em; line-height: 140%; color: #000;}
.first_txt_s {font-size:1.54em; line-height: 140%; color: #000;}


.guide_box {padding: 30px 30px 30px 125px; border: 1px solid #ccc; background: url(../img/event/guide.gif) no-repeat 30px 30px;}
.guide_box .bul01 > li {color: #666666; margin-top:8px;}

.go_bt {background:#0c91dd; display: inline-block; border-radius:30px; color: #fff; padding:7px 15px; }
.go_bt > span {display: block; color: #fff; line-height: 110%; padding-right:15px; background:url(../img/common/bt_arrow2.png) no-repeat right center;}

.point_box {padding: 20px; background: #f3f4f8}


.product_tab {background: #f3f4f8; padding: 10px; box-sizing: border-box;}
.product_tab > ul:after {clear:both; display:block; content:"";}
.product_tab > ul li {float:left; box-sizing:border-box; position:relative; display: table; }
.product_tab > ul li a {display:table-cell; width: 100%; height:55px; vertical-align: middle; background:#fff; line-height:130%; padding:0px 0px; text-align:center; color:#000; box-sizing:border-box; border:1px solid #333; font-size:15px;}

.product_tab > ul li.on a {font-weight:400; color: #e60012; border:1px solid #e60012 !important }
.tab8 > li {width:12.5%; }
.tab7 > li {width:14.28%; }
.tab6 > li {width:16.666%; }
.tab5 > li {width:20%; }
.tab4 > li {width:25%; }
.tab3 > li {width:33.3333%; }

.left_right_wrap.down #lnb_wrap {position: fixed; left: 50%; top:80px; margin-left: -700px; z-index:11;}
.left_right_wrap.down .product_tab {position: fixed; left: 50%; top:80px; max-width: 1100px; margin-left: -400px; width:calc(100% - 298px); width:-webkit-calc(100% - 298px); z-index:8; box-shadow: 0px 1px 3px #ccc;}
#prd_T {display: block; position: relative; width: 100%; height: 0px; clear: both;}

.prd_view_wrap {position: relative;}
.prd_view {position: relative; padding-left:400px; min-height:500px;}
.prd_view .pic_W {position: absolute; left: 0px; top: 0px; }
.prd_view .pic {width: 400px; height: 400px; box-sizing: border-box; position:relative; border: 1px solid #ccc; overflow: hidden; }
.prd_view .pic img {max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.prd_view .tit {padding:90px 0px 0px 10%; font-size:32px; line-height: 140%; font-weight: 400;}
.prd_view .cate {font-size:15px; line-height: 140%; font-weight:300; color:#666666; padding-left: 10%;}
.prd_view .cate:after {display: block; content: ""; width: 50px; height: 1px; border-top:1px solid #e60012; margin: 40px 0px;}
.prd_view .btn_print {padding-left:10%;}
.prd_view .btn_print > a {display: block; max-width:190px; box-sizing: border-box; text-align: center; padding: 0px 10px; background: #000;}
.prd_view .btn_print > a > span {display: inline-block; padding-left: 20px; background: url(../img/product/ico_print.png) no-repeat left center; color: #fff; font-size: 15px; font-weight:300; line-height:60px;}
.prd_view_wrap .go_back {position: absolute; right: 0px; top: 0px;}
.prd_view_wrap .go_back > a {display: block; border: 1px solid #bbbbbb; padding: 0px 25px 0px 30px; font-size:18px; font-weight:500; color: #000000; word-break: break-all; }
.prd_view_wrap .go_back > a span {display: block; line-height:50px; padding-left:35px; background: url(../img/common/left.png) no-repeat left center;}
.prd_view_wrap .prd_thum {overflow:hidden}
.prd_view_wrap .prd_thum > li {float:left; width:25%; box-sizing:border-box; padding:5px; cursor: pointer; position: relative; overflow: hidden;}
.prd_view_wrap .prd_thum > li > p {display: block; width: 100%; border: 1px solid #ccc; box-sizing: border-box; padding-bottom: 100%; position: relative;}
.prd_view_wrap .prd_thum > li > p.on {border: 1px solid #ff0033;}
.prd_view_wrap .prd_thum > li img {position: absolute; left: 50%; top:50%; max-width:100%; max-height: 100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); box-sizing: border-box;}






.prd_info_wrap .prd_info {padding-left:350px; position: relative; min-height:50px; padding-top:5px; margin-top:55px; font-size: 0.95em; color: #000;}
.prd_info_wrap .prd_info .txt_t {position: absolute; box-sizing: border-box; width: 310px; left: 0px; top: 0px; font-size:20px; padding-left:75px; line-height: 140%; line-height: 40px; color: #000;}
.prd_info_wrap .prd_info .txt_t .ico {position: absolute; left: 0px; top:0px;}
.prd_info_wrap .prd_info .txt_t:after {display: block; content: ""; width:45px; height: 1px; border-top:1px solid #000; position: absolute; right: 0px; top:15px;}

.file_wrap {background: #f3f4f8; padding: 15px; margin-top: 50px;}
.file_wrap > ul {font-size: 0px; margin: -3px;}
.file_wrap > ul > li {display: inline-block; vertical-align: top; padding: 3px;}
.file_wrap > ul > li > a {display: block; text-align: center; border: 1px solid #e60012; padding: 0px 20px; background: #fff;}
.file_wrap > ul > li > a > span {display: inline-block; color: #e60012; font-weight: 300; font-size:15px; line-height:53px; padding-right: 40px; background: url(../img/common/ico_down2.png) no-repeat 99% center; }

.introduce {line-height:160%; min-height:400px; padding-left:510px; font-size: 1.05em; position: relative; overflow:hidden;}
.introduce .pic {position: absolute; left: 0px; top:0px; max-width:600px;}
.introduce .first {font-size:1.5em; line-height: 140%; padding-bottom:30px; font-weight:600; position: relative; z-index: 9; color: #333333;}
.introduce .first:after {display: none; content: ""; width:270px; height: 1px; background: #e60012; margin:30px 0px 0px -155px;}
.introduce .first > strong {font-weight: 600;}
.introduce .sign {font-size:1.2em; padding-top: 20px; display: block; text-align: left; font-weight: 500; float:right;}

.introduce .sign > span {display:block; padding-top:10px}
.introduce .sign > span .sign_sp{padding-right:20px; font-size:0.85em !important;}
.introduce .sign > span > img{vertical-align:middle;}

.graid_wrap {overflow: hidden;}
.graid_wrap.two {margin: -10px;}
.graid_wrap.two .grid {float: left; width: 50%; box-sizing: border-box; padding: 10px; box-sizing: border-box; display: table;}
.graid_wrap.two .grid .grid_bg {display: table-cell; vertical-align: middle; height:190px }
.graid_wrap.one .grid {float:none;; width:100%; max-width:540px; margin: 0 auto;}
.grid_bg {border: 1px solid #eeeeee; background: url(../img/introduce/bg_grid.gif) repeat left top; text-align: center; padding: 40px 10px;}


.color_system {border: 1px solid #ccc; overflow: hidden; position: relative; padding: 10px;}
.color_system:before {display: block; content: ""; width: 1px; height: 80%; top: 50%; left: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #e5e5e5; position: absolute;}
.color_system .box {float: left; width: 50%; box-sizing: border-box; padding:30px 50px;}
.color_system .box > h4 {font-size: 1.15em; line-height: 140%;}
.color_system .box > ul {overflow:hidden;}
.color_system .box > ul > li {float: left; box-sizing: border-box;}
.color_system .box > ul.two {margin: 0px -10px; margin-top:35px;}
.color_system .box > ul.two > li {width: 50%; padding: 20px 10px;}
.color_system .box > ul.three {margin: 0px -10px;}
.color_system .box > ul.three > li {width:33.333%; padding:15px 10px;}
.color_system .box > ul > li > dl {position: relative; line-height: 140%; padding-left:67px;}
.color_system .box > ul > li > dl .ico {position: absolute; left: 0px; top: 50%; width:50px; height: 50px; box-sizing: border-box; margin-top: -25px; display: block; }
.color_system .box > ul > li > dl dt {font-weight: 300;}


.color_system .box > ul.two > li > dl {padding-left:94px;}
.color_system .box > ul.two > li > dl .ico {margin-top: -30px; width: 70px; height: 70px;}


.font_style_wrap {overflow: hidden;}
.font_style_wrap.two {margin: -10px;}
.font_style_wrap.two .grid {float: left; width: 50%; box-sizing: border-box; padding: 10px; box-sizing: border-box; display: table;}
.font_style_wrap.two .grid .grid_bg {display: table-cell; vertical-align: middle; height:190px }
.font_style_wrap.two .grid .cell {display: table-cell; vertical-align: middle; height:190px }

.hy_wrap > li {padding-top: 20px;}
.hy_wrap > li:first-child {padding-top:0px;}
.hy_wrap > li .box {border: 1px solid #d0d0d0; padding: 20px 20px 32px 20px;}
.hy_wrap > li .box .sss_tit {margin-top: 0px; margin-bottom: 0px;}

.font_list {overflow: hidden;}
.font_list > li {float: left; box-sizing: border-box; width: 25%; text-align: center; padding:20px 5px; border: 1px solid #d0d0d0; border-left: none; position: relative;}
.font_list > li:first-child {border-left: 1px solid #d0d0d0;}
.font_list > li .pa_tt {position: absolute; display: block; left:5%; top: 5%; color: #999999; font-size: 0.9em;}

.design_motif {overflow: hidden; margin: 0px -35px;}
.design_motif > li {float: left; max-width:390px; box-sizing: border-box; width:33.333%; text-align: center;  padding:5px 35px; color: #333333; line-height: 140%;}
.design_motif > li img {margin-bottom:10px;}

.management_wrap .first {font-size:1.6em; line-height: 140%; font-weight: 100; color: #000; padding-bottom: 50px;}
.management_wrap {position: relative; padding-bottom:150px;}
.management_wrap .box {max-width:500px; box-sizing: border-box; background: #fff; padding: 3%; position: absolute; right:5%; bottom:0px; box-shadow: 1px 6px 15px #ccc; font-size: 1.3em; line-height: 140%; margin-bottom:60px;}
.management_wrap .box:after {display: block; content: ""; width: 14px; height: 38px; background: #e60012; position: absolute; right: 10px; top: 100%; margin-top: -20px;}


.tit_info_list {padding-left:300px; position: relative; min-height:40px; padding-top:5px; margin-top:35px; font-size: 0.95em; color: #666666;}
.tit_info_list .txt_t {position: absolute; box-sizing: border-box; width:240px; left: 0px; top: 0px; font-size:18px; line-height: 140%; line-height: 150%; color: #000;}

.tit_info_list .txt_t:after {display: block; content: ""; width:35px; height: 1px; border-top:1px solid #000; position: absolute; right: -35px; top:15px;}

.history_box {position: relative; overflow: hidden; padding:30px 10px 30px 10px; font-size: 1.05em;}
.history_box:before {display: block; content: ""; width:46px; height:11px; position: absolute; left: 50%; margin-left: -23px; top: 0px; background: #cccccc; border-radius: 30px;}
.history_box > h4 {position: absolute; left: 50%; top:35px; background: #fff; width: 210px; line-height: 64px; border: 1px solid #003876; border-radius:40px; font-size: 18px; text-align: center; color: #000; transform: translateX(-50%); z-index: 9}
.history_box > ul {position: relative; padding-bottom: 30px;}
.history_box > ul:before {display: block; content: ""; width:1px; height: 100%; position: absolute; left: 50%; margin-left: -0.5px; top:-20px; background: #dddddd}
.history_box > ul:after {display: block; content: ""; width:46px; height:11px; position: absolute; left: 50%; margin-left: -23px; bottom:10px; background: #dddddd; border-radius: 30px;}
.history_box > ul > li {padding-left: 50%; box-sizing: border-box; position: relative; padding-bottom:30px;}

.history_box > ul > li:nth-child(even) {padding-left:0px; padding-right:50%;}
.history_box > ul > li:nth-child(even) > .history_txt {padding-left: 0px; padding-right:80px;}
.history_box > ul > li:nth-child(even) > .history_txt > ul > li{padding-left: 0px; text-align: right;}
.history_box > ul > li:nth-child(even) > .history_txt:before {left:auto; right: -5px;}
.history_box > ul > li:nth-child(even) > .history_txt:after {left:auto; right: -11px}
.history_box > ul > li:nth-child(even) > .history_txt > ul > li {padding-left: 0px; padding-right:110px;}
.history_box > ul > li:nth-child(even) > .history_txt > ul > li .month {left: auto; right: 0px;}

.history_box > ul > li:nth-child(even) > .history_txt .year_s {text-align: right}
.history_box > ul > li:nth-child(even) > .history_txt .year_s:after {left:auto; right: -7px;}
.history_box > ul > li:nth-child(even) .img {position: absolute; left: auto; right: 0px;}


.history_box .img {position: absolute; left: 0px; top:20px; max-width:44%;}
.history_box .history_txt {padding-left:80px; position: relative;}
.history_box .history_txt:before {display: block; content: ""; width:6px; height:6px; border-radius:100%; background: #e30059; position: absolute; left:-6px; top:8px; margin:3px; z-index: 9;}
.history_box .history_txt:after {display: block; content: ""; width:8px; height: 8px; border-radius:100%; background: #fff; position: absolute; left:-12px; top:2px; padding:7px; border: 1px solid #cccccc;}
.history_box .history_txt .year_s {font-size:26px; display: block; font-weight:700; color: #333333; line-height:100%; padding-bottom:15px;}
.history_box .history_txt .year_s:after {display: block; content: ""; width:70px; height:1px; background: #d1d2d4; position: absolute; left:-7px; top:13px;}
.history_box .history_txt ul > li { line-height:150%; color:#333; font-weight:300; position: relative; min-height:24px; padding-left:110px; margin-top:10px;}
.history_box .history_txt ul > li:first-child {margin-top:0px;}
.history_box .history_txt ul > li .month {position: absolute; left: 0px; top: 0px; color:#666666; font-weight:500;}

.factory_slide_wrap {overflow: hidden; padding-top: 50px; margin: 0 auto; max-width:1100px; }
.factory_slide_wrap .factory_pic {float: left; width:50%; min-height: 454px; box-sizing: border-box; border: 1px solid #ccc; background: #f3f4f8; padding:26px;}
.factory_slide_wrap .factory_pic .big_pic {padding-bottom:63.69%; position: relative; overflow: hidden; }
.factory_slide_wrap .factory_pic .big_pic img {position: absolute; left: 0px; top: 0px; width:100%; height:100%;}
.factory_slide_wrap .factory_pic .s_tit {margin:30px 0px 0px 0px; padding-bottom: 0px;}
.factory_slide_wrap .factory_slide {float: left; width:50%; margin-left: -1px; min-height: 454px; box-sizing: border-box; border: 1px solid #ccc; background: #fff; padding:26px; padding-bottom: 15oxl}
.factory_slide_wrap .bt_wrap {text-align: center; font-size: 0px; margin-top:25px; position: relative;}
.factory_slide_wrap .bt_wrap:before {display: block; content: ""; width: 1px; height: 20px; background: #666666; position: absolute; left: 50%; top: 50%; margin-top: -10px;}
.factory_slide_wrap .bt_wrap .bt {display: inline-block;}
.factory_slide_wrap .bt_wrap .bt > a {display: block; padding:15px; background: #333333}

.thum_wrap > ul {overflow: hidden; margin: -8px;}
.thum_wrap > ul > li {float: left; width: 33.333%; box-sizing: border-box; padding:8px;}
.thum_wrap > ul > li > a {display: block; text-align: center;}
.thum_wrap > ul > li > a .pic {display: block; padding-bottom:63.69%; position: relative; border: 1px solid #ccc;}
.thum_wrap > ul > li > a .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.thum_wrap > ul > li > a .txt {margin-top: 5px; display: block; text-align: center; color: #666666; font-size: 15px; font-weight: 100; line-height:20px; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px;}
.thum_wrap > ul > li.on > a .pic {border: 1px solid #ea2433}
.thum_wrap > ul > li.on > a .txt {color: #000; font-weight: 400;}

.agency_search {padding: 20px; background: #f3f4f8}
.agency_search .in_box {background: #fff; overflow: hidden; position: relative; padding:10px 0px; margin: 0px -0px;}
.agency_search .in_box:before {display: block; content: ""; width:1px; height: 80px; background: #cccccc; position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -20px;}
.agency_search .in_box .box {float: left; width: 50%; box-sizing: border-box; padding: 20px;}
.agency_search .in_box .box .tel {padding-left:100px; background: url(../img/introduce/tel.gif) no-repeat left top; min-height:81px; display: inline-block; font-size:1.05em; line-height: 140%; font-weight: 400; color: #999999; text-align: left; padding-top: 5px;}
.agency_search .in_box .box .tel > strong {display: block; color: #333; font-size: 2.3em; font-weight: 600; line-height: 140%;}
.agency_search .search > li {position: relative; padding-left: 100px; margin-top:10px;}
.agency_search .search > li:first-child {margin-top:0px;}
.agency_search .search > li .txt_t {position: absolute; left: 0px; top: 0px; padding-left: 15px; line-height: 36px; font-size: 1.05em; color: #999999;}
.agency_search .search > li .txt_t:before {display: block; content: ""; width: 6px; height: 6px; border-radius:100%; background: #e60012; position: absolute; left: 0px; top:50%; margin-top:-3px}
.agency_search .search > li .input {line-height: 36px; height:36px;}
.agency_search .search > li .select_ds select {height:36px;}
.agency_search .search .btnNormal span {height:36px; line-height: 35px; font-size: 14px;}

.area_tab {padding-top:20px; margin-top: 20px; border-top:1px solid #000; }
.area_tab > ul:after {display: block; content:""; clear: both;}
.area_tab > ul {font-size: 0px; margin: 1px -8px 0px 1px;}
.area_tab > ul > li {display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #ccc; width:11.111111%; margin: -1px 0px 0px -1px; word-break: break-all;}
.area_tab > ul > li.on {z-index: 9; border: 1px solid #e60012; position: relative;}
.area_tab > ul > li.on > a {color: #e60012; font-weight: 400;}
.area_tab > ul > li > a {display: table; width: 100%; font-size:15px; color: #666666;}
.area_tab > ul > li > a > span {display: table-cell; vertical-align: middle; height:52px; text-align:center; line-height: 140%; padding: 3px; box-sizing: border-box;}

.admin_info {background: #f3f4f8; margin-bottom: 20px;}
.admin_info > ul {overflow: hidden; padding: 10px;}
.admin_info > ul > li {box-sizing: border-box; float: left; width: 50%; padding:0px 5px; margin: 5px 0px; text-align: center;}
.admin_info > ul > li > p {display: inline-block; color: #333333; font-weight: 100; padding-left:25px; font-size: 0.95em; line-height: 140%;}
.admin_info > ul > li.ico01 > p {background: url(../img/introduce/ico01.gif) no-repeat left 4px;}
.admin_info > ul > li.ico02 > p {background: url(../img/introduce/ico02.gif) no-repeat left 4px;}
.admin_info > ul > li.ico02 {border-left:1px solid #333;}

.map_wrap {width: 100%; height:475px; overflow: hidden; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.map_wrap > div {width: 100% !important;}
.map_wrap .wrap_map {height:475px !important;}
.map_wrap iframe {width: 100% !important; height: 100% !important;}


.map_txt {font-size: 0px; position: relative;}
.map_txt > li {position: relative; display: inline-block; width: 50%; background: #f3f4f8; vertical-align: top; padding: 5px 20px; box-sizing: border-box;}
.map_txt > li > p {position: relative; display: inline-block; vertical-align: top; padding:20px 20px 20px 50px; min-height: 60px; box-sizing: border-box; font-size:22px; color: #000; line-height: 140%;} 
.map_txt > li.one {width: 100%; background: none; padding-left: 0px; padding-right: 0px;}
.map_txt > li .ico {position: absolute; left:0px; top:15px;}
.map_txt > li .ico img {vertical-align: baseline;}
.map_txt > li a {color: #000}
.map_txt.two:after {display: block; content: ""; width: 1px; height:30px; position: absolute; background: #333; left: 50%; top: 50%; margin-top: -15px;}

.map_info {overflow: hidden; margin: 0px -10px;}
.map_info .cell {overflow: hidden; box-sizing: border-box;}
.map_info .cell dl {padding-left:65px; padding-right: 10px; box-sizing: border-box; margin-bottom:20px;}
.map_info .cell dl dt {font-size:1.05em; padding:5px 0px 5px 0px; line-height: 140%; font-weight:600; color: #333333;}
.map_info .cell dl .arrow {display: inline-block; vertical-align: top; padding-left: 40px; background: url(../img/introduce/arrow.png) no-repeat 5px 10px;}
.map_info .cell .ico01 {background: url(../img/introduce/ico_bus.gif) no-repeat 10px top;}
.map_info .cell .ico02 {background: url(../img/introduce/ico_car.gif) no-repeat 10px top;}


.disease_list > ul {margin-top: 20px;}
.disease_list > ul > li {padding:10px; border: 1px solid #ccc; margin-top:-1px; position: relative; overflow: hidden;}
.disease_list > ul > li .cate_one {width:166px; line-height:50px; float: left; background: #333333; color: #fff; font-size: 1.15em; font-weight: 400; color: #fff; text-align: center;}
.disease_list > ul > li > ul {overflow: hidden; float: left; margin-top: 5px; padding-left: 10px; width:calc(100% - 176px); width:-webkit-calc(100% - 176px);}
.disease_list > ul > li > ul > li {position: relative; float: left; margin-left:15px; padding-left:10px; margin-top: 5px; position: relative;}
.disease_list > ul > li > ul > li:before {display: block; content: ""; width: 4px; height: 4px; border-radius:100%; background: #e60012; position: absolute; left: 0px; top: 50%; margin-top: -2px;}

.disease_img {margin-top:50px; text-align: center}


.detail_tit {position: relative; background: #f3f4f8}
.detail_tit > h3 {text-align: center; font-size: 1.5em; font-weight:600; line-height: 140%; padding:40px 70px;}
.detail_tit .go_back { position: absolute; left:20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.detail_tit .go_list {display: block; font-size: 1.15em; font-weight:500; color: #000000; word-break: break-all; }
.detail_tit .go_list > span {display: block; line-height: 26px; padding-left:35px; background: url(../img/common/left.png) no-repeat left center;}

.prd_info_wrap .line_bg {background: url(../img/common/line.gif) repeat-x left bottom; padding-bottom:60px;}

.slide_product_wrap {position: relative; padding: 50px 136px; background: #f3f4f8}
.slide_product_wrap .bx_bt {position: absolute; top:40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute;}
.slide_product_wrap .bx_bt > a {display: block; line-height: 100%; box-shadow: 0px 5px 6px #ccc; width: 14px; height: 14px; border-radius:100%; background: #fff; padding:25px; text-align: center}
.slide_product_wrap .bx_bt > a img {vertical-align:top;}
.slide_product_wrap #slide_l {left:40px;}
.slide_product_wrap #slide_r {right:40px;}
.slide_product_wrap .product_list .box {display:block; border:1px solid #ccc;}
.slide_product_wrap .product_list .box .txtW {min-height:85px; text-align:center; padding:5px; display:block;}
.slide_product_wrap .product_list .box .txtW .txt_t {display: block; font-size: 1.05em;  font-weight: 500; color:#333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; padding-bottom:5px;}
.slide_product_wrap .product_list .box .txtW .txt_s {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; line-height:22px; height:44px; color: #7c7b7b; font-size: 0.95em; text-align:center;}
.slide_product_wrap .product_list .box .pic {display: block; background:#fff; box-sizing: border-box; width: 100%; padding-bottom: 100%; position: relative; overflow: hidden;}
.slide_product_wrap .product_list .box .pic img {min-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.recommend_site {overflow: hidden; margin: -5px;}
.recommend_site > li {float: left; width: 25%; box-sizing: border-box; padding: 5px;}
.recommend_site > li .box {border: 1px solid #ccc;}
.recommend_site > li .box > a {display: block; text-align: center; word-break: break-all}
.recommend_site > li .box > a .pic {display: inline-block; position: relative;}

.recommend_site > li .box > a .pic:after {display: block; content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; box-sizing: border-box; border: 1px solid #fff;}
.recommend_site > li .box > a .txtW {display: table; width: 100%; background: #f3f4f8; border-top:1px solid #ccc; }
.recommend_site > li .box > a .txtW .cell {display: table-cell; color: #666666; font-weight: 300; line-height: 140%; vertical-align: middle; text-align: center; padding: 3px; height:80px;}
.recommend_site > li .box > a .txtW .cell > strong {display: block; color: #000000; font-weight: 500;}

.rule_box {line-height: 150%; word-break: keep-all}
.rule_box > h2 {font-size:1.2em; line-height: 140%; margin: 20px 0px 10px 0px;}

.rule_box .num_list > li {padding-left:20px; text-indent: -20px;}
















#add_date {position: relative; padding-right:115px; }
#add_date .bt {position: absolute; right: 0px; top: 0px;}

.tooltip {color: #ff751a; border: 1px solid #ff751a; border-radius:6px; text-align: center; line-height:38px; width:38px; height: 40px; box-sizing: border-box; font-size: 1.5em; vertical-align: middle;}
.br_box {border: 1px solid #dce1eb; padding: 20px 20px 20px 20px;}
.t_box {background: #757a85; color: #fff; padding: 5px 5%; display: inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {font-size: 0px; padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; font-size:15px; padding: 5px 0px 0px 15px;}
.radio_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 10px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}


/*atab*/
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:70px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #cccccc; border-bottom: 1px solid #000; font-size:1.05em; border-left: none}
.atab li:first-child a {border-left:1px solid #cccccc;}

.atab li.on a {font-weight:400; border: 1px solid #000; border-bottom: 1px solid #fff; color:#000}
/*.atab li.on a:after {display: block; content: ""; width:20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-22px; transform: rotate(45deg) translateX(-50%);}*/
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}



.btab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; padding:2px 2px; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-width:115px; padding:10px 0px; text-align:center; color:#666666; box-sizing:border-box; border: 1px solid #00357e; border-radius:30px; font-size:16px; }
.btab li a .ico {display:block; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; margin-bottom:10px;}
.btab li.on a {color: #fff; background: #00357e; border-color:#00357e;}
.btab li.on a .ico img {margin-top: -100%;}
.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border: 1px solid #ccc; padding: 0px 5px; font-size: 15px;}
.btab.line li.on a {border: 1px solid #ed2129;}




.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:25px 20px; line-height: 140%; font-size:17px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #37bdc9; position: relative;}
.pop_wrap .pop_head .title {font-size:30px; line-height:150%;  color: #fff; padding:15px 50px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}
.pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;}



/* 팝업 */

.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#004497;  text-align: center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}



.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}





.certify {text-align: center; padding-top: 50px;}
.certify:before {display: block; content: url(../img/member/certify.png);}
.certify dt {font-size: 22px; line-height: 140%; padding-bottom: 10px;}

.mentor_box {font-size: 15px; font-weight: 300;}
.all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5}

.print_wrap {max-width:800px; margin: 0 auto; }
.print_wrap #header {display: none !important}
.print_wrap .sub_visual {display: none !important}
.print_wrap #lnb_wrap {display: none !important}
.print_wrap .title_bar {display: none !important}
.print_wrap .page_tab {display: none !important}
.print_wrap #footerW {display: none !important}
.print_wrap .print_bt {display: none !important}
.print_wrap .p_none {display: none !important}

#wrap.print_wrap {padding:0px !important}

.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }

.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}


.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}





.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; color: #000; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}

.view_tit .v_tit {font-size: 1.5em; font-weight:600; line-height: 130%; word-break: break-all;}
.view_tit .v_tit .ico {display: inline-block; border: 1px solid #0c91dd; background: #fff; color: #0c91dd; font-size:1rem; padding: 0px 5px; min-width: 46px; vertical-align: top; margin-right: 4px; text-align: center; height: 24px; line-height: 22px;}


.click_count {text-align: right; padding: 10px 0px; font-size:1.05em; color: #666666}
.view_photo {padding: 20px 0px 0px 0px; text-align: center;}


.member_ok {font-size:1.5em; text-align: center; line-height: 140%; padding:30px 0px 190px 0px; background: url(../img/member/complete.png) no-repeat center bottom; }

.btnNormal.m_block span {min-width:60px;}






.scrollbox1 {background: #f1f1f1; height: 100px; overflow-x: hidden; overflow-y: auto; padding: 12px;}





.ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; }






.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}


.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}




/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}

.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}



/* 1420 이상 */
@media screen and (min-width:1419px) {
	.m_gnb {display:none !important;}
     #lnb_menu {display: block !important}
}



/* 1420 이하 */
@media screen and (max-width:1419px) {
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}
    #lnb_wrap {width:calc(100% + 20px); width:-webkit-calc(100% + 20px); margin: 0px -10px 0px -10px;}

    .left_right_wrap {padding-top: 0px;}
    .rightW {float: none; padding-top: 20px; max-width: 100%; width: 100%;}
    
     #lnb_wrap {float: none; background:#f5f5f5; padding-bottom: 0px;}
    #lnb_title {display: none;}

     #lnb_wrap {position:relative; min-height: 10px; border-bottom:1px solid #e2e2e2; background:#fff; box-shadow: none;}
    #lnb_wrap .lnbs1 {display: block;}

    #lnb_wrap .lnb {padding-left:62px ;}
    #lnb_wrap .lnb:after { clear:both; content:""; display:block;}
    #lnb_wrap .lnb .lnbs { float:left; width:50%; box-sizing: border-box; border-right:1px solid #e2e2e2; position:relative;}
    #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:100%; width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff;}
    #lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

    #lnb_wrap .ico_home {display: block; position: absolute; left: 0px; top: 0px; border-right:1px solid #e2e2e2}
    #lnb_wrap .ico_home a {display:block; width:60px; height:61px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center #fff ;}
    .lnb ul li {color:#666666; display: block; padding: 0px; margin-top: 0px;}
    .lnb .three_depth {padding: 10px;}
    .lnb ul li a {color:#000; font-size:16px; display:block; line-height:20px; min-height:20px; padding:10px 0px 10px 25px; border-top:1px solid #e2e2e2; box-sizing:border-box; text-align: left;}
    .lnb .three_depth {border: none;}
    .lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;}
    .lnbs2 > ul > li > a {border: none; border-bottom: 1px solid #e2e2e2;}
    .lnbs2 > ul > li.on > a {background: #333333; color: #fff}
    .lnbs2 > ul > li.drop > a {background: none !important;}

    #lnb_tit {font-size:17px; box-sizing:border-box; padding-left:25px; color:#333; line-height:61px; height:61px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:400;}
    #lnb_tit2 {display: block; font-size:17px; box-sizing:border-box; padding-left:25px; color:#333; line-height:61px; height:61px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 500;}
    #lnb_tit.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    
    .left_right_wrap.down #lnb_wrap {top: 80px; left: 0px; margin: 0px;}
    
    .left_right_wrap.down .product_tab {left:0%; top: 142px; max-width: 100%; margin-left:0px; width: 100%;}
    .left_right_wrap.down #lnb_Y {height:62px;}
}

/* 980px 이상 */
@media screen and (min-width:980px) {
	

    
}
/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}




/* 1220px 이하 */
@media screen and (max-width:1219px) {
	 .m_gnb_on {display: block;}
    .w_gnb {display: none;}
    #header .in_header .top_btns {display: none;}
    #header .lang {right:70px;}
    .in_header {height: 80px;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
    
	#header .top_btns {right: 70px;}
	.search_warp {right:140px; max-width:300px;}
    
	.main_visual .v_txt img {max-width:80%} 

    .w_gnb .gnb > ul > li > a > span {font-size: 18px;}
	
    
	.left_right_wrap.down #lnb_wrap {width: calc(100% + 0px); width: -webkit-calc(100% + 0px);}
    
    

}
/* 980px 이하 */
@media screen and (max-width:979px) {
    
    .main_product > ul > li {width:50%}
    .main_box_wrap .main_box  {width:50%}
        
    #footer_navi > ul {text-align: center; float: none; width: 100%;}
    #footer .go_top {top:-120px;}
	
    #footer .addressW {padding:20px 0px 30px 0px; background:none; text-align: center;}
	#footerW .copy > p {text-align: center;}
    
   

    .inner {padding: 0px 10px;}
    
	.title_bar h2 {font-size:39px; }
	.title_bar .s_txt {font-size: 22px;}
	.sub_title {font-size:39px; }
	
    #sub_tit {font-size:40px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}
    

    .title_bar:before {display: none;}
    
    .prd_info_wrap .prd_info {padding-left: 0px}
    .prd_info_wrap .prd_info .txt_t {position: relative; left: auto; top: auto; width: auto; padding-left:50px;}
    .prd_info_wrap .prd_info .txt_t:after {display: none;}
    
    
	.introduce {padding: 0px 300px 0px 0px;}
    .introduce .pic {left: auto; right: 0px; width: 270px;}
    .introduce .sign {position: absolute; right: 0px; top:360px;}
    
    .color_system .box {float: none; width: 100%; padding:10px 10px;}
    .color_system:before {display: none;}
    .color_system .box > ul {margin: 0px !important;}
    .color_system .box > ul > li {float: none; width: 100% !important; position: relative; padding: 10px 0px !important;}
    .color_system .box > ul > li > dl {padding-left: 0px !important; overflow: hidden;}
    .color_system .box > ul > li > dl dt {display: inline-block; color: #fff; vertical-align: top; padding: 5px;}
    .color_system .box > ul > li > dl dd {display: inline-block; color: #fff; vertical-align: top; padding: 5px; float: right;}
    .color_system .box > ul > li > dl .ico {width: 100% !important; height: 100% !important; z-index: -1; margin: 0px !important; top:0px;}
    
    .tit_info_list {padding-left: 0px}
    .tit_info_list .txt_t {position: relative; left: auto; top: auto; width: auto;}
    .tit_info_list .txt_t:after {display: none;}
    
    .factory_slide_wrap {max-width:800px;}
    .factory_slide_wrap .factory_pic {float: none; width: 100%; min-height: auto;}
    .factory_slide_wrap .factory_slide {float: none; width: 100%; min-height: auto; margin:-1px 0px 0px 0px;}
    
    .agency_search .in_box .box {float: none; width: 100%;}
    .agency_search .in_box:before {display: none;}
    .area_tab > ul > li {word-break: break-all;}
    
    .disease_list > ul > li .cate_one {float: none; width: auto; display: inline-block; min-width: 166px; line-height: 140%; padding: 5px 5px 8px 5px;}
    .disease_list > ul > li > ul {float: none; width: 100%; padding-left: 0px; margin-left: -10px; }
    
    
}

/* 768 이하 */
@media screen and (max-width:767px) {
	.main_layer_pop {-webkit-overflow-scrolling: touch; position:fixed; overflow-y: auto; width: 100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0; z-index: 99999; background: url(../img/common/png_70.png) repeat left top; zoom: 1;}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

	.slide_menu_inner .search_warp {display:block; right:auto; top:auto; margin-bottom:30px; max-width:100%; background:#272727; border-bottom: 1px solid #232323; position: relative; margin-top:0px;}
	.search_warp .btn_search {background: url(../img/common/bt_search8.png) no-repeat center center; }
	.search_warp .inp_search {background:none; color:#fff;}

    #header {top: 0px;}
	.in_header {height: 70px;}
    #header .lang {right: auto; left: 10px;}
	#header h1 {left: 50%; transform: translate(-50%, -50%); -wbkit-transform: translate(-50%, -50%);}
    #wrap {padding-top: 70px;}
	.in_header .search_warp {display:none;}
    
	.section {font-size: 16px}
    .main_visual .v_txt {max-width: 100%}
	.main_visual .v_frame .cell {padding-bottom:60px;}

	.main_visual .v_bt {bottom: 20px;}
	.main_visual .v_txt {position: relative; width: 100%; left: auto; top: auto; transform:none; -webkit-transform:none;}
	.main_visual .v_img {position: relative; width: 100%; left: auto; top: auto; transform:none; -webkit-transform:none;}
	
	.main_visual li.on .v_txt {margin-top: 0px !important}
	
	.main_visual .bx-controls {bottom:40px;}
    .main_visual .scroll_ico {display: none;}
   
    .m_tit {font-size:38px;}
	.m_tit_txt {font-size: 17px;}

    
    
    #footerW {padding-top: 0px; padding-bottom:0px;}
   
    #footerW .familySite {display: none;}
    #footer .addressW .copy {padding-top:10px;}
    #footer .go_top > a {padding: 7px;}
	
	
    #footer_navi {padding-bottom: 0px;}
    #footer_navi > ul {text-align: center; padding:15px 0px;}
    #footer_navi > ul li {padding: 0px 13px;}
    #footer_navi > ul li a {font-size: 13px;}
    #footer .addressW {text-align: center; font-size: 13px;padding:15px 10px; background: none;}

	
	#footerW .copy > p {font-size: 12px;}
    
    .left_right_wrap.down .product_tab {top:132px;}
	
	#lnb_wrap {padding: 0px;}

    #lnb_wrap .lnb .lnbs {width: 50%;}
	#lnb_tit2 {border: none;}
    
	.sub_con {font-size:15px;}
	

	.sub_visual .sub_txt > div {padding: 10px;}
    .location {margin-top: 0px;}
	
    .title_bar {margin-bottom:35px; padding:0px 0px 20px 0px;}
	.title_bar h2 {font-size:35px;}
    .title_bar .s_txt {font-size:20px;}
	.sub_title {font-size:35px; margin-bottom:35px; padding:35px 0px 20px 0px;}

	.b_txt {font-size:20px; padding: 30px 0px 15px 0px}

	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    
	.s_tit {font-size:23px;}
    .s_tit:after {height: 31px;}
    
    .ico_note {padding-left:20px; background-size:15px auto; }
   

    
    .b_table.long > dl {padding-left:0px;}
    .b_table.long {padding-top:10px;}

    .b_table.long > dl > dt {position: relative; padding-bottom: 0px;}
    /*atab*/
    .atab li a {height: 55px;}
    .atab li.on {margin-top: 0px;}
    .atab li.on a {height:55px;}
    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}

    .btn-tc > a {margin: 0px;}
    

    .btab li a {padding:5px 0px; font-size:15px;}
    
	.outline_wrap .first:after {margin: 20px 0px;}
	.map_wrap .map_box {float: none; width: 100%;}

    
	
	.map_tit_wrap > h3 {font-size: 29px;}
	.map_tit_wrap > .add {margin-top: 0px;}

	.hash_tag > li {width:50%; padding:5px;}
    
    .left_right_wrap.down #lnb_wrap {top:70px; }
    
    .prd_view {padding-left: 0px; padding-top: 60px;}
	.prd_view .pic_W {position: relative; left: auto; top: auto; max-width: 400px; width: 100%;  margin: 0 auto;}
    .prd_view .pic {position: relative; left: auto; top: auto; max-width: 400px; width: 100%;}
    .prd_view .tit {padding:20px 0px 0px 0%; text-align: center;}
    .prd_view .cate {padding:0%; text-align: center;}
    .prd_view .cate:after {margin: 20px auto;}
    .prd_view .btn_print {display: none;}
    
    .introduce {padding: 0px;}
    .introduce .pic {position: relative; width: 100%; max-width: 100%; left: auto; top:auto; padding-top:10px;}
    .introduce .pic .ceo {display: none;}
    .introduce .sign {position: relative; right:auto; top:auto;}
    
    .history_box:before {left: 0px; margin-left: 0px;}
    .history_box > h4 {width:calc(100% - 10px); width:-webkit-calc(100% - 10px); box-sizing: border-box;}
    .history_box > ul:before {left:8px;}
    .history_box > ul:after {left: 0px; margin-left:-10px;}
    .history_box > ul > li {padding-left: 10px !important; padding-right:0% !important; min-height: auto; padding-bottom: 30px;}
    .history_box > ul > li:nth-child(even) > .history_txt:after {left: -13px; }
    .history_box > ul > li:nth-child(even) > .history_txt:before {left: -7px; }    
    .history_box > ul > li > .history_txt {padding-top:0px; padding-left:35px !important; padding-right: 0px !important; }
    .history_box .history_txt .year_s:after {width:42px; right: auto !important; left: -7px !important;}
    .history_box .history_txt .year_s {text-align: left !important; padding-right: 0px !important;}
    .history_box .history_txt ul > li {padding-left:100px !important; padding-right: 0px !important; text-align: left !important;}
    .history_box .history_txt ul > li .month {left: 0px !important; right: auto !important;}
    .history_box .img {position: relative !important; left: auto !important; right:auto !important; top: auto !important; max-width:none; padding-bottom: 10px;}
    
    .area_tab > ul > li {width: 20%;}
    .area_tab > ul > li > a {font-size: 14px;}
    
    .slide_product_wrap {padding: 30px;}
    .slide_product_wrap .bx_bt {display: none;}
    
    .recommend_site > li {width: 33.333%}
    
    
}
/* 600 이하 */
@media screen and (max-width:599px) {
    
    .main_product > ul > li {float: none; width: 100%;}
    .main_box_wrap .main_box {float: none; width: 100%;}
    
    .line_tit {font-size: 20px;}
    .line_tit:after {height: 5px;}
    #footer_navi > ul li {font-size: 13px;}
    #footer .addressW {text-align: center; font-size: 12px;}
    
    
    .pop_wrap .pop_head .title {font-size:18px; color: #fff; padding: 17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:15px 10px; font-size: 15px;}
   
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
  
	
	
    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}

    .table_line {width: 100%; overflow: auto;}

    .join_step {margin-bottom: 10px;}
    .join_step > ol > li {font-size: 14px;}
    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}
    .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;}
    
 
	
    
    #add_date {padding-right: 0px; padding-bottom:45px;}
    #add_date .bt {left: 0px; bottom: 0px; top:auto; padding-right: 40px;}
    #add_date .bt a {display: block; }
    #add_date .bt .tooltip {right: 0px; top: 0px; position: absolute;}
    #empty a {display: block;}
    .br_box {padding:15px;}
    

    
    .m_box {padding:20px;}
    .more {right:0px; top:10px;}

    .day_day .select_ds {width: 50% !important;}
    .day_day .select_ds:nth-child(2) {padding-right: 0px !important;}
    .day_day .select_ds:last-child {clear: both; width: 100% !important; max-width: 100% !important; margin-top: 5px;}
    
	.day_time .select_ds {width:100% !important; margin: 5px 0px 0px 0px !important;}
    
    .procedure > li {float: none; width: 100% !important; padding-top:40px;}
    .procedure > li:first-child {padding-top:0px;}
    .procedure > li:before {background: url(../img/support/arrow_b.png) no-repeat center center; left: 50%; margin-left:-34px; top:-14px;  margin-top: 0px !important; }
    

    .procedure2:after {width:calc(100% - 0%); width:-webkit-calc(100% - 0%); height:calc(100% - 345px); height:-webkit-calc(100% - 345px); position: absolute; right:0px; top:auto; bottom:50px;}
    .procedure2:before {bottom:20px; width:calc(100%); width:-webkit-calc(100%);}

    .big .ez-radio {width:20px;height:20px; background-size: 20px auto}
    .big .ez-hide {width:19px;height:19px;}
    
    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}
    .guide_name {padding: 20px; background:#f1f2f6;}
    .sss_tit .ib.point_c.fn {display: block; font-size: 0.85em;}
    
	.ico_dl {padding: 20px;}
	.ico_dl .ico {display: none;}
	
	.visitw > ul > li {float: none; width: 100% !important; padding-top:40px; min-height: auto; border:none; padding: 30px 0px 15px 0px;}
    .visitw > ul > li:before {background: url(../img/common/arrow_b.png) no-repeat center center; width: 30px; height: 30px; left: 50%; margin-left:-15px; top:-15px;  margin-top: 0px !important; }

    .tab8 > li {width:25%; }
    .tab7 > li {width:25%; }
    .tab6 > li {width:33.3333%; }
    
    .design_motif {margin: 0px -10px;}
    .design_motif > li {padding: 0px 10px;}
    
     .detail_tit .info_r > ul > li {width:100%;float: none; padding-right: 0px;}
    
    

}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {transition: all 0.3s 0s ease-in-out; padding-top: 60px;}
    #header .lang > a {font-size: 15px; padding-right: 9px;}
	
	#header h1 a img {height:28px;}
    .in_header {height:60px;}
    .menu_btn {height: 18px; width: 24px;}
    .menu_btn .line-middle {top:8px;}

    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}
	
	.scroll_ico {display: none;}
   
    .main_box_wrap .main_box .board_in > h3 {font-size: 20px;}
    
    
	.section {font-size: 14px; padding: 30px 0px;}
	.m_tit {font-size:28px;}
	.m_tit_txt {font-size:15px; }

 
    
	#footer .go_top {margin-top:13px; top: -135px;}


    #footer .addressW address {margin: 0px;}
    #footer .addressW address strong {display: block;}
    #footer .addressW address span {padding: 2px 5px;}
    #footer_navi > ul li a {font-size: 12px;}
    #footer_navi > ul li {margin-left: 0px; padding: 0px 5px}
    #footer .addressW address > ul > li {padding-left: 25px;}
    #footer .addressW address .line {height: 8px;}
    #footer_navi > ul li:after {height: 8px; margin-top: -4px;}
    
    #position3 {padding:40px 0px 100px 0px;}
    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }
    
    
	.mb_dis {display: block;}
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}
    
   
    #sub_tit {font-size:28px;}
    .left_right_wrap.down #lnb_Y {height:52px; }
    .left_right_wrap.down #lnb_wrap {top: 60px;}
    
	.sub_visual .sub_txt > div {height:110px;}
    .location_wrap {display: none;}
    
    .left_right_wrap.down .product_tab {top: 112px;}
	
    #lnb_wrap {background:#333; height: auto;}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .lnb .lnbs:after {display: none;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; padding-right: 0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px; border: none;}
    
    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
	.lnbs2 > ul > li > a {border-color:#d4d4d4 !important;}

    
    
    .ico_note {padding-left:18px; background-size:13px auto; }

    
 
	
    
   
	
    
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}

    
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

    .s_tit {padding: 0px 0px 10px 15px; font-size:20px; background-position:left 5px; background-size:20px auto; }
    .s_tit:after {width:5px; height:20px; top:2px}
	.s_tit img {height: 20px; margin-top: 2px;}
    .s_tit:before {width: 22px; height: 22px; top:13px;}
    
    .sub_con > .s_tit:first-child {margin-top: 0px}
	.ss_tit {font-size: 18px; margin-top:25px;}
    .ss_tit:before {width:5px; height:20px;}
	.sss_tit {font-size:17px; margin-top:25px; }
    .sss_tit:before {width: 8px; height: 8px; top: 9px;}
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
    .txt_in {padding-left:16px;}
	#inner_wrap {padding-bottom:50px;}
    #inner_wrap.no_visual {padding-top: 30px;}

	
    .sub_con {font-size:13px; }
    .layerPop {font-size:0.95em; }
    .title_bar {padding:0px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:1.7em; }
	.title_bar .s_txt {font-size: 1.2em;}
    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}
	.sub_title {font-size:1.7em; padding:25px 0px 20px 0px; margin-bottom:10px;}
	
    .view_tit {padding: 10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    
    

    .w_name {width: 70px;}
    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}
 
    .b_table > dl {font-size: 16px; padding-left:0px;}
    .ul_table > ul > li {font-size: 16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top: 13px;}
    .b_table > dl > dd {min-height:20px; font-size: 13px;}
    .b_table > dl > dt {position: relative; padding-bottom: 0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;}
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}
	.pop_wrap .pop_body {font-size: 13px; padding: 10px;}
	
	
    .br_box {padding:10px;}
 
	
	
    .btn-tc {padding:20px 0px; margin-top:20px;}
    

	

	

    .btab li a {font-size:14px; min-width:90px;}
    .event_wrap > li {width:50%; min-height:350px;}
    .point_box {padding: 10px;}
    
    .step_gudie > li .box {height: 140px;}
    .guide_name {padding:10px;}

    .data_table > li .txt_t {width: 100px;}
    
    .bul_list {padding-left: 57px !important}
    .bul_list .txt_t {line-height:20px; font-size: 13px; padding: 0px 5px; min-width: 50px;}
    
    .b_check_box {padding: 10px;}
    #inner_wrap .b_check_box .board-write th {font-size: 1.05em !important;}


	.line_bg {background-size:auto 10px !important; padding-bottom:30px !important;}
	.qr_wrap {padding-bottom: 120px;}

	.parking_box {padding:110px 10px 10px 10px; background-position:center 10px; }
	
	
    
	.guide_box {background: none; padding:15px;}
	
    .prd_view_wrap .tit {font-size: 25px; padding-bottom: 5px;}
    .prd_info_wrap .prd_info .txt_t {font-size:17px; padding: 0px 0px 0px 35px; line-height: 28px;}
    .prd_info_wrap .prd_info .txt_t .ico img {height:28px;}
    .prd_info_wrap .prd_info {margin-top:20px; min-height:20px;}
    
    .file_wrap > ul > li > a {padding: 0px 10px;}
    .file_wrap > ul > li > a > span {font-size:14px; line-height:40px; padding-right:20px; background-size:14px auto; }
    
    .product_tab > ul li a {font-size: 13px; height:40px;}
    
    .graid_wrap.two .grid .grid_bg {height: auto;}
    .grid_bg {background-size:5px auto; }
   
    .hy_wrap > li .box {padding-bottom: 28px;}
    
    .tit_info_list .txt_t {font-size:17px; padding: 0px 0px 0px 0px; line-height: 28px;}
    .tit_info_list .txt_t .ico img {height:28px;}
    .tit_info_list {margin-top:20px; min-height:20px;}
    
    .management_wrap {padding-bottom: 0px;}
    .management_wrap .first {padding-bottom:20px; font-size: 1.4em;}
    .management_wrap .box:after {width: 8px; height: 30px;}
    .management_wrap .box {position: relative; font-size: 1.35em; margin-bottom: 30px; right: auto; top: auto; bottom: auto;}
    
    .history_top {margin-top:0px;}
	.history_top > p {height:120px; font-size: 2em;}
	.history_top .ico {margin-top: 0px;}
	.history_top .ico img {width:40px;}
	.history_box .history_txt ul > li {min-height: auto; padding-left:80px !important}
	.history_box .history_txt .year_s {font-size: 20px; padding-top:4px;}
	
    .factory_slide_wrap .factory_pic {padding: 8px;}
    .factory_slide_wrap .factory_slide {padding: 8px;}
    .factory_slide_wrap .factory_pic .s_tit {padding-bottom: 20px;}
    .admin_info > ul > li.ico01 {width: 40%;}
    .admin_info > ul > li.ico02 {width: 60%;}
    .admin_info > ul > li > p {padding-left: 20px; background-position:left 2px !important }
    
    .area_tab > ul > li > a {font-size:12px;}
    .area_tab > ul > li > a > span { height: 40px;} 
    .agency_search .search > li {padding-left: 60px;}
    .agency_search .in_box .box {padding:0px 10px 10px 10px;}
    .agency_search .in_box .box .tel {padding-left: 50px; min-height: 81px; background-size: 41px auto; background-position:left center; min-height: auto;}
    .agency_search .in_box .box .tel > strong {font-size: 2em;}
    .agency_search .search > li .txt_t {padding-left: 10px;}
    .agency_search .search > li .txt_t:before {width:4px; height:4px;}
    

    .map_txt > li > p {font-size:15px;}
    .map_txt > li > p {padding: 10px 0px 10px 38px;}
    .map_txt > li .ico {top: 10px;}
    .map_txt.two > li > p {padding: 0px;}
    .map_txt.two > li > p .ico {display: block; text-align: center; left: auto; top: auto; margin: 0px; position: relative;}
    .map_txt > li > p .ico img {width: 30px;}
    
    .map_wrap {height:300px;}
    .map_wrap .wrap_map {height:300px !important;}
    
    .disease_list > ul > li .cate_one {width: 100%; box-sizing: border-box;}
    
    .detail_tit {margin-top:40px;;}
    .detail_tit > h3 {text-align: center; font-size:22px; padding:10px 10px 10px 10px;}
	.detail_tit .go_back {left: 10px; top: 0px; top:-40px; transform: none; -webkit-transform:none}

	.detail_tit .go_list > span {background-size:16px auto; padding-left: 20px; }
	.slide_product_wrap {padding:10px;}
    .slide_product_wrap .product_list .box .txtW {min-height: 75px;}
    .slide_product_wrap .product_list .box .txt_t {font-size: 16px;}
    .slide_product_wrap .product_list .box .txtW .txt_s {font-size: 13px;}
     
    .recommend_site > li {width: 50%;}
    .recommend_site > li .box > a .txtW .cell {height: 60px;}
}




/* 320px 이하 */
@media screen and (max-width:320px) {
    .main_company h3 {font-size:24px; }
    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}
    .bt_application a {padding: 0px 18px;}
    .bt_application a span {text-align: center;}

    
    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
    

    
}