@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; height:100%;}
#navigation {display: none;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}

/* wrap */
#wrap {width:100%; max-width:2200px; overflow:hidden; margin:0 auto; padding-top:132px;}

#inner_wrap {max-width:1200px; margin:0 auto; padding-bottom: 40px; padding-top:50px; position:relative;}
#inner_wrap:after {clear:both; content:""; display:block;}
.inner {max-width:1200px; min-height:200px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}



/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; background:#fff; box-sizing: border-box; border-bottom: 1px solid #bfbfc1}
#header:before {display: block; content: ""; height:45px; position: absolute; left: 0px; top: 0px; width:100%; background: #f0f0f0}
#header h1 {position:absolute; overflow:hidden; left:0px; top:62px; transition: all 0.3s 0s ease-in-out;}

#header .top_menu {text-align: right; z-index: 1; position: relative;}
#header .top_menu > ul {display: inline-block; vertical-align: top; width: 100%; max-width:240px; font-size: 0px;}
#header .top_menu > ul:after { clear: both; content: ""; display: block;}
#header .top_menu > ul > li {font-size:14px; float: left; width: 50%; position: relative;}
#header .top_menu > ul > li > a { display: block; color: #fff; line-height:44px; height: 45px; text-align: center; background: #919191}
#header .top_menu > ul > li > a > .fa {font-size:18px; vertical-align: middle; margin-left: 10px;}
#header .top_menu > ul > li.ico02 > a {background:url(../img/common/arrow_b2.png) no-repeat 92px center #da1f3d; text-align: left; padding-left:16px;}
#header .top_menu .over {text-align: left; background: #005aab; position: absolute; padding: 10px 0px; left: 0px; top: 40px; width: 100%; display: none;}
#header .top_menu .over li {padding:5px 0px 5px 23px;}
#header .top_menu .over li a { color: #f0f0f0;}
#header .top_menu  .ico00 {display: none;}

#header .top_menu  .ico02 .over { background: #da1f3d;}




#header .top_sns {overflow: hidden; position: absolute; left:0px; top: 50%; transform: translateY(-50%); z-index: 2;}
#header .top_sns > li {float: left; padding-left:5px; line-height: 24px; padding-left:15px;}
#header .top_sns > li > a {color: #000; font-size:14px;}
#header .top_sns > li:first-child {padding-left:0px;}



.m_gnb_on {position:absolute; left:0px; bottom:-40px; z-index: 99; display: none;}
.in_header {max-width:1200px; width:100%; margin:0 auto; position:relative; z-index:9999}
.go_sitemap {position:absolute; left:0px; top:50%; transform: translateY(-50%); }



/* 전체메뉴 */
.slide_menu_wrap {width:85%; max-width:480px; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; display:none; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434;}
.slide_menu_top {height:100px; background:url(../img/common/logo.png) no-repeat center center #fff; box-sizing: border-box; border-bottom: 1px solid #000}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position: fixed; right:-50%; margin-right:35px; top: 30px; display: none; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px;}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; }
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; background: #f2f2f2; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat 93% center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat 93% center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; }

.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 25px; font-size:15px; color: #d6d6d6; } 
.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 .gnb .my_edu {position: relative; width:100%; height:auto; right:auto; top: auto;}
.slide_menu_wrap .gnb .my_edu > a {font-size: 14px; display: block; color: #fff; height: 100%; box-sizing: border-box; padding: 10px 0px; text-align: center;}
.slide_menu_wrap .gnb .my_edu > a > span {display:inline-block; line-height: 35px; padding: 0px 0px 0px 50px; background-position: left center !important}



/* GNB */
.w_gnb {}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb {max-width: 1200px; margin: 0 auto;}
.w_gnb .gnb > ul {font-size:0px; display: table; width: 100%; text-align: right;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; position:relative; width:12%; text-align: center; box-sizing: border-box;}
.w_gnb .gnb > ul > li > a {display:block; color:#000;}
.w_gnb .gnb > ul > li > a > span {display: block; font-size:17px; line-height:90px; height:86px; z-index: 999; position: relative; font-weight:500;}
.w_gnb .gnb > ul > li:first-child > a {background: none;}
.w_gnb .gnb > ul > li:hover > a > span {color:#34394c; background: url(../img/common/sub_menu_arrow.gif) no-repeat center bottom;}
.w_gnb .gnb > ul > li.on > a > span {color:#34394c;}


.w_gnb .sub_menu  {position:absolute; left:0px; width:100%; box-sizing:border-box; overflow:hidden; top:85px; display:none; padding:0px 0px; border:1px solid #2e3133; background: #fff; padding: 10px 0px;}
.w_gnb .sub_menu > li {padding:3px 10px 3px 10px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:14px; text-align:center; font-weight:500; color:#333333; padding:3px 0px; line-height:20px;}
.w_gnb .sub_menu > li > a:hover {color:#34394c;}
.w_gnb .three_depth { display:none;}

.gnb08 {display: none !important;}
.gnb09 {display: none !important;}



#gnb_bar {position:absolute; display:none; left:0%; top:145px; width:100%; height:255px; background: url(../img/common/top_bg.png) repeat left top;}

/*.bg_on #gnb_bar {top:98px;}
.bg_on .w_gnb .gnb > ul > li:hover > a {color:#47c2c2;}
.bg_on .w_gnb .gnb > ul > li.on > a {color:#47c2c2;}
.bg_on .w_gnb .sub_menu {display:none !important;}
.bg_on  #gnb_bar {display:none !important;}*/

#section0 {position: relative; min-height:747px; background: url(../img/main/section0_bg.jpg) no-repeat center center; background-size:  cover;}
/* visual */
.main_visual {max-width: 1200px; margin:0 auto; padding:100px 10px; overflow: hidden;}


.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {max-width: 1200px; margin: 0 auto; position: relative;}
.main_visual .v_frame img {width: 100%;}
.main_visual .v_frame .txt {position: absolute; padding: 0px 20px; box-sizing: border-box; left: 0px; top:35%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; max-height: 100%; color: #fff; text-align: center; font-size:24px; line-height: 140%; font-weight: 100; word-break: keep-all; }
.main_visual .v_frame .txt .big {font-size:2.05em; line-height:130%; padding: 15px 0px 20px 0px; max-width:750px; margin: 0 auto; }
.main_visual .v_frame .txt .small {font-size:0.8em; line-height: 150%; max-width:680px; margin: 0 auto;}

.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:140px; width: 100%; max-width: 1200px; 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: 0px; z-index: 99;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; text-align: right; padding-left: 5px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99; width:20px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px; margin:0 4px; background:none; border:none; -moz-border-radius:10px;  -webkit-border-radius:10px; border-radius:10px; background: #fff; opacity:1;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #000;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000; opacity: 1;}


.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}
.main_visual #v_pronext {position: absolute; top: 50%; left: 50%; margin-left:600px; transform: translateY(-50%); z-index: 99;}
.main_visual #v_proprev {position: absolute; top: 50%; right: 50%; margin-right:600px; transform: translateY(-50%); z-index: 99;}

.main_visual .v_block {box-sizing: border-box; float: left; width: 50%;}
.main_visual .v_block .txt_wrap { color: #fff; font-size:24px; line-height: 140%; font-weight: 100; word-break: keep-all; }
.main_visual .v_block .txt_wrap .big {font-size:1.8em; line-height:130%; padding: 15px 0px 20px 0px; font-weight: 700;}
.main_visual .v_block .txt_wrap .small {padding-top:60px; font-size: 1.05em; line-height: 150%; color: #ffcc00;}
.main_visual .v_block_r {padding-left: 98px;}

.main_quick {overflow: hidden; background: url(../img/common/png60.png) repeat left top; border: 1px solid #4f4e4d; margin-top:15%;}
.main_quick > li {float: left; width:33.33333%; box-sizing: border-box; text-align: center; padding:25px 15px; position: relative;}
.main_quick > li a {color: #fff; min-height:44px; display: block; position: relative; padding: 10px 0px 10px 75px; text-align: left;  font-size: 1.15em; line-height: 150%;}
.main_quick > li .pic {display: block; position: absolute; left: 0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.main_quick > li:before {display: block; content: ""; height:56px; width: 1px; background: #4f4e4d; position: absolute; left: 0px; top: 50%;  transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.main_quick > li:first-child:before {display:none;}


.board_wrap {overflow: hidden; background: #fff; padding:28px; }
.board_wrap h4 {font-size:1.5em; font-weight:600; line-height: 140%; padding-bottom:15px;}
.board_wrap .board {position: relative;}
.board_wrap .board .more {position: absolute; right: 0px; top:5px; font-size: 0.95em;}

.m_board .first_new {padding:0px 0 0px 145px; border-bottom: 1px solid #e5e5e5; margin-bottom: 25px; position:relative; box-sizing: border-box; min-height:140px;}
.m_board .first_new .day { position: absolute; left:0; top: 0px; width:125px; height:98px; text-align: center; font-size: 18px; border: 1px solid #000; box-sizing: border-box; padding-top:20px;}
.m_board .first_new .day strong { display: block; font-size:26px; line-height: 140%; font-weight:700;}
.m_board .first_new a { display: block; color:#000; position: relative;}
.m_board .first_new a .tit {display:inline-block; max-width:-webkit-calc(100% - 30px); max-width:calc(100% - 30px); height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:18px; }

.m_board .first_new a img {margin-top: 3px;}
.m_board .first_new a .txt {display:block; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size: 13px; font-weight: 100; line-height: 20px; height:60px;}
.m_board .link {color:#000;}
.m_board .more { position:absolute; right:0px; top:10px; z-index:99;}
.m_board .more a { display: block; font-size:12px; font-weight: 100; line-height:26px; padding: 0px 0px 0px 0px; color:#fff; /*background: url(../img/main/meat_arrow.png) no-repeat right center;*/}

.main_board_wrap {border-top:1px solid #a6a6a6; margin-top: -51px; position: relative; z-index: 99;}
.main_board {max-width: 1200px; margin: 0 auto; position: relative; box-sizing: border-box; padding-left:100px;  border-right:1px solid #a6a6a6; border-left:1px solid #a6a6a6; }
.main_board:before {display: block; content: ""; background: #a6a6a6; width: 1px; height: 100%; position: absolute; left:100px; top: 0px;}
.main_board h3 {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #e7ae54; font-size: 16px; width:100px; text-align: center;}

.notice_rollW:before {display: block; content: ""; background: #a6a6a6; width: 1px; height: 100%; position: absolute; right:100px; top: 0px;}
.notice_rollW {padding:12px 130px 0px 20px; height:50px; box-sizing: border-box; position: relative;}
.notice_rollW #n_pronext {position: absolute; top: 50%; right:18px; transform: translateY(-50%); z-index: 99;}
.notice_rollW #n_proprev {position: absolute; top: 50%; right:52px; transform: translateY(-50%); z-index: 99;}
.notice_roll > li { color: #fff; line-height:22px; }
.notice_roll > li > a {display:block; position: relative; line-height:22px; padding-right:140px; font-weight: 100; box-sizing: border-box;}
.notice_roll > li > a .txt_t {display:inline-block; vertical-align: middle; max-width:-webkit-calc(100% - 30px); max-width:calc(100% - 30px); color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; position: relative;}
.notice_roll > li .date {position: absolute; right: 0px; top: 0px; color: #fff;}
.notice_roll > li > a img {display: inline-block; vertical-align: middle;}






/* section */
.section_wrap {width:100%; overflow:hidden; clear:both;}
.section {padding:60px 0px 50px 0px;}
.section .more {position: absolute; right:10px; top:0px;}
.section .more a {display: block; font-size:16px; font-weight: 300; color: #000000}
.section .more a > span {display: inline-block; vertical-align: middle; margin-left:10px; width:14px; height: 14px; padding:5px; border: 1px solid #c5c5c5}
.section .m_tit {text-align:center; line-height:150%; margin-bottom:15px; color:#333333;  position:relative;  font-size:3em; font-weight:700;}
.section .m_tit_s {text-align:center; display:block;  color:#666666; font-size:1.15em; line-height:150%; font-weight:100; padding:0px 0px 40px 0px;  }


#section:after {clear:both; content:""; display:block;}






.main_galleryW {position: relative;}
.main_galleryW #g_pronext {position: absolute; right:0px; top:40%; transform: translateY(-50%); z-index: 99}
.main_galleryW #g_proprev {position: absolute; left:0px; top:40%; transform: translateY(-50%); z-index: 99}
.main_galleryW .more { position:absolute; right:0px; top:-90px; z-index:99;}
.main_galleryW .more a {background: #fff; display: block; font-size:13px; border: 2px solid #000; padding:5px 18px; font-weight: 100; line-height:26px; color:#000;}


.main_gallery > li > a .pic {display: block; overflow: hidden; position: relative;}
.main_gallery > li > a .txt {display: block; overflow: hidden; text-align: center;padding: 15px 5px 0px 5px; font-size: 15px; color: #000; line-height: 140%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.main_gallery > li > a .txt > strong {display: block; font-size:1.2em; font-weight:700; line-height: 140%; padding-bottom:10px;}
.main_gallery > li > a .pic img {width: 100%; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; }
/*.main_gallery > li > a:hover .pic img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}*/
.main_gallery > li > a .pic img.pa {max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}



.slide_banner {padding:12px 40px; max-width: 1200px; box-sizing: border-box; margin:0px auto;}
.slide_banner .bx-wrapper .bx-controls-direction a { margin-top: -15px; width:30px; height:30px;}
.slide_banner .bx-wrapper .bx-prev {left:-40px; background: url(../img/main/slide_l.gif) no-repeat 0 0px;}
.slide_banner .bx-wrapper .bx-next {right:-40px; background: url(../img/main/slide_r.gif) no-repeat 0 0px;}



/* 카피라이트 */
#footerW {clear:both; position: relative; width:100%; background:#dedede;}

#footer_navi {padding: 0px 10px;}
#footer_navi > ul {max-width: 1200px; margin: 0 auto; font-size: 0px; text-align: left; padding:30px 0px 23px 0px;}
#footer_navi > ul li {display: inline-block; padding:0px 17px; background:url(../img/common/f_line.gif) no-repeat left center;}
#footer_navi > ul li:first-child {padding-left:0px; background: none;}
#footer_navi > ul li a {display:block; font-size:15px; color:#000; line-height: 20px; font-weight:300; }


#footer_add .top {position:absolute; right:0px; top:0px;}
#footer_add a {color:#adadad}
#footer {position: relative;}
#footer .footer_logo {position:absolute; right:10px; bottom:43px;}
#footer .addressW {max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding:0px 250px 35px 260px; position: relative; font-size:14px; color:#333333; line-height:21px; font-weight:100; background: url(../img/main/f_logo.gif) no-repeat left top;}

#footer .addressW a {color: #666666}
#footer .addressW address {margin-left: -8px; line-height: 150%;}
#footer .addressW address span {display: inline-block; padding:2px 8px;}
#footer .addressW .copy {font-size: 13px; font-weight: 100; padding-top:5px;}

#footerW .go_top {position: absolute; right:0px; top:0px; margin-top: -80px;}
.f_sns {position: absolute; right: 0px; top:10px; padding-left:20px; border-left:1px solid #ccc; width: 100%; max-width: 220px;}
.f_sns > ul {overflow: hidden;}
.f_sns > ul > li {float: left; width: 33.3333%; box-sizing: border-box; text-align: center; font-weight: 100;}


.sub_wrap #footerW {margin-top: 40px;}


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


.sub_visual {height:285px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt .cell {display: table-cell; padding-bottom:55px; vertical-align: middle; height: 100%; box-sizing: border-box; text-align: center;}
.location_wrap {width: 100%; position: absolute; left: 0px; bottom: 0px; border-top:1px solid #fff; }
.location_wrap .location {max-width: 1200px; margin: 0 auto; position: relative;}
.location {line-height:37px;}
.location span.home {background: #d92b08 !important; text-align: center; width: 60px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:20px; line-height: 60px; height: 60px; margin-left:13px; background:url(../img/common/location.png) no-repeat left center; color:#fff;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_1 {background: none; margin-left: 0px;}
.location #location_2 {font-weight: 500;}
.location img {vertical-align:middle}
.location .b_down {position: absolute; right:5px; top: 0px;}
.location .b_down > a {display: block; line-height: 60px; color: #fff; padding-right:35px; background: url(../img/common/ico_down.png) no-repeat right center;}


.sub_wrap_1 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/enter/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/visit/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/event/sub_visual.jpg) no-repeat center top;}
.sub_wrap_5 .sub_visual {background: url(../img/exhibition/sub_visual.jpg) no-repeat center top;}
.sub_wrap_6 .sub_visual {background: url(../img/customer/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/mypage/sub_visual.jpg) no-repeat center top;}





#sub_tit {font-size:42px; color: #fff; font-weight:700; line-height:140%; padding-bottom:20px; position: relative;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}
.sub_tit_s {text-align: center; font-size:36px; line-height: 140%; color: #fff;  font-weight:600; }
.sub_tit2 {display: block; color: #fff; font-size:25px; line-height: 150%; padding-top:55px; font-weight: 300;}

#m_lnb {display:none;}



/*lnb_wrap*/
#lnb_wrap {width:252px; float: left; padding-bottom: 16px; z-index: 9}
/*#lnb_wrap.fix {position: fixed; left: 0px; top:188px;}*/
#lnb_wrap .lnb {max-width:1200px; 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 {border: 1px solid #cccccc; margin-top:5px;}
.lnb ul li a {color:#555555; font-size:16px; display:block; line-height:20px; min-height:20px; padding:16px 54px 16px 10px; background: url(../img/common/lnb_arrow.gif) no-repeat right center;}
.lnb ul li.on {background: #c39a66; border-color: #c39a66}
.lnb ul li.on a {color:#fff; font-weight: 500; background:url(../img/common/lnb_on.png) no-repeat right center;}

.lnbs1 {display: none;}
.lnbs2 ul {text-align: left; font-size: 0px;}
.lnbs2 ul li {color:#666666; padding: 0px 20px;}

.lnbs2 ul li a {color:#666666; font-size:16px; display:block; line-height:20px; min-height:20px; padding:16px 0px 15px 0px;  box-sizing:border-box; font-weight:300; }
#lnb_tit2 {display: none}

#lnb_tit {font-size:15px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:15px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}

#lnb_title {text-align: center; width: 100%; height:160px; box-sizing: border-box; background: #34394c; color: #fff; font-size: 32px; line-height: 140%; font-weight: 700; display:table; position: relative; margin-bottom:10px;}
#lnb_title:before {display: block; content: ""; width:38px; height: 1px; background: #fff; position: absolute; left:-3px; top:13px; transform: rotate(40deg);}
#lnb_title:after {display: block; content: ""; width:38px; height: 1px; background: #fff; position: absolute; right:-3px; bottom:13px; transform: rotate(40deg);}
#lnb_title > span {display: table-cell; vertical-align: middle;}

.lnb_banner {border: 1px solid #ccc; padding: 20px 0px; margin-top:30px;}
.lnb_banner > ul {overflow: hidden;}
.lnb_banner > ul > li {float: left; width: 33.333%; box-sizing: border-box; padding: 0px 5px; text-align: center;}
.lnb_banner > ul > li > a {display: block; color: #333; font-weight: 100; line-height: 140%; font-size:13px; padding-top:46px; }
.lnb_banner > ul > li.ico01 > a {background: url(../img/common/lnb_ico01.png) no-repeat center top;}
.lnb_banner > ul > li.ico02 > a {background: url(../img/common/lnb_ico02.png) no-repeat center top;}
.lnb_banner > ul > li.ico03 > a {background: url(../img/common/lnb_ico03.png) no-repeat center top;}




.rightW {float: right; width: 100%; max-width:880px; box-sizing: border-box;}




.title_bar {position: relative; padding:0px 0px 30px 0px; margin-bottom:60px; border-bottom:5px solid #333333;}
.title_bar h2 {display: inline-block; vertical-align:top; font-size:36px; padding:0px 0px 20px 0px; color:#333333; font-weight:700; line-height:100%;}
.title_bar .s_txt {font-size:1.15em; color:#333333}
.title_bar .title_s {font-size:1.4rem; color:#333; font-weight: 300; padding-top:20px; word-break:keep-all; line-height:150%;}

.title_bar .next_page {position: absolute; right: 0px; top:50%; margin-top: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.title_bar .next_page > a {display: block; font-size: 16px; color: #000; line-height: 30px; font-weight: 300; padding-right:50px; background: url(../img/common/next_p.gif) no-repeat right center;}
.title_bar .prev_page {position: absolute; left: 0px; top:50%; margin-top: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.title_bar .prev_page > a {display: block; font-size: 16px; color: #000; line-height: 30px; font-weight: 300; padding-left:50px; background: url(../img/common/prev_p.gif) no-repeat left center;}



.sub_con {min-height: 100px; margin: 0 auto; font-size: 15px; line-height: 160%; word-break: keep-all; color: #333}
.parking { text-align:center; font-size:25px; padding:70px 10px; line-height: 150%;}

.s_tit {font-size:1.8em; color:#333333; line-height:31px; min-height:31px; margin:55px 0px 25px 0px; font-weight: 600; position: relative; overflow: hidden; padding-left: 25px}
.s_tit:before {display:block; content: ""; width:6px; height:31px; background: #34394c; position: absolute; left: 0px; top: 0px;}
.ss_tit {font-size:1.3em; font-weight: 500; color:#333333; padding:2px 0px 2px 0px; margin-top:30px; line-height:140%; min-height:20px; text-align:left; margin-bottom:8px; position: relative;}

.sss_tit {font-size:13px; color:#333333; padding:0px 0px 10px 0px; margin-top:20px; line-height:140%; font-size: 15px;}
img {max-width:100%;}



.summary > ul { margin: 1px -4px 0px 1px}
.summary > ul:after {display: block; content: ""; clear: both;}
.summary > ul > li {position: relative; margin-top: 5px; padding:7px 0px 7px 175px; min-height:20px; line-height:150%; font-size: 1.25em; box-sizing: border-box;}
.summary > ul > li:first-child {margin-top:0px;}
.summary > ul > li .txt_t {display: block; font-size:16px; font-weight: 500; line-height: 40px; position: absolute; left: 0px; top: 0px; background: #34394c; border-radius:60px; width:140px; text-align: center; color: #fff;}


.field_list {padding-bottom: 30px;}
.field_list > li {box-sizing: border-box; position: relative; min-height: 140px; padding:25px 10px 20px 170px; border: 1px solid #ccc; margin-top: -1px; background: #f2f2f2;}
.field_list > li .ico {display: block; position: absolute; left: 20px; top: 50%; margin-top:-52px;}
.field_list > li .txt {display: block;padding-top:15px;}
.field_list > li > strong {display: block; font-size:1.3em; font-weight: 500; }
.field_list > li > strong:after {display: block; content: ""; width: 30px; height: 1px; background: #000; margin-top: 15px;}
.field_list > li:nth-child(even) {background: #fff; padding-left: 20px; padding-right: 170px; }
.field_list > li:nth-child(even) .ico {left: auto; right:calc(0% + 20px);}



.feature .first-txt {position: relative;}
.feature .first-txt:after {display: block; content: ""; background: url(../img/common/png60.png) repeat left top; width: 50%; height: 100%; position: absolute; right: 0px; top: 0px;}
.feature .first-txt img {width: 100%;}
.feature .first-txt .txt_block {width:50%; box-sizing: border-box; padding: 0px 5%; color: #fff; font-size:1.5em; line-height: 140%;  position: absolute; right:0%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); word-break: keep-all; z-index: 9;}
.feature .first-txt .txt_block .txt1 {font-size: 1.6em; line-height: 150%; padding-bottom:20px;}
.feature .first-txt .txt_block .txt1:after {display: block; content: ""; width:52px; height:3px; margin: 20px 0px 0px 0px; background: #fff;}
.feature .first-txt .txt_block .txt2 {max-width:550px; margin: 0 auto;}

.feature > dl {padding: 30px 260px 30px 30px; margin-top:-1px; min-height:185px; color: #000; border: 1px solid #cccccc;}
.feature > dl dt { display: inline-block; max-width:500px; font-size: 2.25em; line-height: 140%; font-weight: 100; text-shadow: 1px 0px 12px #fff}
.feature > dl dt > strong {font-weight: 700;}
.feature > dl dd {font-size: 1.2em; line-height: 150%; padding-top: 30px;  text-shadow:1px 0px 12px #fff}
.feature > dl.bg1 {background: url(../img/introduce/02_img02.jpg) no-repeat 96% center; margin-top: 50px; }
.feature > dl.bg2 {background: url(../img/introduce/02_img03.jpg) no-repeat 96% center;}

.result_titW  {width:100%; display:table; border:1px solid #e1e1e1; overflow: hidden; position: relative;}
.result_titW .conf_tit{width:40%; padding-left:20px; display:table-cell; font-size: 26px;  line-height:130%; vertical-align: middle; text-align:center;}
.result_titW .conf_tit > span{display: block;}
.result_titW .result_txt {font-size:18px; overflow: hidden; float: right; padding:10px 20px;}
.result_titW .result_txt li {vertical-align: top; font-weight: 500; box-sizing:border-box; padding: 10px; position: relative; line-height: 150%; border-bottom: 1px solid #e1e1e1;}
.result_titW .result_txt li.last {border-bottom: none;}
.result_titW .result_txt li strong {display: block; font-weight: 100;}
.result_titW .result_txt li strong .fa {width:15px;}

.result_wrap {overflow: hidden; margin-top: 50px;}
.result{overflow: hidden; margin-bottom:55px;}
.result h4 {text-align: center; color: #fff; font-size:16px; line-height: 20px; padding:15px 0px; background: #146fc3}

.result .box_ul{overflow: hidden;}
.result .box {float:left; width:33.33333%; min-height:432px; padding: 3%; box-sizing: border-box; background:#f8f8f8; border: 1px solid #cccccc; border-left: none; position: relative; text-align: center;}
.result .box:first-child{border-left:1px solid #ccc;}
.result .box .txt{margin-top:15px;}
.result .box .txt li {position: relative; min-height: 20px; margin-top: 5px; overflow: hidden;}
.result .box .txt li strong { display: block; color: #000; font-weight: normal; float: left;}
.result .box .txt li span{display: block; float: right;}
.result .box h5 {font-size:22px; color: #d92b08; line-height: 150%; padding-bottom: 10px; margin-bottom:10px;}


.mapW {border: 1px solid #ccc; height: 370px;}
.mapW iframe {height: 100% !important;}

.reference { border:1px solid #ccc; margin-top: 30px; background-color: #f2f2f2; position: relative;}
.reference > strong{position: absolute; left:30px; top:20px; font-size: 20px;}
.reference > strong > span{font-size: 16px; font-weight: normal;}
.reference_ul {overflow: hidden; padding: 20px 0px 0px 195px;}
.reference_ul:after {display: block; content: ""; clear: both;}
.reference_ul > li {float:left; padding-right:60px; margin-bottom:20px; box-sizing: border-box; line-height: 42px; color: #000; word-break: break-all; font-size: 1.3em; position: relative;}
.reference_ul > li:nth-child(2){float:right;}
.reference_ul > li > strong {line-height: 140%; padding-left:110px;}
.reference_ul > li > span{    position: absolute; left: 65px; top: 0px}
.reference_ul > li > .ico {display: block; padding: 15px 0px;}
.reference > p{font-size: 18px; padding:20px 30px; background-color: #fff;}

.procedure {background: #f8f8f8; overflow:hidden;}
.procedure > li {min-height:270px; float:left; width: 33.3333%; border:1px solid #e5e5e5; border-right:none; box-sizing: border-box; text-align: center; color: #000; position: relative; padding:15px 10px; }
.procedure > li:last-child{border-right:1px solid #e5e5e5;}
.procedure > li .txt_t {display: block; font-size: 1.2em; line-height: 140%; margin-bottom:15px; color:#d92b08}
.procedure > li .ico {display: block; padding: 15px 0px;}
.procedure > li:before {display: block; content: ""; width:29px; height: 29px; background: url(../img/enter/arrow.png) no-repeat center center;  position: absolute; left: 0px; top:112px; margin-left: -14.5px;}
.procedure > li:first-child:before {display:none}
.procedure.four > li {width: 25%;}

.guide_box {padding: 30px 0px;}
.guide_box h4 {font-size:1.15em; margin-bottom: 5px; padding-left: 24px; background: url(../img/common/ico_mark.png) no-repeat left center;}

.booth_info {margin: 0px -3px 0px 1px;}
.booth_info:after {clear: both; content: ""; display: block;}
.booth_info > dl {width: 33.33333%; float: left; box-sizing: border-box; border:1px solid #d8d8d8; border-top: 2px solid #d92b08; margin-left: -1px; }
.booth_info > dl dt {background: #f2f2f2; text-align: center; color: #000; font-size:1.2em; line-height: 140%; padding:16px 0;}
.booth_info > dl dd {min-height:300px; position: relative; box-sizing: border-box;}
.booth_info > dl dd img {position: absolute; max-width:90%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.booth_info > dl dd.txt {background: #f8f8f8; min-height: 275px;font-size: 1.0em;}


.booth_info .on td {background: #f8f8f8; text-align: left; vertical-align: top; padding: 50px 10px 50px 20px}
.booth_info td {border-top:none; border-bottom:none;}
.booth_info .price {font-size: 1.5em; color: #000; font-weight: 600; line-height: 150%; padding: 20px; text-align: center; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}

.booth_info .price_ul{padding:20px;}
.booth_info .price_ul li{padding-left: 10px; text-indent: -10px; line-height: 150%; margin: 5px 0px; min-height: 20px;}

.rule_box {height:150px; padding:12px; overflow:auto; background:#fff; border:1px solid #dadadc; overflow-x:hidden;}
.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}


.ex_tit {text-align:center; color:#fff; font-size:24px; line-height:75px; background:#c39a66; font-weight: bold;}
.ex_tit span {font-size:24px; font-weight: 300;}



.ch_imgs {padding:20px 0px 0px 0px;}
.ch_imgs li { text-align:center;}
.ch_imgs li img {max-width:100%;}

.input_area {overflow: hidden; margin: -10px; font-size:0px; min-width:100%;}
.input_area > li {display:inline-block; vertical-align: top; box-sizing: border-box; width: 50%; padding:10px 10px; overflow: hidden; font-size:15px;}
.input_area > li .input {width: 100%; min-height:54px; line-height:54px; color: #11223d; background:#f2f2f2; border:none; padding-left:10px; font-size:15px;}
.input_area > li .select {width: 100%; min-height:54px; line-height:54px; color: #8f949d; background:#f2f2f2; border:none; font-weight:300; padding-left:10px; font-size:15px;}
.input_area > li .textarea {line-height: 140%; width:100%; color: #11223d; background:#f2f2f2; padding:10px; font-size:15px; font-weight:400; border:none;}
.input_area > li .select.on {color: #11223d; font-weight:400;}
.input_area > li.one {float: none; clear: both; width: 100%; display:block;}
.input_area > li .label {font-size:18px; color:#000; line-height:140%; padding-bottom:7px; font-weight:300;}
.input_area > li .label label {display:inline-block;}
.important {padding-right:15px; position:relative; display:inline-block;}
.important:after {display:block; content:""; width:6px; height:6px; background:#c39a66; border-radius:100%; position:absolute; right:0px; top:7px}
.important2 {padding-left:15px; position:relative; display:inline-block;}
.important2:after {display:block; content:""; width:6px; height:6px; background:#c39a66; border-radius:100%; position:absolute; left:0px; top:7px}
.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right:60px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; transform: translateY(-50%);}
.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;}



.board-write .input {min-height: 40px; line-height: 40px; width: 100%;}
input::-webkit-input-placeholder { color:#8f949d; font-weight: 300; }
input::-moz-placeholder { color:#8f949d; font-weight: 300; }
input:-ms-input-placeholder { color:#8f949d; font-weight: 300; } 

textarea::-webkit-input-placeholder { color:#8f949d; font-weight: 300; }
textarea::-moz-placeholder { color:#8f949d; font-weight: 300; }
textarea:-ms-input-placeholder { color:#8f949d; font-weight: 300; }

.make_type {border:1px solid #cccccc}

.st_bl {display: inline-block; width: 5px; height: 5px; background:#ec5133; border-radius:100%; vertical-align: middle; font-size:1px; text-indent:-999999px; margin:-5px 6px 0px 0px; }

.directory_img {position: relative; padding:20px 10px 20px 445px; border: 1px solid #e5e5e5; min-height:283px; box-sizing: border-box; margin-bottom: 20px;}
.directory_img .img {position: absolute; left:-1px; top:-1px; border: 1px solid #e5b27f; height: 100%; background: #fffaf5;}
.directory_img > ul {font-size: 1.15em; line-height: 150%;}
.directory_img > ul > li {margin-top: 20px;}
.directory_img > ul > li:first-child {margin-top:0px;}
.directory_img > ul > li > strong {display:block; padding-bottom: 5px;}


.toggle_list > li {margin-top: 5px;}
.toggle_list > li .title {padding:26px 45px 27px 0px; line-height:140%; color: #323232; position: relative; font-size:22px; font-weight:500; color: #c39a66;}
.toggle_list > li .answer_wrap {padding-bottom:19px; border-bottom:1px solid #000;}
.toggle_list > li .answer_wrap .process {padding:0px; font-size: 1.05em; background: #f8f8f8; overflow:hidden;}
.toggle_list > li .answer_wrap .process  > li{float:left; width: 33.3333%; border:1px solid #e5e5e5; border-right:none; box-sizing: border-box; text-align: center; color: #000; position: relative; padding:15px 10px; }
.toggle_list > li .answer_wrap .process  > li:last-child{border-right:1px solid #e5e5e5;}
.toggle_list > li .answer_wrap .process  > li .vi_num{position: absolute; left:0px; top:0px; width:35px; height: 35px; line-height: 35px; background-color: #fff;}
.toggle_list > li .answer_wrap .process  > li .ico {display: block; padding: 15px 0px;}
.toggle_list > li .answer_wrap .process  > li .txt_t {display: block; font-size: 1.2em; line-height: 140%; margin-bottom:15px; color:#d92b08}
.toggle_list > li .answer_wrap .process > li:before {margin-top: -40px; display: block; content: ""; width:29px; height: 29px; background: url(../img/enter/arrow.png) no-repeat center center;  position: absolute; left: 0px; top:112px; margin-left: -14.5px;}
.toggle_list > li .answer_wrap .process > li:first-child:before {display:none}

.toggle_list > li .answer_wrap .process.four > li {width: 25%;}

.map_frame {position: relative; margin-top: 20px; border: 1px solid #ccc; overflow: hidden; height:370px;}
.map_frame iframe {width: 100% !important; height: 100% !important;}

.ic_m{display:block; min-height: 35px; background: url(../img/exhibition/map.png) no-repeat left top; padding-left:40px;}

.map_info {overflow: hidden; padding-top: 30px; margin: 0px -20px;}
.map_info > .cell {box-sizing: border-box; padding: 0px 20px; position: relative; min-height: 150px;}
.map_info > .cell strong {display: block;  font-size:20px; font-weight:700; min-width: 85px; position: absolute; left:20px; top:0px;}
.map_info > .cell strong > span{display: block; text-align: center; margin-top: 15px;}
.map_info > .cell ul > li {position: relative; min-height: 20px; font-size:1.05em; margin-top:5px; color: #666666; word-break: keep-all; padding-left:30px;}
.map_info > .cell ul > li.ico_1{background: url(../img/exhibition/ico_1.gif) no-repeat left 6px;}
.map_info > .cell ul > li.ico_2{background: url(../img/exhibition/ico_2.gif) no-repeat left 6px;}
.map_info > .cell ul > li.ico_3{background: url(../img/exhibition/ico_3.gif) no-repeat left 6px;}
.map_info > .cell ul > li.ico_4{background: url(../img/exhibition/ico_4.gif) no-repeat left 6px;}
.map_info > .cell .traffic_ul{padding-left:120px;}
.map_info > .cell .subway_w > li{padding-left: 0px;}

.hotel_list {overflow: hidden; margin: -10px -5px; padding-top: 30px;}
.hotel_list > li {float:left; width: 25%; box-sizing: border-box; padding:10px 5px;}
.hotel_list > li .pic {display: block;}
.hotel_list > li .box {border: 1px solid #cccccc; color: #333333; padding: 15px; min-height:290px; box-sizing: border-box; position: relative;}
.hotel_list > li .box a {color: #333333;}
.hotel_list > li .box .name {font-size: 1.15em; line-height: 150%; padding-bottom: 10px; margin-bottom: 10px; min-height: 60px; box-sizing: border-box; position: relative; color: #000;}
.hotel_list > li .box .name:after {display: block; content: ""; width: 40px; height: 1px; background: #000; left: 0px; bottom: 0px; position: absolute;}
.hotel_list > li .box .txt > li > span {display: inline-block; vertical-align: top;}
.hotel_list > li .box .bt {position: absolute; width: 100%; box-sizing: border-box; left: 0px; bottom:0px; padding: 15px;}
.hotel_list > li .box .bt > a {display: block; border: 1px solid #333; text-align: center;}
.hotel_list > li .box .bt > a > span {line-height: 38px; display: inline-block; padding-left:30px; background: url(../img/common/ico_home.gif) no-repeat left center; color: #666;}

.gray_box {padding:30px 20px; text-align: center; background: #f3f4f8; font-size: 1.15em;}




.faq_list {border-top: 1px solid #01468b; margin-top: -1px;}
.faq_list > li {border-bottom: 1px solid #e2e2e2}
.faq_list > li .title {padding:26px 45px 27px 75px; background: url(../img/common/arrow.gif) no-repeat right center;line-height:140%; color: #323232; position: relative; font-size:17px; font-weight:400; color: #666666; cursor: pointer;}
.faq_list > li .title.on {background: url(../img/common/arrow2.gif) no-repeat right center; color: #c39a66;}
.faq_list > li .title .q {position: absolute; width:36px; height: 36px; line-height:33px; border-radius:100%; border: 1px solid #cccccc; left:20px; top:50%; margin-top: -18px; color: #666666; text-align: center; font-weight:700; font-size: 24px;}
.faq_list > li .title.on .q {color: #c39a66; border-color:#c39a66; }
.faq_list > li .answer_wrap {padding:19px 19px 19px 19px; display:none; background: #fbfbfb; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-bottom: -1px; }
.faq_list > li .answer {min-height: 22px; padding:8px 0px 8px 55px; line-height:140%; color: #333333; word-break:keep-all; word-wrap:break-word; position: relative; font-size:17px; font-weight:400;}
.faq_list > li .answer .a {position: absolute; width:36px; height: 36px; line-height:33px; border-radius:100%; border: 1px solid #c39a66; left:0px; top:0px; color: #c39a66; text-align: center; font-weight:700; font-size: 24px;}





/* member */
.login_wrap {margin:0 auto; border: 1px solid #cccccc; background: #fff; padding:35px 45px; box-sizing: border-box;}
.login_wrap .login_bt .btn {background-color: #34394c; border: 1px solid #34394c; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}
.login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;}
.login_wrap .board-write {border-top: 2px solid #000;}
.signup {padding:20px 0px 15px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.signup li { margin-bottom:10px;}
.signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#f7f7f7; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}


.find_idpw {float: right; }
.find_idpw a {font-size: 15px; color: #000; text-decoration: underline;}
.find_idpw > li {display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(../img/common/top_line2.gif) no-repeat left center;}
.find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;}
.find_idpw > li a {font-size:15px; color:#666666; font-weight: 500;}
.find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:1.2em; line-height: 150%; background: url(../img/member/ico_mail.gif) no-repeat center top; }

.find_type {font-size:20px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top: 10px; }
.find_type > button {display: block; font-size:20px; color: #333333; line-height: 140%; padding-left:25px; font-weight: 500; background: url(../img/common/radio.png) no-repeat left 7px; outline: none; text-align: left;}
.find_type.on > button {background-position:left -69px;}
.find_box {padding:0px 0px 40px 25px; border-bottom: 2px solid #333;}
.find_box .btn-tc {margin-top: 0px; border: none;}

.find_cell {box-sizing: border-box; position: relative;}
.find_cell:after {clear: both; content: ""; display: block;}
.find_cell .cell {float: left; width: 50%; box-sizing: border-box;}
.find_cell .cell select {width: 100%}
.find_cell .bt {position: absolute; right: 0px; top: 0px;}

.find_pop {font-size: 15px; line-height: 150%; padding-bottom: 40px !important; position: relative;}
.bb_tit {font-size: 1.5em; line-height: 150%; color: #000000; font-weight: 500; padding: 40px 0px 15px 0px;}




.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}

.join_go {padding:18px 0px 0px 0px; text-align:center; margin:18px 0px 0px 0px; border-top:1px solid #cccccc}

.join_go > a {background-color: #fff; color: #34394c; padding: 12px; line-height: 40px; display: block; font-size:22px; text-align: center; font-weight:300; width: 100%; border: 1px solid #34394c; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}

.member_ok {font-size:32px; text-align: center; line-height: 140%; padding:0px 0px 20px 0px; margin-top: 20px; background: url(../img/member/type_ico05.gif) no-repeat center top; }
.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#fff; border:1px solid #dadada; border-top:none; padding:15px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}

.join_type {overflow: hidden;}
.join_type.one > dl {float: none; width: 100%; max-width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}

.join_type > dl.one {float: none; width: 100%; max-width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.join_type > dl {float: left; width:50%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px 10px 30px 10px;  text-align: center; margin-top: 10px;}
.join_type > dl:first-child {border-left: 1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height: 140%; padding-bottom: 5px;}
.join_type > dl > dt .ico {display: block; text-align: center; padding: 0px 10px 10px 10px;}
.join_type > dl > dt strong {display: block; min-height:55px; font-weight: 700; line-height: 140%;}
.join_type > dl > dt .f_s {display: block; font-size:0.8em;  line-height: 130%;}
.join_type > dl > dd {font-size:15px; line-height: 140%; font-weight: 300; min-height:50px;}
.join_type > dl > dd.txt {padding: 10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height: 40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height: auto;}
.join_type > dl > dd.bt a {display: inline-block; font-size:15px; font-weight: 300; line-height: 20px; padding: 10px 0px; text-align: center; background:#34394c; color: #fff; min-width: 120px;}
.join_type > dl > dd.bt a.line {background: #fff; color: #000000; border: 1px solid #000000; line-height: 18px;}
.join_type > dl > dd.bt.two a {min-width: 110px;}

.join_type > dl.ico05 {background: url(../img/member/type_ico05.gif) no-repeat 10px center; }
.join_complete {border: 1px solid #cccccc;}
.join_complete > dl {border: none !important;}
.join_complete > dl.one {padding-left: 180px; text-align: left;}
.join_complete > dl > dd {min-height: auto; font-size: 1.15em; padding: 10px 0px;}


.join_type > dl.ico05 {background: url(../img/member/type_ico05.gif) no-repeat 10px center; }
.join_complete {border: 1px solid #cccccc;}
.join_complete > dl {border: none !important;}
.join_complete > dl.one {padding-left: 180px; text-align: left;}
.join_complete > dl > dd {min-height: auto; font-size: 1.15em; padding: 10px 0px;}


.join_step {position: relative; margin:10px 0px 45px 0px;}
.join_step > ol {text-align: center; font-size: 0px; position: relative; z-index: 9; margin: 0px -1px 0px 1px;}
.join_step > ol > li {display: inline-block; border: 1px solid #cccccc; font-size:16px; color: #000000; font-weight: 300; text-align: left; width: 25%; box-sizing: border-box; padding: 10px 35px; margin-left: -1px;}

.join_step > ol > li .num {display: block; color: #999999; font-size: 17px; font-weight: 100;}
.join_step > ol > li .txt {display: block; padding-top:3px; color: #999999; line-height: 140%; font-weight:700; font-size: 22px;}
.join_step > ol > li.on {background: url(../img/member/join_step_on.gif) no-repeat 90% center; border: 1px solid #34394c; z-index: 99; position: relative;}
.join_step > ol > li.on .num {color: #34394c;}
.join_step > ol > li.on .txt {color: #34394c; }

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



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

.bt02_include {position: relative; padding-left: 83px; box-sizing: border-box;}
.bt02_include .add_bt {position: absolute; left: 0px; top: 0px; width:83px;}
.bt02_include .add_bt > span{padding: 0px 22px; height: 40px; line-height: 39px; background: #333; color: #fff; display: inline-block;}
.bt02_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}


.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 20px;}
.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; margin-left:-5px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; padding-left:5px;}
.atab li a {display:table-cell; width: 100%; height:40px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#000000; box-sizing:border-box;  font-size:1.05em; border: 1px solid #999; border-radius: 40px;}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {font-weight:400; background: #34394c; color: #fff; border:none;}
/*.atab li.on a:after {display: block; content: ""; width:10px; height: 10px; background: #fff; position: absolute; left:50%; bottom:-10px; transform: rotate(45deg) translateX(-50%);}*/
.two li {width:50%;}
.three li {width:33.33%;}
.four li {width:25%;}
.six li {width:16.66666666%;}
.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 {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}




.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:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:15px; top:50%; margin-top: -20px; display: inline-block;cursor: pointer; background: none}
.pop_wrap .pop_head {background: #c39a66; position: relative;}
.pop_wrap .pop_head .title {font-size:24px; line-height:150%;  color: #fff; padding:15px 45px 15px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:45px;}
.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: 20px 0px 0px 0px; margin-top:15px;}
.pop_body .btn-tc > a {margin: 0px 10px;}



/* 팝업 */

.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; text-indent:10px; line-height:150%; background:#20252b; 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; 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;  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;  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;  color:#444444; font-size:22px; line-height:38px;}


.view_con .img_area .view_summary {position:fixed; left:-9999px; }


/* position */
.position {height:134px; background:#fff; width:1px; position:absolute; top:-145px; left:0px;}

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


/* ------------------------------------------------------------
 * 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:122px; 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; color: #000; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}
.board-write .input {min-height: 40px; line-height: 40px; width: 100%; background-color: #f2f2f2; border:none;}
.view_tit {padding: 15px 10px; background: #f5f5f5; border-top: 2px solid #000; border-bottom: 1px solid #cccccc; font-size: 1.15em; font-weight: 500;}
.click_count {text-align: right; padding: 10px 0px; font-size:1.05em; color: #666666}
.view_photo {padding: 20px 0px 0px 0px; text-align: center;}



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

/* 1220px 이하 */
@media screen and (max-width:1219px) {
    #lnb_wrap {width:calc(100% + 20px); width:-webkit-calc(100% + 20px); float: none; background:#f5f5f5; padding-bottom: 0px; margin: 0px -10px 30px -10px;}
    #lnb_title {display: none;}
    .lnb_banner  {display: none;}
    .lnbs2 ul {text-align: center;}
    .lnb ul li {display:inline-block; border: none; margin: 0px;}
    .lnb ul li.on a {background: none;}
	#inner_wrap {max-width:1180px; width:100%; box-sizing:border-box; padding:0px 10px;}
    
    .rightW {float: none; max-width: 100%;}
    
}
/* 980px 이상 */
@media screen and (min-width:980px) {
    .lnbs2 ul {display: block !important}
}
/* 980px 이하 */
@media screen and (max-width:979px) {
    .m_gnb_on {display: block;}
    .w_gnb {display:none;}
    .web_dis {display:none;}
	.mb_dis {display:block;}
    #wrap {padding-top:133px;}
    #header {padding: 0px 10px; height: 133px; box-sizing: border-box;}
	#header h1 {position: absolute; left: 50% !important; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
    #header .top_menu {margin-right: -10px;}
    #header .top_sns {top:9px; transform: none;}
    #header .top_btns {top:3px; transform: none;}

	.inner {padding:0px 10px; word-break: keep-all;}
    .in_header {height:133px;}
    
    .m_gnb_on {bottom:40px;}
    
    
    .main_visual {max-width: 768px; padding-top:40px; }
    .main_visual .v_block {float: none; width: 100%;}
    .main_visual .v_block .txt_wrap .small {padding-top:10px;}
    .main_quick {margin-top:20px;}
    
    .main_visual .v_block_r {padding: 30px 0px 0px 0px;}
   
    
	#footer .addressW {padding:0px 250px 10px 10px; background:none;}
    
    .location_wrap {display: none;}
    
     #lnb_wrap {position:relative; min-height: 10px; margin-top: -52px; border-bottom:1px solid #e2e2e2; background:#fff; box-shadow: none;}
    #lnb_wrap .lnbs1 {display: block;}

    #lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
    #lnb_wrap .lnb:after { clear:both; content:""; display:block;}
    #lnb_wrap .lnb .lnbs { float:left; width:196px; border-right:1px solid #e2e2e2; position:relative;}
    #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:52px; 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 {float:left; display: block; border-left:1px solid #d92b08; border-right:1px solid #d92b08}
    #lnb_wrap .ico_home a {display:block; width:60px; height:51px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center #d92b08 ;}
    .lnb ul li {color:#666666; display: block; padding: 0px;}
    .lnb ul li.on {display:none !important;}
    .lnb ul li a {color:#333; font-size:13px; display:block; line-height:20px; min-height:20px; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none }
    .lnb ul li a:hover {color:#333; border-top:none }

    .lnb ul li .three_depth a {background:#e5e5e5; border-bottom:1px solid #fff; border-top:none; color:#666666; padding:10px 30px 10px 35px;}

    #lnb_tit {font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:51px; height:51px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 300;}
    #lnb_tit2 {display: block; font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:51px; height:51px; 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.png) no-repeat right center;}
    #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;}
    
    
    
    
    .result_txt li {width:100% !important; display: block; padding-bottom: 10px;}
    .result .box{width:100%; border-left:1px solid #ccc; border-top:none;}
    .result .box:first-child{border-top:1px solid #ccc;}
	.result .box .ico {width:70px; height:70px;}
    
    .reference_ul{padding:10px;}
    .reference_ul > li {float:none !important; padding-right: 0px;}
    .reference_ul > li > span{position: relative; left:0px; top:0px; padding: 0px 10px; font-size: 15px;}
    .reference_ul > li > strong{font-size: 15px; padding-left:0px;}
    .reference > p{text-align:center;}
    .reference > strong{display:block; position:relative; text-align: center; left: 0px; top: 0px; padding-top: 20px ;}
    .reference > strong > span{font-size: 20px; font-weight: 300;}
    .reference > strong .br{display:none;}
    
    .hotel_list > li {width:33.333333%;}
    
    
    
    
}
/* 768 이하 */
@media screen and (max-width:767px) {
    #header .top_sns > li > a {font-size: 0px; display: block;}
    
    .main_visual .v_frame {min-height:400px;}
    .main_visual .v_frame .txt {top:50%; margin-top: -20px; font-size:18px;}
    
	.section {padding:30px 0px;}
    .section .m_tit {font-size:2.7em;}
    .section .m_tit_s {font-size:1.2em; padding: 0px 0px 30px 0px;}
    
    
    #footerW {text-align: center;}
    #footer_navi > ul {text-align: center;}
    #footerW .go_top {display: none;}
    #footer .addressW {padding: 0px 10px 10px 10px;}
    .f_sns {display: none;}
    
    .sub_con {font-size:1rem;}

    .title_bar {background-size: contain;}
	.title_bar h2 {font-size:2em; padding:0% 0px 3% 0px;}
	.title_bar .s_txt {font-size: 1.05em;}
    .title_bar .prev_page {display: none;}
    .title_bar .next_page {display: none;}
	
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    .btn-tc > a {margin: 0px;}
    
    #lnb_wrap .lnb {padding-left: 62px; position: relative;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}
    
    
    .summary > ul > li .count {font-size:1.5em;}
    
    .feature > dl {background-size: 140px auto !important; min-height: 125px; padding: 20px 160px 20px 20px;}
    .feature > dl dt {font-size:1.6em;}
    .feature > dl dd {font-size:1.05em; padding-top: 30px;}

    .feature .first-txt:after {width: 100%;}
    .feature .first-txt .txt_block {font-size: 1.2em; width: 100%; text-align: center}
    .feature .first-txt .txt_block .txt1:after {margin: 20px auto 0px;}
    .feature .first-txt {height:330px; overflow: hidden;}
    .feature .first-txt img {width: 725px !important; max-width: 725px; height:330px;}
    
    .result2 { margin: 0px;}
    .result {float:none; width:100%;}
	.result1 .box {border-right: 1px solid #cccccc;}
    
    .reference {margin: 1px -2px 0px 1px;}
    .reference > li {width:50%;}
    .reference > li:last-child {width:calc(100% - 1px); width:-webkit-calc(100% - 1px);}
    
    .booth_info {margin: 0px;}
    .booth_info > dl {width: 100%; float: none; margin: 0px;}
    

    .procedure > li .ico {display: block; width:90px; margin:0 auto;}
    .procedure > li:before {width:40px; height: 40px; background-size: 40px auto;margin-left: -20px;}
    

    
    .toggle_list > li .title {padding:20px 40px 21px 20px;}
    .toggle_list > li .answer_wrap {padding:16px 14px 16px 14px; }
    .toggle_list > li .answer_wrap .process > li .ico {display: block; width:90px; margin:0 auto;}
    .toggle_list > li .answer_wrap .process > li:before {width:40px; height: 40px; background-size: 40px auto;margin-left: -20px;}
    
    .map_info {margin:-15px 0px 0px 0px;}
    .map_info > .cell {width:100%; padding:15px 0px;}
    .map_info > .cell strong{position:relative; left:0px;  padding: 15px 0px;}
    .map_info > .cell strong > span{display: inline; min-height: 85px; line-height: 85px; padding-left: 15px; font-size: 16px;}
    .map_info > .cell .traffic_ul{padding-left:0px;}
    
    

    .faq_list > li .title {padding:20px 40px 21px 64px;}
    .faq_list > li .title .q {position: absolute; width:32px; height: 32px; line-height:29px; left:15px; margin-top: -16px; font-size: 20px;}
    .faq_list > li .answer_wrap {padding:16px 14px 16px 14px; }
    .faq_list > li .answer {min-height: 22px; padding:6px 0px 6px 50px;}
    .faq_list > li .answer .a {position: absolute; width:32px; height: 32px; line-height:29px;}
    
    .find_cell {padding-right: 0px !important}
    .find_cell .cell {float: left; width: 50%; box-sizing: border-box;}
    .find_cell .bt {display: block; position: relative; right:auto; top:auto; width: 100%; clear: both; padding-top: 5px;}

    .join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;}
    .join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;}
    .join_type.two > dl > dd br {display: none;}
    
    .join_type.two > dl > dd.bt {padding-bottom: 0px;}
    .join_type.two > dl > dd.bt a {display: block; margin-top: 5px;}
    .join_step > ol > li {text-align: center; padding: 5px 10px;}
    .join_step > ol > li.on {background: none;}
    
    .hotel_list {max-width:602px; margin: 0 auto;}
    .hotel_list > li {width:50%;}

}
/* 600 이하 */
@media screen and (max-width:599px) {
    .go_sitemap {display: none;}
    
    .main_quick > li a {padding:0px 0px 10px 0px; text-align: center;}
    .main_quick > li .pic {position: relative; left: auto; top: auto; text-align: center; transform: none}
    
    .notice_roll > li > a {padding-right:0px;}
    .notice_roll > li .date {display: none;}
    
    
    .all_close {right: 100% !important; margin-right: -40px;}
	
	#sub_visual {background-size:cover !important;}
	.sub_visual {height:250px;}
    
    .m_th {width:90px !important;}
    .w_date {width:80px;}
    .w_name {width:65px;}
    

    

    .login_wrap {padding: 15px;}
    .join_step {margin-bottom: 10px;}
    .join_step > ol > li .num {font-size: 14px;}
    .join_step > ol > li .txt {font-size:18px;}

    .result_titW{padding:20px 0px;}
    .result_titW .conf_tit{padding-left:0px; width:100%; display:block; font-size:21px;}
    .result_titW .result_txt{font-size: 15px; padding:10px; float:none;}
    

    
    
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {padding-top: 110px;}
    #header {height: 110px;}
    #header h1 {top:50px;}
    #header h1 img {height:40px;}
    #header:before {height: 40px;}
    #header .top_menu > ul > li > a {line-height:40px; height:40px; font-size: 13px;}
    #header .top_menu > ul {max-width: 200px;}
    #header .top_menu > ul > li.ico02 > a {background-image: none; padding: 0px; text-align: center;}
    #header .top_sns {top:7px;}
    #header .top_sns > li {padding-left:10px;}
    .in_header {height:110px;}
    .m_gnb_on {bottom:30px;}
	
    .slide_menu_top {height:70px; background-size:auto 40px !important;}
    
    .section .m_tit {font-size: 2.2em;}
    .section .m_tit_s {font-size:1em; padding: 0px 0px 20px 0px;}
        
    .all_close {top: 20px;}
    .all_close img {width:24px; }
    
    .main_visual .v_block .txt_wrap {font-size:18px;}
    
    .main_quick > li a {font-size: 1em;}
    
    .main_board {padding-left:80px;}
    .main_board h3 {width:80px;}
    .main_board:before {left:80px;}
    .notice_rollW:before {right:80px;}
    .notice_rollW { padding: 12px 90px 0px 15px;}
    .notice_rollW #n_pronext {right:10px;}
    .notice_rollW #n_proprev {right:40px;}
    .notice_roll > li {height: 26px; line-height: 26px;}
    .notice_roll > li > a {padding-right:0px;}
    .notice_roll > li .date {display: none;}
    .notice_roll > li {font-size:14px;}
    
    
    .main_galleryW .more {top: -100px;}
    .main_galleryW .more a {font-size:12px; border: 2px solid #000; padding:3px 12px;}
    


    #footer_add {padding-top: 20px;}
	#footer_add .top { display: none;}
    #footer_navi > ul {padding:15px 0px}
    #footer_navi > ul li a {font-size:12px;}
    #footer_navi > ul li {padding: 0px 10px;}
    #footer .addressW {font-size: 12px;}
    #footer .addressW .copy {font-size:12px; padding-top:10px;}
    
    
    .sub_con {font-size:0.9rem;}
	.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%;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
	.m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
	.m_block span {display:block; padding:0px;}
	.pw_box_bg {padding:110px 0px 10px 0px; width:100%; background:url(../img/common/ico_pw.png) no-repeat center top;}
	.pw_input {width:100%;}
	.board-view td.view_td {padding:20px 10px;}

	.input5 {width:100%; max-width:100%;}	
	.layers_wrap .layers {padding:10px;}
	.layers_wrap .layers_tit { background-image:none; font-size:1.5em;}
	.inner {padding:10px;}
	.ch_imgs .img1, .ch_imgs .img2 {display:none !important;}
	.ch_imgs .img3 {display:block !important;}
	.scrollbox  {height:71px !important;}
	.s_tit {margin:35px 0px 15px 0px; line-height: 110%;}
    
	.ss_tit {margin-top:20px;}
    .atab li a {height:50px;}
    .atab li.on a:after {width:10px; height:10px; bottom: -9px;}
	
    
    .sub_visual {height:220px;}
    .sub_visual .sub_txt .cell {padding-bottom:7%; padding-top: 0px;}
    #sub_tit {font-size:30px; padding:0px 0px 5px 0px;}
    #sub_tit:after {display: none;}
    .sub_tit_s {font-size:16px;}
    .title_bar {margin-bottom:30px; padding-top: 20px; padding-bottom: 10px;}
    .view_tit {padding:15px 10px 15px 10px;}
    
	

    .radio_group > li {font-size:13px;}
    
    
    #lnb_wrap {margin-top:-51px; background: url(../img/common/png60.png) repeat left top; border-top:1px solid #9b9a98}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #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; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px;}
    
    #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;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
    
    .bul01 > li:after {top:6px; width: 4px; height: 4px;}
    

    .summary > ul > li {padding:3px 0px 3px 115px;}
    .summary > ul > li .txt_t {font-size:14px; line-height:32px; width:100px;}
    
    
    .feature > dl {padding:160px 20px 20px 20px; min-height: auto; text-align: center; background-position:center 15px !important; background-size:auto 120px !important; }
    .feature > dl dd {padding-top:10px;}
    
    
    .result {float:none; width:100%;}
	.result .box {padding:10px; min-height:200px;}
	.result .box .ico {width:43px; height:43px; padding:0px; bottom:auto; top: 10px; right: 10px; }
	.result .box .txt li {padding: 0px 10px;}
     
    .procedure > li {float: none; width: 100% !important; padding-top:40px;}
    .procedure > li:first-child {padding-top:0px;}
    .procedure > li:before {background: url(../img/common/arrow_b.png) no-repeat center bottom; left: 50%; margin-left:-20px; top:-15px;  margin-top: 0px !important; }
    
    .toggle_list > li .title {padding:15px 45px 16px 15px; font-size:15px; background-position:right center !important; background-size:  20px auto !important;}
    .toggle_list > li .answer_wrap {padding:13px 10px 13px 10px; }
    
    .toggle_list > li .answer_wrap .process > li {float: none; width: 100% !important; padding-top:40px;}
    .toggle_list > li .answer_wrap .process > li:first-child {padding-top:0px;}
    .toggle_list > li .answer_wrap .process > li:before {background: url(../img/common/arrow_b.png) no-repeat center bottom; left: 50%; margin-left:-20px; top:-15px;  margin-top: 0px !important; }
    
    .guide_box {padding:15px;}
    .gray_box {padding:15px;}
    
    

    .faq_list > li .title {padding:15px 45px 16px 60px; font-size: 13px; background-position:right center !important; background-size:  20px auto !important;}
    .faq_list > li .title .q {width:30px; height: 30px; line-height:27px; left:10px; margin-top: -15px; font-size:18px;}
    .faq_list > li .answer_wrap {padding:13px 10px 13px 10px; }
    .faq_list > li .answer {min-height: 22px; padding:4px 0px 4px 48px; font-size: 13px; }
    .faq_list > li .answer .a {width:30px; height: 30px; line-height:27px; font-size:18px;}
    
    .join_step > ol > li .num {font-size: 13px;}
    .join_step > ol > li .txt {font-size:14px;}
    .enter_step > li {padding-left: 90px;}
    .enter_step > li .ico {width:60px; left: 20px; }
    .join_type > dl {width:100%; float: none; text-align: center; padding:100px 10px 10px 10px; background-size:80px auto !important; background-position: center 10px !important;}
    
    .find_cell .bt {overflow: hidden;}
    .find_cell .bt > a {width: 50%; float: left;}
    .find_cell .bt > a > span {display: block; padding: 0px; margin: 0px 2px; }  

    
    .sign_box .sign input {max-width:120px; }
    .check_boxW {padding: 10px;}
    
    .m_skip {display: none;}
    .company_search {padding: 10px;}
    .company_search > ul > li > button {display: block; width:25px; height:25px; font-size:16px; line-height:23px;}
    .atab li a {height:40px; line-height: 140%;}

	.btn-tc > a{width:100%;}
    
}
/* 390px 이하 */
@media screen and (max-width:320px) {
	
    
}