@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.m_br {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}
#navigation {display:none;}
.mont {font-family:'Montserrat', sans-serif; }


/* header */
#header {width:100%; background: #1972F6; position:fixed; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.2s 0s ease-in-out;}

.in_header {max-width:1200px; margin:0 auto; width:100%; height:100px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9; color:#000; padding: 0px 400px 0px 220px;}
#header h1 {position:absolute; left:10px; transform:translateY(-50%); top:50%; overflow:hidden; z-index:10}
#header h1 img {transition:all 0.3s 0s ease-in-out;}

.top_menu_wrap {display: flex; position: absolute; align-items: flex-end; right: 0px; bottom:20px;}
.top_menu_wrap .top_menu {display: flex; padding: 0px 10px 5px 0px}
.top_menu_wrap .top_menu > li {padding: 0px 10px; position: relative;}
.top_menu_wrap .top_menu > li:not(:first-child):before {display: block; content: ""; width: 1px; height: 10px; background: #fff; position: absolute; left: 0px; top: 50%; transform: translateY(-50%)}
.top_menu_wrap .top_menu > li > a {display: block; color: #fff; font-size: 14px; font-weight: 400;}
.top_menu_wrap .bt a {display: flex; width: 123px; height: 43px; background: #000000; justify-content: center; align-items: center; color: #fff; font-size: 18px; font-weight:500;}


.search_area {position: relative; display: flex; padding-top:30px;}
.search_area:after {display: block; content: ""; width:calc(100% - 120px); height: 1px; background:#fff; opacity: 0.8; position: absolute; left: 0px; bottom: 0px;}
.search_area .selectW {width:40%; position:relative}
.search_area .selectW:After {display: block; content: ""; border-top:5px solid #ccc; border-left:4px solid transparent; border-right:4px solid transparent; position: absolute; right: 10px; top: 50%; transform: translateY(-50%)}
.search_area .select {width:100%;border: none; height: 40px;  color: #fff; -webkit-appearance: none; background: none; outline: none;}
.search_area .select option {color: #333}
.search_area .bt {display: flex; width:110px; height: 46px; background: #343a3e; color: #fff; justify-content: center; align-items: center; font-size: 14px; line-height: 1.3em; border: none; outline: none;}
.search_area .input {border: none; color: #fff; flex: 1; margin: 0px 10px 0px 5px; background: none; outline: none; font-size: 18px; line-height: 1.3em; height: 43px;}
.search_area .input::-webkit-input-placeholder { color:#fff;  }
.search_area .input::-moz-placeholder { color:#fff;}
.search_area .input:-ms-input-placeholder { color:#fff;  } 

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


/*
.menu_btn a:before {display:block; content:"Menu"; position:absolute; right:100%; top:0px; line-height:20px; color:#fff; font-size:16px; padding-right:10px; font-weight:600;}

*/


/* wrap */
#wrap {width:100%; overflow:hidden; padding-top: 170px; margin:0 auto; position: relative; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:100px;}

#inner_wrap.no_visual {padding-top:70px;}
#inner_wrap.bg_on {background:#f8f9fa}

.inner {max-width:1200px; margin:0 auto;}
.bg_wrap {background:#f2f2f2}



.gnbW_wrap {background: #fff; position: relative; z-index:9}

.w_gnb {max-width: 1200px; margin: 0 auto;}
.w_gnb .gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb > ul { margin:0 auto; justify-content:space-between; display:flex; flex-wrap:wrap;}
.w_gnb .gnb > ul > li {text-align:center; position:relative; padding:0px 3%}
.w_gnb .gnb > ul > li > a {display:block;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:20px; line-height:70px; color:#000; font-weight:600; text-transform:uppercase;  transition:all 0.2s 0s ease-in-out; position:relative;}

.w_gnb .gnb > ul > li:hover > a > span, .w_gnb .gnb > ul > li.on > a > span {color:#000;}


.w_gnb .sub_menu  {position:absolute; left:50%; width:140%; transform:translateX(-50%);padding:20px 0px; box-sizing:border-box; overflow:hidden; top:100%; display:none;}
.w_gnb .sub_menu > li {padding:5px 0px 5px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:14px; text-align:center; color:#000; font-weight:400; padding:2px 0px;  line-height:15px;}
.w_gnb .sub_menu > li > a:hover {color:#000; text-decoration:underline;}
.w_gnb .three_depth { display:none;}
.w_gnb .three_depth { display:none;}


#gnb_bar {position:absolute; height:500px; display:none; left:0%; top:100%; width:100%; background:#fff;}

.m_gnbW {display:block;}
.slide_menu_wrap {width:310px; box-sizing:border-box; height:100%;  z-index:998; position:fixed; right:-400px; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }
.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.5;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; background:#fff; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}

.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .top_menu_wrap {padding-top:55px; text-align:center; position:relative; right:auto; top:auto; display:block; transform:none; bottom: auto;}
.slide_menu_wrap .top_menu_wrap > .top_menu > li svg .white {fill:#333}
.slide_menu_wrap .top_menu_wrap .bt a {width: 100%}
.slide_menu_wrap .top_menu {padding:0px; background:#333; border-radius:0px; }

.slide_menu_wrap .top_menu > li:nth-child(2):before {display:block;}
.slide_menu_wrap .top_menu > li:before {background:#fff !important;}
.slide_menu_wrap .top_menu {transform:none; margin-bottom:5px; right:auto; top:auto; position:relative; display:flex;}
.slide_menu_wrap .top_menu > li {width:50%; box-sizing:border-box; float:none; padding:0px; text-align:center; margin:0px;}
.slide_menu_wrap .top_menu > li > a {background:none !important; color:#fff; display:flex; height:40px;justify-content:center; align-items:center; font-size:13px; font-weight:400; padding:0px;}
.slide_menu_wrap .top_menu > li > a img {opacity:1 !important}
.slide_menu_wrap .top_menu > li > a img.pa {display:none;}


.slide_menu_wrap .gnb > ul {overflow:hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom:1px solid #e2e2e2; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li > a {display:block; line-height:60px; font-size:18px; font-weight:600; color:#333; padding-left:40px; background:#fff; position:relative;} 
.slide_menu_wrap .gnb > ul > li > a:after {display:block; content:"＋"; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:14px; font-weight:500;}
.slide_menu_wrap .gnb > ul > li > a.on:after {content:"－"}
.slide_menu_wrap .gnb > ul > li:hover > a {background:linear-gradient(45deg, #e60012, #e60012 ); color:#fff;}
.slide_menu_wrap .gnb > ul > li > a.on {background:#e60012; color:#fff; } 
.slide_menu_wrap .gnb .sub_menu {background:#fff; display:none; padding:10px 0px;}
.slide_menu_wrap .gnb .sub_menu > li {border-top:1px solid #eee;} 
.slide_menu_wrap .gnb .sub_menu > li:first-child {border-top:none;} 
.slide_menu_wrap .gnb .sub_menu > li > a {display:block; line-height:23px; padding:10px 0px 10px 50px; font-size:15px; color:#0d437b; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; font-weight:500;} 
.slide_menu_wrap .gnb .sub_menu > li > a:hover {padding-left:55px; } 

.slide_menu_wrap .gnb .three_depth > li {padding:0px 0px 0px 55px; } 
.slide_menu_wrap .gnb .three_depth > li > a {display:block; line-height:130%; padding:5px 0px 5px 10px; font-size:14px; color:#0d437b; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; position:relative;} 
.slide_menu_wrap .gnb .three_depth > li > a:before {display:block; content:""; width:5px; height:1px; background:#0d437b; position:absolute; left:0px; top:50%;} 
.slide_menu_wrap .gnb .three_depth > li > a:hover {margin-left:5px;} 

.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;}
.slide_menu_wrap .top_menu > li > a {color:#fff !important }
.slide_menu_wrap .top_menu > li a.on:after {display:none !important}




/* section */
.section {font-size:17px; line-height:140%; word-break:keep-all; color:#141414; font-weight:400;}
.section .inner {padding-top:40px; padding-bottom:40px;}
.section .more {position:absolute; right:0px; top:10px; z-index:9}
.section .more > a {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:500;}
.section .more > a .plus {display:flex; width:32px; height:32px; border:1px solid #141414; color:#141414; background:#fff; box-sizing:border-box; margin-left:10px; justify-content:center; align-items:center; font-size:20px; font-weight:700;}



/* visual */
#section1 { padding:0px;}

.main_visual {height:100%; position:relative;}
.main_visual .pc_view {position: relative; left: 50%; transform: translateX(-50%); min-width: 1850px; min-height: 535px;}
.main_visual .bx-wrapper, .main_visual .bx-viewport {height:100%; position:relative;}
.main_visual .bxslider {height:100%;}
.main_visual .bxslider > li {height:100%; text-align: center; background-size:cover !important}
.main_visual .bxslider > li .bg_img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1920px; height:980px; overflow:hidden;}
.main_visual .bxslider > li .bg_img img {transform:scale(1.05); transform-origin:50% 50%; transition:all 3s 0s ease-in-out; }
.main_visual .bxslider > li.active .bg_img img {transform:scale(1); }
.main_visual .bxslider > li.active .visual_txt {opacity:1; transform:translateY(0)}
.main_visual .bxslider > li .visual_txt {opacity:0; color:#fff; transform:translateY(50%); transition:all 0.9s 0s ease-in-out;}
.main_visual .bxslider > li .visual_txt .txt_a {font-size:68px; line-height:1.3em;}
.main_visual .bxslider > li .visual_txt .txt_b {font-size:20px; line-height:1.4em; font-weight:300; padding-top:10px;}

.main_visual {width:100%; overflow:hidden; position:relative;}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {width:100%; max-width:1720px; height:930px; display:flex; flex-wrap:wrap;align-items:center; margin:0 auto; position:relative; box-sizing:border-box; padding-bottom:50px;}


.main_visual .v_frame {width:100%; max-width:1720px; height:930px; display:flex; flex-wrap:wrap;align-items:center; margin:0 auto; position:relative; box-sizing:border-box; padding-bottom:50px;}
.main_visual .v_bt {display:inline-block; vertical-align:top; line-height:24px; width:24px; height:24px; box-sizing:border-box; z-index:99;}
.main_visual .v_bt > a {display:block; color:#000; font-weight:100; text-align:center; padding:5px; line-height:14px; box-sizing:border-box; position:relative; font-size:1px; text-indent:-999999em;}
.main_visual .v_bt > a:after {position:absolute; content:''; width:8px; height:8px; border-top:3px solid #fff; border-right:3px solid #fff; display:inline-block; transform:rotate(45deg); left:50%; top:50%;}
.main_visual .stop {margin-left:10px;}
.main_visual .stop a {display:block; color:#000; line-height:100%; font-size:0px; text-align:center; width:24px; height:24px;}
.main_visual .stop .bx-stop {background:url(../img/main/stop.png) no-repeat center center}
.main_visual .stop .bx-start {background:url(../img/main/play.png) no-repeat center center}

.main_visual #board_l1 {margin-right:15px;}
.main_visual #board_r1 {margin-left:15px;}
.main_visual #board_l1 a:after {margin:-6px 0px 0px -6px; transform:rotate(225deg);}
.main_visual #board_r1 a:after {margin:-6px 0px 0px -6px}


.visual_counter_wrap {width:100%; height:100%; max-width:1720px; position:absolute; left:50%; top:0%; z-index:98; transform:translateX(-50%); display:flex; flex-direction:column; justify-content:center; padding:20px 10px 0px 10px;}
.visual_counter_wrap .txt_a {color:#fff; font-size:22px; line-height:1.4em; padding-bottom:20px;}
.visual_counter_wrap .v_logo {position:absolute; right:0px; bottom:10%;}
.visual_counter_wrap .visual_counter {display:flex; position:relative; padding:0px 0px; box-sizing:border-box; margin-top:80px;}
.main_visual #visual_counter {z-index:98;  min-width:45px; display:inline-block; text-align:center; vertical-align:top; line-height:24px; color:#fff; font-size:18px; font-weight:700; letter-spacing:5px; padding-left:10px;}



.main_visual .bx-controls {text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:30%; width:100%; max-width:1500px; box-sizing:border-box; z-index:99;}
.main_visual .bx-wrapper .bx-pager {position:relative; width:auto !important; left:auto; bottom:auto; display:inline-block; vertical-align:top; padding:7px 10px 0px 0px; z-index:99;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align:top;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 4px; background:#fff; border:none; -moz-border-radius:100%;  -webkit-border-radius:100%; border-radius:100%; box-sizing:border-box; position:relative; opacity:0.5;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity:0.5; background:#fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity:1;  background:#fff;}
.main_visual .bx-wrapper .bx-controls-auto .active {display:none;}

.visual-pager {overflow:hidden; display:inline-flex; justify-content:center; vertical-align:top; margin-top:15px; max-width:160px; width:100%; display:none;}
.visual-pager > li {padding:0px 10px;}
.visual-pager > li > a {display:block; width:11px; height:11px; border-radius:11px;  background:#fff; opacity:1;}
.visual-pager > li > a.active {opacity:1; width:28px;}

#section2 {}

.box_slide_wrap {display: flex; flex-wrap: wrap; align-items: flex-start}
.box_slide_wrap .box_slide {width: 55%; position: relative; max-width: 658px;}
.box_slide_wrap .box_slide .slick-arrow {display: block; width: 48px; height: 48px; position: absolute; top: 50%; transform: translateY(-50%); text-indent: -999999px;}
.box_slide_wrap .box_slide .slick-next {background: url(../img/main/v_left.png) no-repeat left center; left:-24px;}
.box_slide_wrap .box_slide .slick-prev {background: url(../img/main/v_right.png) no-repeat left center; right:-24px;}


.box_slide_wrap .banner {flex: 1; padding-left: 40px;}
.box_slide_wrap .banner > ul {border: 1px solid #e6f0ee; border-radius:20px; box-shadow:0px 2px 5px rgba(61, 139, 123, 40%); display: flex; flex-wrap: wrap; overflow: hidden;}
.box_slide_wrap .banner > ul > li {width: 50%; border-top:1px solid #eeeeee }
.box_slide_wrap .banner > ul > li > a {display: flex; align-items: center; padding:7% 7%}
.box_slide_wrap .banner > ul > li > a .ico {min-width: 80px;}
.box_slide_wrap .banner > ul > li > a .txt {padding-left: 10px; flex: 1;color: #626262; line-height: 1.3em;}
.box_slide_wrap .banner > ul > li > a .txt > strong {display: block; color: #000; line-height: 1.3em; font-weight: 700; font-size:1.333em; }
.box_slide_wrap .banner > ul > li:nth-child(1) {border-top:none;}
.box_slide_wrap .banner > ul > li:nth-child(2) {border-top:none;}
.box_slide_wrap .banner > ul > li:nth-child(even) {border-left:1px solid #eeeeee;}

.icon_banner {display: flex; margin: 45px 0px 0px 0px;}
.icon_banner > li {flex: 1;;}
.icon_banner > li:not(:first-child) {margin-left:1px;}
.icon_banner > li > a {display: flex; flex-direction: column; min-height: 180px; align-items: center; justify-content: center; padding: 10px;}
.icon_banner > li > a .ico {}
.icon_banner > li > a .txt {font-size:14px; color: #000000; line-height: 1.3em; font-weight: 700; padding-top:30px;}
.icon_banner > li:nth-child(1) > a {background: #eeeeee;}
.icon_banner > li:nth-child(2) > a {background: #e5e5e5;}
.icon_banner > li:nth-child(3) > a {background: #dcdcdc;}
.icon_banner > li:nth-child(4) > a {background: #d3d3d3;}
.icon_banner > li:nth-child(5) > a {background: #bfbfbf;}
.icon_banner > li:nth-child(6) > a {background: #bfbfbf;}
.icon_banner > li:nth-child(7) > a {background: #ababab;}
.icon_banner > li:nth-child(8) > a {background: #a0a0a0;}


#section3 {background: #fff}

.process_wrap {display: flex;}
.process_wrap > h3 {display: flex; flex-direction: column; color: #fff; font-size:1.05em; font-weight:500; background: #e60012; min-width: 91px; align-items: center; justify-content: center}
.process_wrap .process {flex:1;}
.process_wrap .process > ul {background: #fff; display: flex; align-items: center; height: 157px}
.process_wrap .process  > ul > li {width: 10%; box-sizing: border-box; padding: 0px 10px; position: relative}
.process_wrap .process  > ul > li:not(:first-child):before {display: block; content: ""; width:11px; height:20px; background: url(../img/main/step_arrow.png) no-repeat left center/cover; position: absolute; left:-5px; top:25px;}
.process_wrap .box {position:relative; text-align: center;}
.process_wrap .box .ico {background: #e8e8e8; padding:5px; border-radius:6px; display:inline-block; max-width: 67px;}
.process_wrap .box .num {width: 24px; height: 24px; border-radius:100%; justify-content: center; align-items: center; font-size: 12px; color: #fff; text-align: center; font-weight: 400; background:#aa0718; position: absolute; left:50%; top: 0px; margin:-8px 0px 0px -45px;}
.process_wrap .box .txt {display: block; font-size: 14px; text-align: center; padding-top: 20px; line-height: 1.3em;}

.scedule_wrap {display: flex; margin-top: 30px;}
.scedule_wrap .btn {width:300px;}
.scedule_wrap .btn > li:not(:first-child) {margin-top:10px;}
.scedule_wrap .btn > li:nth-child(1) > a {background: #e6004f}
.scedule_wrap .btn > li:nth-child(2) > a {background: #dcdcdc; color: #000}
.scedule_wrap .btn > li:nth-child(3) > a {background: #88abda}
.scedule_wrap .btn > li > a {display: flex; align-items: center; height: 60px; color: #fff; justify-content:space-between; padding-right: 20px;}
.scedule_wrap .btn > li > a .ico {min-width: 109px; text-align: right;}
.scedule_wrap .btn > li > a .txt > strong {font-size: 1.33em; line-height: 1.3em;}
.scedule_wrap .scedule {margin-left: 10px; flex: 1; background: #7395a3; padding: 15px; overflow-x: auto;}
.scedule_wrap .scedule table {width: 100%; }
.scedule table th, .scedule table td{ border-right: 1px solid #8aa9b6; color: #fff; text-align:center; padding:10px 2px; font-size: 0.9em; line-height:1.2em; height: 42px;}
.scedule table tr th:last-child, .scedule table tr td:last-child{border: none;}

#section4 {background: #f6f6f6}

.host {display: flex; margin: -10px; justify-content: space-around;}
.host > li {padding: 10px;}

.main_navi_wrap {border:1px solid #ccc; padding: 20px;}
.main_navi_wrap .main_navi {display: flex; flex-wrap: wrap;}
.main_navi > li {width: 8.33333%; padding: 5px;}
.main_navi > li > a {display: block; text-align: center;}
.main_navi > li > a .ico {display: block;}
.main_navi > li > a .txt {display: block; padding-top: 20px; color: #000; font-size: 16px; line-height: 1.3em; font-weight: 800;}
.main_navi > li > a.on .txt {color: #448aca}

.main_navi_sub { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px;}
.navi_sub > ul {display: flex; margin:0px -20px;}
.navi_sub > ul > li {width: 33.333%; padding: 10px 20px;}
.navi_sub > ul > li:not(:first-child) {border-left: 1px dashed #ccc;}
.navi_sub > ul > li > dl > dt {font-weight: 700;}
.navi_sub > ul > li > dl > dd > ul {display: flex; flex-wrap: wrap; margin: 0px -5px;}
.navi_sub > ul > li > dl > dd > ul > li {width:25%; padding:2px 5px;}
.navi_sub > ul > li > dl > dd > ul > li a {font-size: 1.1em; line-height: 1.3em; word-break: break-all}

.gallery_slide_wrap {position: relative; margin: 0px -10px;}
.gallery_slide_wrap .slick-arrow {width: 35px; height:35px; position: absolute; right:10px; top:-50px; text-indent: -99999px;}
.gallery_slide_wrap .slick-prev {background: url(../img/main/left.gif) no-repeat left top; right: 50px;}
.gallery_slide_wrap .slick-next {background: url(../img/main/right.gif) no-repeat left top;}
.gallery_slide .box {padding: 0px 10px;}
.gallery_slide .box > a {display: block; border: 1px solid #ccc; padding: 20px;}
.gallery_slide .box > a .pic {position: relative; padding-bottom:71.2%;}
.gallery_slide .box > a .pic img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.gallery_slide .box > a .tit {padding-top: 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color: #666;}

.m_tit {font-size: 22px; color: #000; font-weight: 700; line-height: 1.4em; padding-bottom: 15px;}




/* footer */
#footerW {clear:both; background:#f8f8f8;}


#footer {margin:0 auto; max-width:1200px; font-size:14px; font-weight:400; display:flex; flex-wrap: wrap;}
#footer > .box {width: 23%; padding: 30px 20px;}
#footer > .box h4 {font-size:17px; color: #000; font-weight: 700; position: relative; margin-bottom: 20px; padding-bottom: 10px;}
#footer > .box h4:after {display: block; content: ""; width:60px; height: 4px; background: #000; position: absolute; left: 0px ;bottom: 0px;}
#footer > .box:not(:first-child) {border-left:1px solid #ddd; }
#footer > .box.address {width:auto; flex: 1}
#footer .f_navi {display: flex; }
#footer .f_navi > li {padding: 0px 10px; position: relative;}
#footer .f_navi > li:not(:first-child):after {display: block; content: ""; width: 1px; height: 10px; background: #ccc; position: absolute; left: 0px; top: 50%; transform: translateY(-50%)}
#footer .f_navi > li > a {display:block; color: #333; font-size:12px;}
#footer .addressW {padding-top: 30px; display: flex; justify-content: space-between}
#footer .addressW .img {}
#footer .addressW .txt {font-size: 12px; color: #000; line-height: 1.7em; letter-spacing: -1px; flex: 1}
#footer .tel {font-size:23px; font-weight: 600; padding-bottom: 10px; line-height: 1.3em;}
#footer .tel > li {margin-top: 3px;}
#footer .customer .txt_a {font-size: 12px;}
#footer .bank dd {font-size: 18px; font-weight: 600; line-height: 1.4em;}
#footer .bank dd.small {font-size:14px; line-height: 1.4em;}
#footer .bank .ch {display: flex; align-items: center; padding-top: 25px;}
#footer .bank .ch img {margin-right: 10px;}
#footer .bank .ch > ul > li {padding: 3px 0px;}
#footer .bank .ch > ul > li > strong {color: #000; font-weight: 700;}
#footer .kakao > ul {padding-top: 30px; display: flex; justify-content: space-between;}
#footer .kakao > ul > li {flex: 1; text-align: center;}
#footer .kakao > ul > li > a {display: flex; justify-content: center; flex-direction: column;}
#footer .kakao > ul > li > a > strong { font-size: 1.25em; padding-top:10px; line-height: 1.4em; }
#footer .quick_menu {position: absolute; left:calc(50% - 500px); top:220px; z-index: 99}
#footer .quick_menu .item{display: flex;flex-direction: column;align-items: center;justify-content: center; width:85px;height:85px;border-radius: 10px; margin-bottom: 5px;cursor:pointer;}
#footer .quick_menu .item p{font-size: 13px;color:#fff;letter-spacing: 0em;margin-top:6px; line-height: 1.1em;}
#footer .quick_menu.left a:nth-child(1)  .item{border:none;background-color: #31849b;}
#footer .quick_menu.left a:nth-child(2) .item{border:none;background-color: #31849b;} 
#footer .quick_menu.left a:nth-child(3) .item{border:none;background-color: #376091;}
#footer .quick_menu.left a:nth-child(4) .item{border:none;background-color: #376091;}
#footer .quick_menu.left a:nth-child(5) .item{border:none;background-color: #376091;}
#footer .quick_menu.left a:nth-child(6) .item{border:none;background-color: #215867;}
#footer .quick_menu.left a:nth-child(7) .item{border:none;background-color: #215867;}
#footer .quick_menu.right a:nth-child(1) .item{background-color: #f9e105; }
#footer .quick_menu.right a:nth-child(1) .item p{color: #000;}
#footer .quick_menu.right a:nth-child(2) .item{background-color: #376091;}
#footer .quick_menu.right a:nth-child(3) .item{background-color: #376091;}
#footer .quick_menu.right a:nth-child(4) .item{background-color: #376091;}
#footer .quick_menu.right a:nth-child(5) .item{background-color: #376091;}
#footer .quick_menu.right a:nth-child(6) .item{background-color: #376091;}
#footer .quick_menu.right a:nth-child(7) .item{background-color: #376091;}
#footer .quick_menu.left{left: calc(50% - 640px); transform: translateX(-100%);}
#footer .quick_menu.right{left: calc(50% + 640px);}
#footer .quick_menu.fixed{position:fixed;top:200px !important; }

.sub_wrap #footer .quick_menu {top:460px;}
 
.sub_visual {}
.sub_visual img {max-width: inherit; position: relative; left: 50%; transform: translateX(-50%)}
 
#m_lnb {display:none;}
#lnb_wrap {box-sizing:border-box; width:100%; background:#fff; border:1px solid #e5e5e5;}

#lnb_wrap .lnbs1 {}

#lnb_wrap .lnb {display:flex; margin:0 auto; box-sizing:border-box; position:relative; z-index:9; max-width: 1200px; margin: 0 auto; transition:all 0.5s; }
#lnb_wrap .lnb .lnbs { width:50%; max-width:240px; box-sizing:border-box; border-right:1px solid #e2e2e2; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2}
#lnb_wrap .ico_home a {display:block; width:60px; height:100%; 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:#666; font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:400;}
.lnb ul li a:hover {color:#000;}
.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

.lnbs2 ul li.on a {border-radius:0px; }
#lnb_tit2 {color:#e5004f}

#lnb_wrap .lnb .lnbs2 {}
#lnb_wrap .lnbs3 {width:100%; margin:0 auto; display:none;}
#lnb_wrap .lnbs3 > ul {display:flex; flex-wrap:wrap; justify-content:center; }
#lnb_wrap .lnbs3 > ul > li {position:relative; height:85px; padding:0px 0px; display:flex; justify-content:center; align-items:center;}
#lnb_wrap .lnbs3 > ul > li > a {display:flex; justify-content:center; align-items:center; text-align:center; height:40px; box-sizing:border-box; color:#999999; font-weight:600; padding:0px 30px; width:100%; font-size:17px; border:none; position:relative; background:#fff;}
#lnb_wrap .lnbs3 > ul > li.on > a {font-weight:600; background:#30cda7; border-radius:60px; color:#fff;}
#lnb_wrap.fixed {transform:none;}
#lnb_wrap.fixed .lnb {position:fixed; top:0px; width:100%; max-width:1720px; left:50%; transform:translateX(-50%); background:#fff;}
.up #lnb_wrap.fixed .lnb {top:100px;}
.drop.on .four_depth {display:block;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding:10px 0px 10px 30px; background:#f4f4f4 !important; border:none !important; position:relative;}
.lnb .four_depth li a:before {display:block; content:""; width:5px; height:1px; background:#333; position:absolute; left:20px; top:50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background:#55b664;}
.lnbs3 ul li.drop > a {position:relative;}
.drop > a:before {display:block; content:""; width:11px; height:1px; background:#999; position:absolute; right:0%; top:50%; margin:0px 10px 0px 0px;}
.drop > a:after {display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:0%; top:50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background:#fff;}
.drop.on > a:after {background:#fff;}
.drop > a.on:after {display:none;}
.lnb_tit, a.lnb_tit {font-size:15px; display:block; box-sizing:border-box; padding-left:20px; color:#141414; line-height:55px; height:55px; cursor:pointer; padding-right:20px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}


.sub_con_wrap {padding:60px 10px; margin:60px -10px; background:#eeeff4}
.sub_con {padding:40px 0px 0px 0px; max-width:1200px; margin:0 auto; font-size:16px; font-weight:400; line-height:160%; color:#333333; word-break:keep-all;}
.sub_con a {color:#333333}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}

.title_bar {text-align: center; font-size: 1.6em; font-weight: 700; color: #000; line-height: 1.3em}

.s_tit {display: flex; align-items: center; font-size: 1.4em; font-weight:600; color: #000; line-height: 1.3em; margin: 60px 0px 20px 0px;}
.s_tit:before {display: block; content: ""; width:5px; height:24px; margin-right: 10px; background: #000;}

.scorllbox {border: 1px solid #ccc;}
.scorllbox .checkbox {border-top:1px solid #ccc; padding: 10px; background: #eeee; font-size: 14px;}
div.agree_2{line-height:1.5em; height:250px;padding:10px; overflow-x:hidden; overflow-y:auto; background:#fff;font-size:13px; border-bottom: 1px solid #e4e4e4;}
div.agree_2 ul li{margin-bottom:10px;padding-left:23px; position:relative}
div.agree_2 ul li span{position:absolute; left:0px;}

.note {font-size: 0.9em; line-height: 1.3em; font-weight: 400; padding-top: 10px;}

.agree_step_wrap {display: flex; flex-wrap: wrap; margin: -10px;}
.agree_step_wrap > li {width: 50%; padding: 10px;}
.agree_step_wrap > li > div {padding:15px; border: 1px solid #ccc;}





.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 {padding:0px; margin:-7px 0px 0px -15px;}
.radio_group > li {display:inline-block; padding:7px 0px 0px 15px;}
.radio_group > li.etc_li {width:100%; max-width:560px; box-sizing:border-box}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_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:50px 0px; border-top:4px solid #000; margin-top:40px;}
.btn-tc > a {margin:0px 5px;}
.btn-tl {text-align:left; padding:50px 0px; border-top:4px solid #000; margin-top:40px; overflow:hidden}
.btn-tl > a {margin:0px 5px;}
.btn-tr {text-align:right; padding:50px 0px; border-top:4px solid #000; margin-top:40px; overflow:hidden}
.btn-tr > a {margin:0px 5px;}


.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab_wrap {padding-top:90px;}
.atab {margin:0 auto; margin-bottom:40px; margin-left:-8px; margin-right:-8px; padding-top:10px; display:flex; flex-wrap:wrap;}
.atab:after {clear:both; display:block; content:"";}
.atab li {flex:1;}
.atab li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:70px; background:#fff; line-height:130%; padding:0px 0px; text-align:center; color:#cccccc; border:2px solid #cfcfcf; border-left:none; border-bottom:2px solid #333333; font-size:18px; font-weight:400;}
.atab li.on a {font-weight:600; border:2px solid #333333 !important; border-bottom-color:#fff !important; color:#333;}
.atab li:first-child a {border-left:2px solid #cfcfcf;}

.btab {display:flex; flex-wrap:wrap; margin:5px auto; justify-content:center}
.btab > li {padding:5px 10px; flex:1;}
.btab > li > a {display:flex; justify-content:center; align-items:center; height:60px; border-radius:60px; color:#666666; font-size:1.05em; line-height:140%; position:relative; background:#f5f5f5; border:1px solid #f5f5f5; font-weight:300;}
.btab > li.on > a {color:#15a0ff; background:#fff; border-color:#15a0ff; font-weight:400;}



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

/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); zoom:1;}
.layerPop_inner {width:100%; min-height:100%; padding:15px; display:flex; justify-content:center; align-items:center;}
.layerPop_inner .popContent {width:100%; margin:0 auto; background:#fff; position:relative;}
.layerPop .x_btn {margin-left:auto; position:relative; display:block; cursor:pointer; background:none; width:30px; height:30px; font-size:0px; z-index:2}
.layerPop .x_btn:after {display:block; content:""; width:20px; height:3px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.layerPop .x_btn:before {display:block; content:""; width:20px; height:3px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.layerPop .x_btn.black:after {background:#000;}
.layerPop .x_btn.black:before {background:#000}
.layerPop .pop_head {position:relative;}
.layerPop .pop_head .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.layerPop .pop_head .title {font-size:24px; line-height:150%; margin-bottom:10px; color:#000; padding:16px; text-align:center; font-weight:600;}
.pop_wrap_in {width:100%;}




/* 팝업 */

.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:#333;  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;}

/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../popup/images/pop_close.gif) no-repeat right center; }
.main_layer_pop_inner {width:100%; height:100%; 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{max-height:500px; overflow-y:auto;}
.main_pop_content > img{max-width:100%;}
.pop_bottom_bt {display:flex; flex-wrap:wrap; width:100%; background:#333; border-top:2px solid #fff; }
.pop_bottom_bt > a {display:block; width:50%; box-sizing:border-box; color:#fff; text-align:center; height:50px; line-height:48px; font-size:16px; font-weight:400; border-left:1px solid #fff;}
.pop_bottom_bt > a:first-child {border:none;}


.date_picker {position:relative; display:flex; align-items:center;}
.date_picker .input {flex:1;}
.date_picker > img {height:30px; margin-left:5px;}

.bt_include {position:relative; display:flex; flex-wrap:wrap; box-sizing:border-box;}
.bt_include > div {flex:1}
.bt_include .add_bt {width:100px; margin-left:5px;}

.bt_include select {width:100%; max-width:100%; flex:1}
.bt_include .input {flex:1}
.bt_include2 {padding-right:65px; margin:0 auto;}


.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}

.person_ctms_no .btnSmall {width:225px; font-size:13px; text-align: center}

.product_write {padding:10px; border: 1px solid #ccc; background: #fcfcfc; font-size: 15px;}
.product_write .input {min-height: 35px; line-height: 35px; width: 100%;}
.product_write .select {min-height: 35px; line-height: 35px;}
.product_write .row {display: flex; flex-wrap: wrap;}
.product_write .row .btns {margin-left: auto;border:0px solid red;text-align:right;}
.product_write .img_upload {width:120px; padding-right: 10px;}
.product_write .w_area {flex: 1;}
.product_write .w_area .row > div {width: 50%; padding: 5px;}
.product_write .field-block {position: relative;}
.product_write .field-block .stxt {position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}

.orderSvc-area{display:flex; flex-wrap: wrap;}
.orderSvc-area .checkbox{flex:0 0 33.3333%;  font-weight:400; align-content: center; justify-content: center; padding:2px 5px 2px 2px; box-sizing:border-box; margin-right:0;}
.fc_red {color: #e20e20;}
.input.necessary {border: 1px solid #f49472;}
.text-optn01 { font-size: 12px;  line-height:1.4em; color: #777; margin-top:5px; }
.avatar-wrapper{margin:0 0px 15px 0;}
.avatar-wrapper .file_input  {width:100%;}

.wrp-ImgUpBtn .file-upload{display:none;}

.ProGet_wrap .pop_tit {font-size: 16px; background: #484b71; color: #fff; text-align: center; padding:10px; font-weight: 600;}
.ProGet_inner {padding: 10px;}

.product-detail-wrap {border: 1px solid #ccc; margin-top: 20px; padding:15px;}
.product-detail-wrap .row {display: flex;}
.product-detail-wrap .row .img_area {width: 30%}
.product-detail-wrap .row .detail_area {flex: 1; padding-left: 10px}
.img_area #bigImg {border: 1px solid #ccc; width: 100%; height: auto; padding: 5px;} 
.img_area #bigImg img {width: 100%;}
.img_area .smallImg {display: flex; padding-top:10px; }
.img_area .smallImg > a {flex: 1; margin: 2px; border: 1px solid #ccc; padding: 3px;}
.img_area .smallImg > a:hover {border-color:chartreuse;}

.bigImg-title {font-size:1.5em; line-height: 1.3em; font-weight: 600; padding-bottom: 20px;}

.bigImg-option .qtyButtons{display:flex;margin:0;background:#fff; border: 1px solid #ccc; height:34px; padding:0px; overflow:hidden}
.bigImg-option .qtyButtons.with-border{border:1px solid #e0e0e0;box-shadow:0 1px 4px 0 rgba(0,0,0,.05)}
.bigImg-option .qtyButtons input{outline:0;width: 100%; text-align:center; border:none; flex: 1;}
.bigImg-option .qtyTitle{font-size:16px;font-weight:600;line-height:26px;padding-right:15px;display:block;flex:1}
.bigImg-option .qtyInc, .bigImg-option .qtyDec{width:26px; height:100%; display: flex; justify-content: center; align-items: center; font-size:18px;background-color:#f0f0f0;color:gray; line-height: 1.3em; cursor:pointer; min-width:26px;transition:.3s}
.bigImg-option .qtyInc:before{content:"+"; font-size: 1.3em; font-weight:500;}
.bigImg-option .qtyDec:before{content:"-"; font-size: 1.3em; font-weight:500;}
.bigImg-option .qtyInc:hover,.qtyDec:hover{background-color:#66676b;color:#fff}
.bigImg-option .qtyTotal{background-color:#66676b;border-radius:50%;color:#fff;display:inline-block;font-size:11px;font-weight:600;font-family:open sans,sans-serif;line-height:18px;text-align:center;position:relative;top:-2px;left:2px;height:18px;width:18px}
.bigImg-option .qtyButtons .dtyEditBtn{padding-left:5px}
.bigImg-option .qtyButtons .dtyEditBtn .button{height:26px;line-height:26px;}

.option-total{margin-top:10px; background:#fcfcfc}
.option-total ul{border-left:1px solid #d5d5d5;border-top:1px solid #d5d5d5;overflow:hidden}
.option-total ul li{width:50%; float:left;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; padding:0px 10px; height:40px; line-height:40px;}


/* btn */
.btn_group {display: flex; padding-top:50px;}
.btn_group.tc {justify-content: center;}
a em {display:inline-block; height:11px; vertical-align:middle; line-height:0; padding:0; zoom:1; *display:inline;}
a.btnStrong, a.btnSubmit {color:#fff; font-size:17px; }
button {padding:0px; border:none; cursor:pointer;}
button {background:none; font-family:Noto Sans;}

a.arrow:after {content:''; width:10px; height:10px; border-top:4px solid #fff; border-right:4px solid #fff; border-radius:4px; display:inline-block; transform:rotate(45deg); margin-left:14px; margin-top:-4px;}


.btnTinys, a.btnTinys {background:#eee; display:inline-flex; vertical-align: middle;justify-content:center; align-items:center; height:30px; line-height:130%; color:#666 !important; padding: 0px 6px; border-radius:4px; font-size: 13px;}
.btnTiny, a.btnTiny {background:#666666; display:inline-flex; vertical-align: middle; justify-content:center; align-items:center; height:30px; line-height:130%; color:#fff !important;  padding: 0px 10px; border-radius:4px; font-size: 13px;}
.btnTiny.type2, a.btnTiny.type2 {background:#fff; border: 1px solid #3a82e5; color: #3a82e5 !important; font-weight: 500;}
.btnSmall, a.btnSmall {background:#666666; display:inline-flex; vertical-align: middle; justify-content:center; align-items:center; height:35px; line-height:130%; color:#fff !important;  padding: 0px 20px;}
a.btnNormal, .btnNormal {display:inline-flex; height:35px; line-height:120%; justify-content:center; vertical-align: middle; align-items:center; color:#fff; box-sizing:border-box; background:#757a85; letter-spacing:-1px; padding: 0px 20px; text-align:center; border:1px solid #757a85; font-size:0.95em; font-weight:400; }
a.btnStrong, .btnStrong {display:inline-flex; width:100%; max-width:190px; height:60px; justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#e01920; letter-spacing:-1px; text-align:center; font-size:18px; font-weight:500; border-radius:5px;}
a.btnStrong.type2, .btnStrong.type2 { background:#333;}




/* bbs */
.table_line {border-top:2px solid #333333 }

.code_area {position:relative; display:flex; flex-wrap:wrap; box-sizing:border-box; width:100%; max-width:500px; overflow:hidden;}
.code_area input {width:100%; margin-left:5px; flex:1; z-index:2;}
.code_area .code {width:100px; font-size:14px; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; background:#000000; color:#fff; z-index:2}


.bt_include select {width:100%; max-width:100%;}
.bt_include2 {padding-right:65px; margin:0 auto;}

.flex_input {display:flex; flex-wrap:wrap; align-items:center}
.flex_input .input {flex:1;}
.flex_input .select {flex:1;}
.flex_input .space {width:20px; text-align:center;}
.flex_input.tel .input:nth-of-type(1) {flex:1.5;}
.flex_input.tel .input:nth-of-type(2) {flex:2;}
.flex_input.tel .input:nth-of-type(3) {flex:2;}
.flex_input.birthday .select:nth-of-type(1) {flex:2;}

/*.essential:after {display:inline-block; content:"*"; color:#fa6f8c; font-size:1.2em; font-weight:500; line-height:100%; vertical-align:middle; margin-top:2px; margin-left:2px;}*/




/* 페이징 */
.paging {overflow:hidden; text-align:center; margin:36px 0px 25px 0px; width:100%; font-weight:300; font-size:0px;}
.paging img {vertical-align:top;}
.paging a {color:#000; vertical-align:middle; display:inline-flex; width:48px; height:48px; overflow:hidden; font-size:17px; margin:0px 2px; padding:9px; font-weight:600; justify-content:center; align-items:center;}

.paging a.first, .paging a.last, .paging a.next, .paging a.prev {width:48px; height:48px; background:#fff; border:1px solid rgba(0, 0, 0, 80%); text-indent:-99999px; position:relative;}
.paging a.first:after, .paging a.prev:after {content:''; width:7px; height:7px; border-top:2px solid #141414; border-left:2px solid #141414; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); opacity:1;}
.paging a.last:after, .paging a.next:after {content:''; width:7px; height:7px; border-top:2px solid #141414; border-right:2px solid #141414; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); opacity:1;}
.paging a.first:before {content:''; width:7px; height:7px; border-top:2px solid #141414; border-left:2px solid #141414; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); opacity:1; margin-left:5px}
.paging a.last:before {content:''; width:7px; height:7px; border-top:2px solid #141414; border-right:2px solid #141414; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); opacity:1; margin-left:-5px;}

.paging a.next {margin-left:10px;}
.paging a.prev {margin-right:10px;}
.paging a.on {color:#fff; background:#333333; border:1px solid #333333;}




 
 /*글쓰기*/
.board-write {width:100%; border-bottom:1px solid #d9d9d9; font-size:14px;}
.board-write tr:first-child th { border-top:none;}
.board-write tr:first-child td { border-top:none;}
.board-write th { background:#f4f5f8; border-top:1px solid #e0e0e0; line-height:130%; padding:10px 5px 10px 20px; text-align:left; color:#2d2d2d; font-weight:500}
.board-write th span {padding-right:2px;}
.board-write.th_tc th {padding:13px 0 12px 0px; text-align:center;}
.board-write.th_tc th span {margin-left:-15px;}
.board-write td {border-top:1px solid #e0e0e0; height:36px; word-break:break-all; font-weight:300; line-height:20px; padding:10px 10px 10px 10px; }
.board-write td.tc {text-align:center;  padding:12px 0 11px 0px;}

.board-write td.file a { color:#737070; display:inline-block; padding-left:22px; background:url(../img/common/add_file.gif) no-repeat left center;}
.board-write .input {min-height:35px; line-height:35px; width:100%;}
.board-write .select {min-height:35px; line-height:35px; width:100%; }
.board-write .textarea {}

.board-view {width: 100%; table-layout: fixed}
.board-view .input {width: 100%;}
.board-view th {text-align: center; background:#f4f5f8; border-top:1px solid #e0e0e0; line-height:130%; padding:10px 5px; color:#2d2d2d; font-weight:500}
.board-view td {border:1px solid #e0e0e0; height:36px; word-break:break-all; font-weight:300; line-height:20px; padding:10px 10px 10px 10px; }




.file_nameW {border:1px solid #d5d5d5; margin-top:5px; height:35px;}
.file_name {padding:0px 30px 0px 13px; position:relative; line-height:33px;}
.file_name a {position:absolute; right:10px; top:0%; height:33px; line-height:33px;}
.file_name img {vertical-align:middle; }
.file_name span {display:inline-block; vertical-align:middle; line-height:20px; color:#646464;}
.file_input2 {margin-top:5px; position:relative;}
.file_input2 .bt {display:block; text-align:center; background:#333333}
.file_input2 .bt span {display:inline-block; padding-left:30px; height:43px; line-height:43px; background:url(../img/common/file.png) no-repeat left center; background-size:24px auto; color:#fff; font-size:14px;}
input.fileup {position:absolute; top:0; left:0; display:inline-block; width:100%; height:140px; opacity:0;}


/* 첨부파일 버튼 디자인 */
.file_upload { /*padding-right:85px; padding-right:100px;*/ position:relative;}
.file_upload label {cursor:pointer; display:inline-block; overflow:hidden; padding:0px 22px; height:40px; line-height:39px; background:#757a85; color:#fff;}
.file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_upload > input {color:#737070; font-size:1em; background-color:#ffffff; border:solid 1px #ccc; width:100%;  box-sizing:border-box; -moz-box-size:border-box; min-height:40px; line-height:38px;}

.file_area {margin-top:10px; width:100%;}
.file_area > li {overflow:hidden; padding:5px 35px 5px 5px; background:#f9f9f9; border-bottom:1px solid #ddd; position:relative;}
.file_area > li:first-child {border-top:1px solid #ddd;}
.file_area > li > span {display:block; vertical-align:middle; word-break:break-all;  width:50%; float:left; box-sizing:border-box; padding:0px 5px;}
.file_area > li > span.name {color:#337ab7; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.file_area > li .del {position:absolute; right:5px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); border:1px solid #ccc; border-radius:3px; background:#fff; height:20px; line-height:18px; min-width:30px; text-align:center; color:#000;}
.file_area.img > li {display:inline-block; padding:5px; border:none;}
.file_area.img > li .pic {display:block; border:1px solid #ccc; padding:3px;}
.file_area.img > li > span {display:block; max-width:100px; float:none; width:100%;}
.file_area.img > li .del {position:relative; display:block; right:auto; top:auto; margin-top:5px; transform:none; -webkit-transform:none;}




.file_W {position:relative;}
.file_input {display:flex; flex-wrap:wrap; padding-right:0px;}
.file_input label {display:inline-flex; width:100%; max-width:100px; height:35px; line-height:120%; justify-content:center; align-items:center; color:#fff; background:#757a85; letter-spacing:-1px; text-align:center; border:1px solid #757a85; font-size:0.95em; margin-left:5px; font-weight:400;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_input > input {color:#737070; font-size:1em; background-color:#ffffff; border:solid 1px #ccc; box-sizing:border-box; -moz-box-size:border-box; min-height:35px; line-height:35px; border-radius:0px; flex:1; }
.file_input1 label { position:relative; right:auto; top:0px;}
.add_file {position:absolute; right:0; top:0px;}
.add_plus {display:inline-block; vertical-align:middle; white-space:nowrap; zoom:1;}
.add_plus span { padding:0 10px; text-align:center; display:inline-block; vertical-align:middle; border:1px solid #ccc; border-radius:2px; height:30px; line-height:29px; font-size:14px; box-sizing:border-box;}
.add_plus span.red {color:#e20e20;}
.input_del { position:absolute; right:0; top:7px;}
#file_add li.pt5, #option_add li.pt5, #file_add_img li.pt5 {position:relative;}





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




/* 1280px 이하 */
@media screen and (max-width:1279px) {
    #wrap {padding-top:100px;}
    .menu_btn {top: -50px}
    .menu_btn a {background: #fff;}
    .in_header {padding:0px 120px 0px 240px;}
	 .quick_wrap {transform:translate(200px, -50%);}
   
    .top_menu_wrap {display: none;}

	#header h1 {margin-top:0px;}
	
	
	.menu_btn  {margin-top:0px;}

	
	.m_gnbW {display:block;}
	
	
	.menu_btn {display:block;}
    .m_gnb_on {display:block; margin:0px;}
    .w_gnb {display:none;}
	

	#gnb_bar {display:none !important;}
	
	
	.w_gnb .gnb > ul > li > a > span {font-size:16px;}
	.w_gnb .sub_menu > li > a {font-size:13px;}
	.w_gnb .sub_menu {width:130px;}


	
	#lnb_wrap {margin:0px;}

	#lnb_wrap {padding:0px; margin:0px; left:0px; top:0px; transform:none; height:auto; display:block !important;}

	#lnb_wrap.fixed .lnb {}

    #inner_wrap {padding:0px 10px 80px 10px;}

    #footer .quick_menu.right {position: relative !important; top: inherit; left: inherit; width: 100%; display: flex; top:auto !important; flex-wrap: wrap; padding: 10px 0px;}
    #footer .quick_menu.right > a {flex: 1; margin: 0px 2px;}
    #footer .quick_menu.right .item {width: 100%}

    .product-detail-wrap .row {flex-wrap: wrap}
    .product-detail-wrap .row .img_area {width: 100%}
    
    .orderSvc-area .checkbox {flex: 0 0 50%;}

    
}
/* 1029px 이하 */
@media screen and (max-width:1028px) {


	
	.section {font-size:15px;}

    .inner {padding:0px 10px;}
	

	#lnb_wrap .lnbs3 > ul > li {height:75px;}
	
	
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	#wrap {padding-top:120px;}
	#header h1 img {height:60px}
	.pc_view {display:none}
	.mb_view {display:block}
	.up #lnb_wrap.fixed .lnb {top:70px;}
    .search_area {padding-top:0px; height: 50px; position: absolute; left: 0px; top: 100%; width: 100%; padding: 0px 20px; align-items: center; background: #453bad}
    .search_area .select {height: 30px;}
    .search_area .input {height: 30px; font-size: 13px;}
    .search_area .bt {width: 80px; height:34px;font-size: 12px;}
    .search_area:after {display: none;}
    
	.in_header {height:70px;}
    .in_header {padding: 0px;}
    .menu_btn a {width: 40px; height: 40px;}
    .menu_btn {top: -35px;}
	
    .box_slide_wrap .box_slide {flex: auto; width: 100%; max-width: 100%;}
    .box_slide_wrap .box_slide .slick-slide img {width: 100%;}

    .box_slide_wrap .banner {flex: auto; width: 100%; padding: 10px 0px 0px 0px;}
    .icon_banner {flex-wrap: wrap;}
    .icon_banner > li {flex: initial; width: 25%; box-sizing: border-box; margin:0px !important; border: 1px solid #fff;}

    .process {overflow-x: scroll;}
    .process > ul {min-width: 900px;}
    .process_wrap .box .ico img {width:40px;}
    .process_wrap .box .txt {font-size: 13px; padding-top: 10px;}
    .process_wrap .process > ul {align-items: flex-start; padding-top:40px;}
    
    .scedule_wrap {flex-wrap: wrap}
    .scedule_wrap .btn {width: 100%;}
    .scedule_wrap .scedule {flex: initial; width: 100%; margin: 10px 0px 0px 0px;}
    
    .main_navi > li {width:inherit}
    
    #footer > .box {flex:initial; width:50%;}
	
	
	
	#sub_tit {font-size:46px;}
	
	
	.section {font-size:14px;}

	.more > a {font-size:15px; background-size:auto 20px;}
	.tab_top {margin-top:0px;}
	
	.web_dis {display:none;}
   
    
   
   	.lnb_position {margin-top:0px; height:60px;}
	 #lnb_wrap {padding:0px; margin:0px; height:auto; }

	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block; border-right:none;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}

	#lnb_wrap .ico_home a {width:60px;}
	.lnb_tit {font-size:15px; line-height:50px; height:50px;}

    .lnb ul li a {font-size:14px;}
	.lnb_tit, a.lnb_tit {font-size:16px; padding-left:20px; line-height:60px; height:60px;}
	.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
	.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}
	
	
	
	.sub_con {font-size:15px;}
	
    

    /*atab*/
	.atab_wrap {padding-top:50px;}
	.atab {margin-left:-4px; margin-right:-4px;}

    .atab li a {height:54px; font-size:15px}
    .atab li.on {margin-top:0px;}
    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}


	

	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}

	
   
	.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;}

    .sub_section {padding:50px 10px; margin:50px -10px;}
	
	.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:linear-gradient(to right, rgba(255, 255, 255, 0%), rgba(0, 0, 0, 15%));}
    .over_layer > div {min-width:800px;}

	.t_br {display:none;}

    .orderSvc-area .checkbox {flex: 0 0 100%;}
    .product_write {font-size: 14px;}
    .product_write .img_upload {margin: 0 auto; padding:20px 0px 10px 0px}
    .product_write .w_area {width: 100%; flex: initial}
    .product_write .w_area .row > div {width: 100%}
}


/* 480px 이하 */
@media screen and (max-width:479px) {
	#wrap {padding-top:110px;}
	#header h1 {left:10px;}
	#header h1 img {height:50px;}
	.in_header {height:60px;}
    .menu_btn {top: -30px;}
        
	.menu_btn a:before {display:none;}
	
	
	.slide_menu_inner .in_header {height:65px; background-size:auto 60% }
	.slide_menu_wrap .gnb > ul > li > a {padding-left:30px; line-height:50px;}
	.slide_menu_wrap .gnb .sub_menu > li > a {padding-left:30px;}
	
    .box_slide_wrap .box_slide .slick-next {left: 0px;}
    .box_slide_wrap .box_slide .slick-prev {right: 0px; z-index: 9}
    .box_slide_wrap .banner > ul > li > a .ico {min-width: 40px; width: 40px;}
    .box_slide_wrap .banner > ul > li > a .txt > strong {font-size: 1.2em;}
    
    .icon_banner {margin-top:20px;}
    .icon_banner > li > a {min-height: 100px;}
    .icon_banner > li > a .ico img {width: 40px;}
    .icon_banner > li > a .txt {font-size: 12px; padding-top: 10px;}
    
    .process_wrap > h3 {min-width: 45px;}
    .process_wrap .box .txt {font-size: 12px;}
    
    .main_navi_wrap .main_navi {justify-content: center}
    .main_navi > li > a .ico img {width: 30px;}
    .main_navi > li > a .txt {font-size: 12px; padding-top: 10px;}

	.section {font-size:13px;}

    .section .inner {padding-top: 30px; padding-bottom: 30px;}
    .navi_sub > ul {flex-wrap: wrap;}
    .navi_sub > ul > li {width: 100%}
    .navi_sub > ul > li:not(:first-child) {border-left:none; border-top: 1px dashed #ccc;} 
	
    
    .gallery_slide .box > a {padding: 10px;}
    #footer .kakao > ul {padding-top: 10px;}
    #footer .kakao > ul > li > a > strong {font-size: 1.1em;}
    #footer > .box.address {width:100%; flex: initial }
    #footer > .box {width:100%; border-top:1px solid #ddd; border-left: none !important;flex: initial }
    #footer .quick_menu.right > a {flex: initial; flex:20%}
/*
    #footer .tel {font-size: 15px;}
    #footer .bank dd {font-size: 15px;}
*/
  
    .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:0px; }
    
	.pop_body .btn-tc {padding:20px 0px;}
    
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}

	
    
	
	#sub_tit {font-size:30px;}
	#sub_tit:After {margin:5px 0px 0px 5px; width:16px; height:16px;}
	
    
    #lnb_wrap .lnb {padding-left:0px;}
	#lnb_wrap .ico_home {display:none;}
	.lnb_tit {padding-left:15px; font-size:13px;}
	.lnb ul li a {padding:10px 0px 10px 15px; font-size:13px; }
	.lnb_tit, a.lnb_tit {font-size:14px; padding-left:15px; line-height:50px; height:50px;}


	
   
	#inner_wrap {padding-bottom:50px;}
    #inner_wrap.no_visual {padding-top:30px;}


  
    
    .sub_con {font-size:13px; }
    .s_tit {margin: 30px 0px 10px 0px;}
    
    .radio_group > li {font-size:13px;}
  
	
    .input_etc .pa {font-size:13px; line-height:36px;}
	
    .textarea {padding:5px 5px; font-size:13px;}
 
	 table th {word-break:break-all;}
	
    a.btnStrong, .btnStrong {max-width: 140px; height: 44px; font-size: 14px;}
    .btnTiny, a.btnTiny {font-size: 11px; line-height: 1.2em;}
    
    .s_tit:before {height: 20px;}
    .board-write {font-size: 12px;}
    .product_write {font-size: 12px;} 
    .m_th {width:90px !important;}
	
}




.red {
	color:red !important;
}