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

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

.inner {max-width:1200px; box-sizing: border-box; padding-left: 10px; padding-right: 10px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}

.bg_wrap {background: #f2f2f2}



/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; box-sizing: border-box; background: #fff; transition: all 0.2s 0s ease-in-out;}
/*#header:after {display: block; content: ""; width:100%; height: 1px; background: #fff; opacity: 0.3; position: absolute; left: 0px; bottom: 0px;}*/
.in_header {max-width:1720px; margin: 0 auto; width:100%; height:90px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9; color: #000;}
#header h1 {position: absolute; left:50%; top:0%; transform: translateX(-50%); -wbkit-transform: translateX(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 }



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





/* GNB */
.w_gnb {padding:0px 0px 0px 0px;}
.w_gnb .gnb {padding: 0px 100px 0px 200px;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; margin: 0 auto; text-align:center;}

.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {text-align: center; display: inline-block; position:relative; transition: all 0.2s 0s ease-in-out;}
.w_gnb .gnb > ul > li > a {display:block; color:#fff; padding: 0px 20px;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:18px; font-weight:600; line-height:95px; height:90px; color:#333333; transition: all 0.2s 0s ease-in-out;}
.w_gnb .gnb > ul > li:hover > a > span {color:#000;}
.w_gnb .gnb > ul > li.on > a > span {color:#000;}
.w_gnb .gnb > ul > li:hover .sub_menu {background: #008ccf}
.w_gnb .gnb > ul > li:hover .sub_menu > li > a {color:#fff}


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

.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; height:191px; box-sizing:border-box; overflow:hidden; top:100%; line-height:20px; display:none; padding:20px 0px;}
.w_gnb .sub_menu > li {padding:5px 10px}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; word-break: keep-all; text-align:center; font-weight:300; color:#333; line-height:140%;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration: underline;}


#gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; height:190px; border-top:1px solid #ccc;  background:#fff; z-index: 8; border-bottom: 1px solid #eee;}



.slide_menu_wrap {width:100%; position: fixed; margin-top:90px; top:-100%; left: 0px; right: 0px; display:none; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; /*background: linear-gradient(180deg, #f18900, #006ab9, #12ad64);*/ background: #0daed5; z-index: 9998}
.slide_menu_inner {max-width: 1400px; min-height: 620px; margin: 0 auto; box-sizing: border-box; padding: 0px 10px; position:relative}
.slide_menu_inner:after{display: block; content: ""; width: 1px; height:71px; background: #fff; position: absolute; left: 50%; top: 0px;}

.slide_menu_inner .b_box_txt {position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); line-height:50px; color: #0daed5; font-size:19px; text-align: center; min-width:312px; background: #fff; font-weight: 600;}
.slide_menu_inner .b_box_txt:after {display: block; content: ""; width: 1px; height:52px; background: #fff; position: absolute; left: 50%; bottom:100%; margin-bottom: 20px;}

.slide_menu_wrap .gnb {padding-top:90px; margin: 0 auto; padding-bottom: 20px; text-align: center;}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {box-sizing: border-box; text-align: left; float: left; width:25%; padding: 0px 10px 0px 15px; min-height:280px; border-left: 1px solid #86d7ea}
.slide_menu_wrap .gnb > ul > li > a {display:block; line-height:120%; font-size:33px; color: #003586; font-weight:700; font-family: 'Montserrat', sans-serif;} 
 

.slide_menu_wrap .gnb .sub_menu {display: block !important; height: auto !important; padding-top:10px;}
.slide_menu_wrap .gnb .sub_menu > li > a {display:block; line-height:130%; font-size:23px; font-weight:300; color: #fff; padding: 10px 0px;font-family: 'Montserrat', sans-serif;} 



.on .menu_btn .line-top, .on .menu_btn .line-middle, .on .menu_btn .line-bottom {background: #0daed5;}



/* visual */
.main_visual {width: 100%; overflow: hidden; position: relative; background: #fff;}
.main_visual .videoDiv {position: absolute; top: 0px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:1920px; height: 1000px;}
.main_visual .videoDiv img {max-width:100%; max-height:100%;}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {max-width: 1200px; height:830px; margin: 0 auto; position: relative;}
.main_visual .v_frame img {max-width: 100%; }
.main_visual .v_frame:after {display: block; content: ""; width: 1px; height:71px; background: #0daed5; position: absolute; left: 50%; top: 0px;}
.main_visual .v_frame:before {display: block; content: ""; width: 1px; height:71px; background: #0daed5; position: absolute; left: 50%; bottom:29px;}
.main_visual .v_frame .m_visual {display: none;}
.main_visual .v_frame .c_txt {position: absolute; line-height: 130%; left: 0px; top:33px; font-size:20px; left: -200px}
.main_visual .visual1 .v_frame .c_txt {color: #fff;}
.main_visual .v_bt {position: absolute; top:50%; transform: translateY(-50%); z-index:99;}
.main_visual .v_bt > a {display: block; color: #fff; line-height: 14px; font-size: 18px;}
.main_visual .v_bt > a img {vertical-align: top; margin: 2px;}
.main_visual #proprev1 {left:50%; margin-left: -830px;}
.main_visual #pronext1 {right:50%; margin-right: -830px;}
.main_visual #visual_counter {position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom:50px; z-index:98; line-height:20px; color: #fff; font-size:22px; font-weight:400}
.main_visual #visual_counter > span {font-weight: 600; font-size: 1.2em;}


.main_visual .v_txt {text-align: center; position: absolute; width: 100%; left:0%; top:50%; padding-bottom: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.main_visual .v_txt .txt1 {font-size:32px; word-break: keep-all; line-height: 140%; font-weight:600; padding-top:20px; color: #727169;}

.main_visual .b_box_txt { line-height:58px; color: #fff; font-size:24px; text-align: center; margin: 0 auto; margin-top: 130px; max-width:350px; background: #0daed5;font-weight: 600; opacity: 0;}

.main_visual li.on .v_txt {opacity:1; transition: all 0.8s 0s ease-in-out; margin-top:-20px;}

.main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:5%; 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:7px 0px 0px 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; width: 24px; height:18px; text-align: center; padding-top:6px;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;}
.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 .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:30px; border-radius:30px; box-sizing:border-box; position:relative; opacity:1;}

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

.main_visual .txt2 {margin-top:50px; opacity: 0;}
.main_visual .txt1 {margin-top:0px; opacity: 0; }
.main_visual .on .txt2 {margin-top:0px; opacity: 1; transition: all 0.8s 0s ease-in-out; }
.main_visual .on .txt1 {margin-top:0px; opacity: 1; transition: all 0.8s 0.8s ease-in-out; }
.main_visual .on .b_box_txt {opacity: 1; transition: all 0.8s 0.8s ease-in-out; }

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

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



/* section */
.section {padding:70px 0px; font-size: 18px; line-height: 150%; word-break: keep-all}
.section .inner {max-width: 1820px;}
.mont {font-family: 'Montserrat', sans-serif;} 
.mont strong {font-family: 'Montserrat', sans-serif;} 


.youtube_wrap_max {max-width: 960px; margin: 0 auto;}
.youtube_wrap {position: relative; padding-bottom:56.25%; }
.youtube_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;}


.dis_table {display: table; width: 100%;}
.dis_table_cell {display: table-cell; vertical-align: middle; }

.more_wrap {text-align: center; padding:30px 0px}
.more_wrap > a {display: inline-block; padding: 0px 35px 0px 35px; box-shadow: 1px 4px 5px #eee; border-radius:30px; text-align: center;}
.more_wrap > a > span {display:inline-block; font-size:17px; font-weight: 600; color: #666666; line-height:53px; padding-right:25px; background: url(../img/common/more_arrow2.png) no-repeat right center; }
 




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




.section .more {padding-top:20px;}
.section .more > a {display: inline-block; font-weight: 300; line-height: 30px; color: #fff;}
.section .more > a > span {display: block;  line-height:31px; font-size: 17px; color: #333; font-weight:600; padding-right:70px; background: url(../img/main/more2.png) no-repeat 99% center;}




.mb_tit {text-align: center; font-size: 32px; color: #000; padding:50px 0px 25px 0px; line-height:150%; position: relative; font-weight: 700; border-bottom: 1px solid #e5e5e5}
.mb_tit:after {display: block; content: ""; width:64px; height: 7px; position: absolute; left: 50%; bottom: 0px; margin-left: -32px; background: #313747}
.m_tit {padding:0px 0px 35px 0px; text-align: center; color:#0daed5; font-size:52px; line-height:130%; font-weight:600;}
.m_tit:after {display: block; content: ""; width:1px; height:52px; margin: 10px auto; background: #0daed5}
.m_tit .big {font-size:62px; line-height:130%; font-weight:800;}
.m_tit2 {padding:0px 0px 25px 0px; color:#333; font-size:56px; line-height:130%; font-weight: 700;}
.m_tit3 {padding:0px 0px 25px 0px; color:#ff404b; font-size:24px; line-height:130%; font-weight: 700;}
.m_tit_s {font-size:22px; line-height:160%; display:block;}



.line_bg {display: block; background: url(../img/common/line.gif) repeat left top; min-height:17px; }
.line_bg2 {display: block; background: url(../img/content/line.gif) repeat left top; min-height:9px; }
.line_tit {text-align: center; margin-top:40px; font-size: 2em; color: #000; border-bottom: 1px solid #e5e5e5; line-height: 140%;}
.line_tit:after {display: block; content: ""; width:64px; height: 7px; margin: 0 auto; margin-top: 10px; background: #313747}

#section1 {background: url(../img/main/bg_section1.jpg) no-repeat center center; background-size: cover; color: #fff;}
#section1 .m_tit {color: #fff;}
#section1 .m_tit:after {display: none;}
.question_wrap {font-size: 2em; line-height: 140%; color: #fff; text-align: center}
.question_wrap .txt1 {display: inline-block; vertical-align: top; margin-bottom: 5px; position: relative; padding-top: 50px;}

.question_wrap .txt1 strong {font-size: 1.1em;}

#section2 {background:url(../img/main/bg_section2.jpg) no-repeat right top #faf3ed;}
#section2 .m_tit:after {display: none;}

.why_box {font-size: 2em; overflow: hidden; padding:10px 0px 30px 0px; max-width:1500px; margin: 0 auto; line-height: 140%; box-sizing: border-box;}
.why_box .box {display: inline-block; vertical-align: middle; padding:70px 0px 60px 60px;}
.why_box .box:nth-child(2) {display: none; float: right; padding: 0px 0px 0px 0px;}



#section3 {background: url(../img/main/bg_section3.jpg) no-repeat center center; background-size: cover; color: #fff; display: table; width: 100%;}
#section3 .inner {display: table-cell; vertical-align: middle; height:390px; box-sizing: border-box;}
#section3 .m_tit {color: #fff;}
#section3 .m_tit:after {display: none;}

.choice_box {font-size:2em; line-height: 140%; box-sizing: border-box; text-align: center; position: relative;}
.choice_box .tc {padding-top:40px;}

#section4 {background: #f3f4f8}
#section4 .m_tit {color: #333333;}
#section4 .m_tit:after {display: none;}

.main_works {}
.main_works > ul {overflow: hidden; margin:-10px -12px;}
.main_works > ul > li {float: left; text-align: center; width: 33.3333333%; box-sizing: border-box; padding:10px 12px;}
.main_works > ul > li dl {position: relative; overflow: hidden; min-height: 400px; text-align: left; padding: 30px 20px 20px 40px; box-sizing: border-box; color: #fff; }
.main_works > ul > li dl .ico {display: block; margin: -10px 0px 0px -15px;}
.main_works > ul > li dl dt {font-size: 1.1em; line-height: 140%; padding-bottom: 50px; position: relative; z-index: 2;}
.main_works > ul > li dl dt > h4 { font-weight:400;}
.main_works > ul > li dl dt strong {display: block; font-size: 1.8em; line-height: 140%; color: #fff;}
.main_works > ul > li dl dd.bg_img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1;  transition: all 0.3s ease-in-out; background-size: cover !important}
.main_works > ul > li dl dd.bg_img:Before {display: block; content: ""; width: 100%; height: 100%; background: #000; opacity: 0.5; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; transition: all 0.2s 0s ease-in-out;}
.main_works > ul > li dl dd { position: relative; z-index: 2; font-size: 1.3em; line-height: 140%; font-weight: 100;}
.main_works > ul > li dl:hover dd.bg_img:Before {opacity: 0.8;}
.main_works > ul > li dl:hover .bg_img {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o- transform: scale(1.2);}

.works_bottom {width: 100%; padding-top: 20px; text-align: center;}
.works_bottom .txt {display: inline-block; font-size: 1.1em; line-height: 130%; padding:12px 20px; color: #0daed5; font-weight:100;}
.works_bottom .txt > strong {font-weight:700;}

#section5 {background: #f3f4f8; padding-top:0px;}
#section5 .m_tit {color: #333333;}
#section5 .m_tit:after {display: none;}





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

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



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

#footer .addressW {padding:20px 0px 25px 300px; position: relative; font-size:17px; color:#fff; line-height:24px; font-weight:100; background: url(../img/common/f_logo.gif) no-repeat left 20px;}
#footer .addressW .copy {padding:10px 0px 0px 35px; opacity: 0.7; font-size: 0.95em; line-height: 140%;}
#footer .addressW a {color: #fff}
#footer .addressW address {margin-left: -14px; line-height: 150%;}
#footer .addressW address span {display: inline-block; vertical-align: middle; padding:2px 14px;}
#footer .addressW address span > strong {padding-right: 5px;}
#footer .addressW address .line {width: 1px; height:16px; background: #acaca5; padding: 0px;}
#footer .copy_w{position:relative;}
#footer .go_top {position: absolute; right:10px; top:10px; z-index: 99; }
#footer .go_top > a {display: block; color: #fff; text-align: center; background:#252b2b; padding:15px;}
#footer .go_top > a > span {display: block; font-weight: 100; font-size:14px; color: #fff}
#footer .go_sns {position: absolute; right:90px; top: -75px; z-index: 00;}
#footer .bt_member {position: absolute; right: 0px; top: 30px;}
#footer .bt_member > a {display: block; border: 2px solid #fff; border-radius: 60px; width:170px; text-align: center; font-size:20px; font-weight: 100; line-height:55px; text-indent:-15px;  color: #fff; background: url(../img/common/ico_pop.png) no-repeat 85% center; }
#footer .copy_w .go_crown {position: absolute; right:37%; bottom:-17px; z-index: 99}



.quick_wrap {transition: all 0.3s 0s ease-in-out; z-index:999; position:fixed; right:-170px; top:50%; transform: translateY(-50%)  rotate(90deg); -wbkit-transform: translateY(-50%);}

.quick_wrap > ul {overflow: hidden; transition: all 0.3s 0s ease-in-out; position: relative;}
.quick_wrap > ul > li:nth-child(1) > a {background: #0daed5}
.quick_wrap > ul > li:nth-child(2) > a {background: #666666}
.quick_wrap > ul > li {width: 50%; box-sizing: border-box; float: left; min-width:200px;}
.quick_wrap > ul > li > a {display:block; text-align: center; line-height:60px; color: #fff; font-size:20px; font-family: 'Montserrat', sans-serif;}




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




.sub_visual {width: 100%; z-index: 2; box-sizing: border-box; position: relative; background:#0daed5; display: table; background-size:cover !important; max-width:1920px; margin: 0 auto; margin-top:18px;}
.sub_visual .sub_txt {text-align: center; display: table-cell; height:90px; box-sizing: border-box; vertical-align: middle; padding: 0px 0px; color: #fff;} 
.sub_visual .sub_txt .inner {max-width: 1720px; margin: 0 auto; position: relative; padding: 0px;} 
.sub_visual .sub_txt h2 {font-size:46px; line-height: 130%; color: #fff; font-weight: 600; padding-top: 10px; font-family:'Montserrat', sans-serif;} 
.sub_visual .sub_txt .sub_tit_s {font-size:20px; text-align: left; max-width: 1200px; margin: 0 auto; line-height: 140%; font-weight: 100; padding-bottom: 5px;}
.sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom: 5px;}
.sub_visual .sub_txt .place {font-size:26px; line-height: 140%; font-weight:600; padding-bottom: 50px;}
.sub_visual .sub_txt .date .day {display: inline-block; vertical-align: top; width:37px; height: 37px; border-radius:100%; background: #0096f1; font-size:23px; font-weight:500; line-height:37px; text-align: center;}
.sub_visual .sub_txt .date .line {display: inline-block; vertical-align: middle; width:1px; height:20px; background: #b7b4b6; margin: 0px 20px;}
.sub_visual:after {display: block; content: ""; width: 1px; height: 52px; background: #fff; position: absolute; left: 50%; top: 100%;}
.sub_visual .go_back {position: absolute; left:10px; top: 50%; transform: translateY(-50%); display: none;}



.sub_wrap .bt_quick {display: none}

#sub_tit {font-family: 'Noto Sans'; font-size:42px; max-width: 1200px; margin: 0 auto; text-align:left; color:#fff; font-weight:500; line-height:140%;}
#sub_tit > span {display: inline-block; line-height: 100%; padding-right:55px; position: relative; vertical-align: top;}
#sub_tit > span:before {display: block; content: ""; width:44px; height: 1px; background: #fff; position: absolute; right: 0px; top:5px;}
#sub_tit .txt_s {font-size:36px; display: inline-block;}


#m_lnb {display:none;}


#lnb_wrap {position:relative; z-index:99; height:60px; border-bottom: 1px solid #dddddd; word-break: keep-all; margin:0 auto; min-height: 10px; background:#fff; box-shadow: none; box-sizing: border-box;}
#lnb_wrap .lnbs1 {display: block;}

#lnb_wrap .lnb { position:relative; z-index:9; max-width: 1200px; margin: 0 auto;}
#lnb_wrap .lnb:after { clear:both; content:""; display:block;}
#lnb_wrap .lnb .lnbs { float:left; width:250px; position:relative;}

#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:100%; box-sizing: border-box; width:100%; border:1px solid #ccc; display:none; background: #fff; box-shadow: 1px 2px 2px #cccccc4d; border-top:none }
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}


#lnb_wrap .lnbs3 {display: none;}
#lnb_wrap .lnb .lnbs2 {margin-left: -1px; border-right:1px solid #dddddd}


#lnb_wrap .ico_home {float:left; display: block;}
#lnb_wrap .ico_home a {display:block; width:60px; height:60px; color: #000; line-height: 60px; background:url(../img/common/ico_home.png) no-repeat center center #333333; font-size:17px; font-weight: 100;}
.lnb ul li {color:#666666; display: block; padding: 0px; margin-top: 0px;}
.lnb .three_depth {padding: 10px;}
.lnb ul li a {display:block; line-height:20px; min-height:20px; padding:15px 0px 15px 25px; border-top:1px solid #ccc; box-sizing:border-box; text-align: left; font-size: 15px; color: #333; font-weight:300;}
.lnb ul li:first-child a { border-top:none;}
.lnb ul li a:hover {background: #333; color:#fff;}
.lnb .three_depth {border: none;}
.lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;}

.lnbs2 > ul > li:first-child > a  { border-top:none;}
.lnbs2 > ul > li.drop > a {background: none !important;}


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



.title_bar {max-width: 1400px; margin:0px auto 50px auto; padding-top:60px; position: relative;}
.title_bar h2 {font-size:36px; text-align: center; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:24px; color:#333333; padding-top:30px; line-height: 140%; font-weight:300; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}


.location {position: relative; text-align: right; margin: 0 auto; margin-top:20px; line-height:40px; height:40px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:20px; margin-left:14px; background:url(../img/common/location.png) no-repeat left center; color:#666666; font-weight:100;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:400; color: #333333}
.location #location_3 {font-weight:400;}
.location img {vertical-align:middle; margin-top: -4px;}
.sub_con { max-width: 1400px; margin: 0 auto; font-size:18px; font-weight: 300; line-height: 160%; word-break: keep-all; color: #333333; }

.sub_con img {max-width: 100%;}

.s_tit {font-size:26px; color: #000; text-align: center; line-height: 100%; padding:0px 0px 25px 0px; margin-top:40px; font-weight:500; position: relative;}
.s_tit > span {display: inline-block; position: relative; padding: 0px 18px; line-height: 110%; z-index: 1}
.s_tit > span:after {display:block; content: ""; width:4px; height:100%; background: #ffc000; position: absolute; left:0%; top:1px;}
.s_tit > span:before {display:block; content: ""; width:4px; height:100%; background: #ffc000; position: absolute; right:0%; top:1px;}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:26px; position: relative; color: #000; line-height: 140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top: 45px; font-weight: 700;}
/*.ss_tit:before {display: block; content: ""; width:7px; height:24px; background:#0f7bc6; position: absolute; left: 0px; top:4px;}
.ss_tit > span{font-weight: 300;}*/
.s_titW {max-width: 1400px; margin:0 auto; padding: 50px 0px 5px 0px;}

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

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

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

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



.more_bt {text-align: center;}
.more_bt > a {display: inline-block; padding: 0px 20px; border: 1px solid #d7d7d7; border-radius:30px;}
.more_bt > a > span {display: block; padding-left: 30px; background: url(../img/common/arrow.gif) no-repeat left center; color: #666666; font-weight: 500; line-height:44px; }

.btn_list {display: inline-block;}
.btn_list > span {display:block; font-weight: 500; line-height:44px; padding-right:110px; color: #666666; background: url(../img/common/bt_list.gif) no-repeat right center;}



.gray_bar {background: #f3f4f8; margin: 0px -10px; padding:70px 10px; margin-top: 80px;}



.page_section {position: relative; padding:60px 0px 80px 0px; margin-top:0px;}
.pa_section {display: block; height: 1px; height: 1px; position: absolute; left: 0px; top: 0px; margin-top: -70px;}
.sub_tit {font-size:36px; line-height: 120%; text-align: center; padding: 0px 0px 20px 0px; font-weight:600;}

.page_top_wrap {background: #0daed5; color: #fff; padding:70px 10px 30px 10px; margin: 0px -10px;}
.page_top_wrap .txt {font-size:26px; line-height: 140%; color: #fff;}
.page_top_wrap2 {background: #fff; padding-top:40px; padding-bottom:40px;}



.about_img {margin-top: 30px; background: url(../img/introduce/01_bg01.jpg) no-repeat center top; background-size:cover; display:table; width: 100%;}
.about_img .cell {display: table-cell; vertical-align: middle; text-align: center; height:385px; color: #fff; font-size: 2em; font-weight: 100; line-height: 140%;}

.organization_wrap { padding: 0px 40px;}
.organization_wrap:After {display: block; content: ""; clear: both;}
.organization_wrap > div {float: left; width: 50%; box-sizing: border-box; padding: 10px;}
.organization_wrap .txtW {margin-top:-50px;}
.organization_wrap .txtW > p {position: relative; padding: 20px 0px 20px 0px; font-size:1.35em; line-height:160%; color: #333333 ; font-weight:600;}
.organization_wrap .txtW > p.txt1 {font-weight: 100;}
.organization_wrap .txtW > p.txt2 {padding-top: 60px; font-size:2em; line-height:150%; background: url(../img/introduce/comma.png) no-repeat left top; margin-top:60px;}

.organization_wrap .txtW > p .ling_b {background: #efefef;}



.organization {position: relative; margin-top: 50px; text-align: center}
.organization:after {display: none; content: "";width: 1px; height:calc(100% - 60px); background: #0daed5; position: absolute; left: 50%; top:10px;}
.organization .first {max-width:237px; height:46px; text-align: center; line-height: 46px; box-sizing: border-box; font-size:23px; color: #fff; background: #0daed5; position: relative; margin: 0 auto; margin-bottom:40px; z-index: 2}
.organization .first:after {display: block; content: ""; width:42px; height:16px; background: url(../img/introduce/shadow.png) no-repeat left top;}

.organization .box {display: table; width: 100%; position: relative; box-sizing: border-box;} 
.organization .box .cell {display: table-cell; vertical-align:middle; text-align: center; background: #fff; color: #727069; box-sizing: border-box; } 
.organization .box .cell .bt {display: inline-block; border: 1px solid #fff; line-height:21px; padding: 0px 10px; font-size: 15px; color: #fff; vertical-align:middle; margin-bottom:2px;}
.organization .one {overflow: hidden; max-width: 1150px; margin: 0 auto; position: relative; }

.organization .one:after {display: block; content: ""; width: 100%; height:1px; background: #0daed5; position: absolute; left: 0%; top: 0px;}
.organization .one > li {float: left; width:50%; box-sizing: border-box; position: relative; padding: 0px 20px; padding-top:50px;}
.organization .one > li:before {display: block; content: ""; width: 1px; height:60px; background: #0daed5; position: absolute; left: 50%; top:0px;}
.organization .one > li > .box .cell {height:46px; text-align: center; box-sizing: border-box; font-size:23px; color: #fff; background: #0daed5; position: relative; margin: 0 auto; margin-bottom:40px;}

.organization .one > li > .box:after {display: block; content: ""; width:42px; height:16px; position: absolute; left: 0px; top:100%; background: url(../img/introduce/shadow.png) no-repeat left top;}
.organization .one > li:nth-child(1):after {display: block; content: ""; width: 50%; height:1px; background: #fff; position: absolute; left: 0%; top:0px; z-index: 9}
.organization .one > li:last-child:after {display: block; content: ""; width: 50%; height:1px; background: #fff; position: absolute; left: auto; right:0%; top:0px; z-index: 9}
.organization .two {padding:10px 0px 20px 0px; position: relative;}
.organization .two > li {padding:5px 0px; font-size:21px; color: #727069; line-height: 140%;  border-bottom: 1px solid #ccc}
.organization .two > li:last-child {border-bottom: 1px solid #0daed5}
.organization .two > li > .box .cell {height:36px;}
.organization .two > li > .box .cell.long {height:106px;}

.about_infoW {background: #f3f4f8; padding-left:10px; padding-right: 10px; margin-left: -10px; margin-right: -10px;}

.about_info:after {display: block; content: ""; clear: both;}
.about_info {margin: 0px -2px 0px 1px;}
.about_info > li {float: left; width: 25%; margin: -1px 0px 0px -1px;}
.about_info > li:nth-child(3) {width: 50%;}
.about_info > li:nth-child(6) {width: 50%;}
.about_info > li .box {border: 1px solid #ccc; color: #333333; min-height: 225px; box-sizing: border-box; background: #fff; padding: 10px 10px 10px 35px}

.about_info > li .txt_t {display: block; font-size: 1.15em; line-height: 140%; padding-bottom: 5px;}
.about_info > li .txt_t img {display: block; margin-left: -3px; padding-bottom: 5px;}

.profile_wrap {overflow: hidden;}
.profile_wrap > .profile_box {float: left; width:50%; box-sizing: border-box; padding:20px; min-height: 330px;}
.profile_wrap > .profile_box > h3 {color: #333333; padding-bottom:20px; font-weight:300; font-size:26px;}
.profile_wrap > .profile_box > h3 > strong {font-size:1.3em; font-weight: 600;}

.profile_wrap > .profile_box .txt1 {position: relative; padding-left:70px; min-height:27px; line-height: 27px; }
.profile_wrap > .profile_box .txt1 .txt_t {position: absolute; left: 0px; top: 0px; min-width:61px; line-height:27px; box-sizing: border-box; display: block; color: #fff; text-align: center; background: #0daed5; border-radius:6px; font-size: 15px; font-weight: 300;}
.profile_wrap > .profile_box > ul { min-height:150px; padding-left: 20px; box-sizing: border-box; line-height: 140%; border-left: 2px solid #0daed5; margin-top: 30px;}
.profile_wrap > .profile_box > ul > li:first-child:after {display: block; content: ""; width:28px; height:1px; background: #0daed5; margin: 15px 0px;}

.contact_us_wrap {background: #2a2a2a; padding-left:10px; padding-right:10px; margin-left:-10px; margin-right:-10px;}
.contact_us_wrap .sub_con {overflow: hidden;}
.contact_us_wrap .box {float: left; width: 50%; box-sizing: border-box;}
.contact_us_wrap .box h3 {font-size: 2.5em; color: #fff; padding-bottom: 50px; line-height: 140%; font-weight: 600;}
.contact_us_wrap .box .txt {font-size: 1.25em; color: #fff; opacity: 0.7; padding-bottom: 70px; line-height: 140%; font-weight: 300; }
.contact_us_wrap .box .bt > a {display: block; max-width:275px; text-align: center; box-sizing: border-box; color: #fff;  background: #0daed5; padding: 0px 15px;}
.contact_us_wrap .box .bt > a > span {font-weight: 100; display:inline-block; padding:10px 0px 10px 50px; color: #fff; background: url(../img/introduce/mail.png) no-repeat left center; line-height: 130%; text-align: left; font-size: 18px;}
.contact_us_wrap .box .bt > a > span > strong {display: block; }




.value_innovation {color: #fff; text-align: left; background:#0daed5; font-size: 2em; line-height: 140%; padding-left:10px; padding-right:10px; margin-left:-10px; margin-right:-10px; position: relative;}
.value_innovation .sub_con {color: #fff; box-sizing: border-box;}
.value_innovation .dis_table {display: table; width: 100%; padding-right: 50%; box-sizing: border-box;}
.value_innovation .dis_table .cell {display:table-cell; vertical-align: middle; height:430px;}
.value_innovation .txt1 {font-size:1.6em; line-height: 140%; font-weight:500;}
.value_innovation .txt2 {font-size:1.6em; line-height: 140%; font-weight: 500; padding-top:40px;}
.value_innovation .txt2 .big {font-weight:900; font-size: 2em; line-height:110%; display: inline-block; position: relative;}
.value_innovation .txt2 .big:before {display: block; content: ""; width: 55px; height: 44px; position: absolute; left:-65px; top:-5px; background:url(../img/introduce/comma1.png) no-repeat left top}
.value_innovation .txt2 .big:after {display: block; content: ""; width: 55px; height:44px; position: absolute; right:-65px; bottom: 0px; background:url(../img/introduce/comma2.png) no-repeat left top}
.value_innovation .sub_con .img {position: absolute; left: 50%; top: 0px; width: 961px;}


.page_section_tit {background: #0daed5; position: relative; color: #fff; margin:70px -10px 0px -10px; padding:80px 10px 35px 10px; text-align: center; font-size: 23px; line-height: 140%; font-weight: 600;}
.page_section_tit:after {display: block; content: ""; width: 1px; height: 52px; background: #fff; position: absolute; left: 50%; top: 0px;}
.page_section_tit .mont {font-size: 1.45em; line-height: 140%; padding-bottom: 10px;}

.portfolio_wrap {margin: 0px -7px; overflow: hidden; padding-top:40px;}
.portfolio_wrap > div {float: left; width: 50%; box-sizing: border-box; padding:7px; overflow: hidden}
.portfolio_wrap > div.one {float: none; width:auto;}
.portfolio_wrap .photo {overflow: hidden; margin: -7px;}
.portfolio_wrap .photo > li {float: left; width:50%; box-sizing: border-box; padding: 7px;}
.portfolio_wrap .one .photo > li { width: 25%;}
.portfolio_wrap .txt_area {margin-top: 10px; border:1px solid #ccc; border-top:none; text-align: center; padding: 15px 10px 20px 10px;  font-weight: 600;}
.portfolio_wrap .txt_area .txt_t {font-size: 1.15em; color: #0daed5; line-height: 150%;}
.portfolio_wrap .txt_area.long {min-height:115px;}
.portfolio_gray_wrap {background: #efefef; padding: 20px 30px; color: #333333; font-size: 1.2em; line-height: 140%; font-weight: 600;}
.portfolio_gray_wrap .bul02 li {margin:10px 0px;}

.works_box_wrap {overflow: hidden; position: relative; padding: 20px;}
.works_box_wrap .txt_t {font-size: 1.45em; font-weight: 600; line-height:140%; padding-bottom: 50px;}

.works_box_wrap .txt_t02 {font-size: 1.35em; font-weight: 600; padding-bottom: 0px;}

.works_box_wrap .first_txt {text-align: center; font-weight: 600; color: #333333; padding-bottom:90px;}
.works_box_wrap .box {float: left; width: 50%; box-sizing: border-box; font-size: 1.3em; line-height: 140%; padding-bottom: 20px;}
.works_box_wrap .box .box_tit {font-size: 2.2em; font-weight: 600; color: #0daed5; line-height: 140%; }
.works_box_wrap .box .bul01:before {display: block; content: ""; width:45px; height: 1px; background: #0daed5; margin:40px 0px; } 
.works_box_wrap .box .bul01 > li:after {background: #23b5d8; margin-top: 4px;}
.works_box_wrap .box.img {text-align: center;}
.works_box_wrap .box.img p {font-size: 1.1em; font-weight: 400; padding-top:40px; margin: 0 auto; max-width:560px; }


.works_box_wrap .box_wrap {overflow: hidden; margin: 0px -160px; position: relative;}
.works_box_wrap .box_wrap > li {float: left; width:50%; box-sizing: border-box; padding: 5px 160px;}
.works_box_wrap .box_wrap > li:nth-child(2) {padding: 0px; width: auto; padding:31px 0px 0px 1px; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.works_box_wrap .box_wrap > li > h4 {padding-left: 25px; margin-bottom: 15px; position: relative; font-size:26px; line-height: 130%; font-weight: 600;}
.works_box_wrap .box_wrap > li > h4:Before {display: block; content: ""; width:10px; height:30px; background: #0daed5; position: absolute; left: 0px; top:2px;}



.works_box_wrap .box_wrap .h_box {background: #fff; border: 1px solid #ccc; border-radius:10px; box-sizing: border-box; padding:20px 10px 0px 30px; min-height: 408px; position: relative;}
.works_box_wrap .box_wrap .h_box > ul > li {position: relative; padding: 5px 0px 5px 50px; min-height: 60px; font-size: 1.1em; font-weight: 400; margin-top:5px;}
.works_box_wrap .box_wrap .h_box > ul > li .fn {font-size:0.9em; }
.works_box_wrap .box_wrap .h_box > ul > li .num {position: absolute; left: 0px; top: 0px; width:36px; height: 36px; box-sizing: border-box; border: 1px solid #ccc; text-align: center; line-height: 34px; font-size:16px; color: #666666; background: #f3f4f8; border-radius:100%; }

.works_box_wrap.who_box .box:nth-child(2) {padding-left:50px;}
.works_box_wrap.who_box .box.img {padding-top:90px;}
.works_box_wrap.who_box .sss_tit {position: relative; margin: 20px 0px 5px 0px; padding-left:18px; font-size:20px;}
.works_box_wrap.who_box .sss_tit:before {display: block; content: ""; width:7px; height:19px; position: absolute; left: 0px; top: 50%; margin-top: -9px; background: #0daed5}
.works_box_wrap.who_box .box .txt {font-size: 1.2em; font-weight: 300; color: #333333; line-height: 140%; padding: 0px 0px 0px 18px;}


.works_box_wrap .center_area {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2}
.works_box_wrap.solution .center_area {width: 100%; text-align: center;}
.works_box_wrap.solution .box_wrap > li:nth-child(3) {margin-top: 220px;}
.works_box_wrap.solution .box_wrap > li:nth-child(4) {margin-top: 220px;}


.works_box_wrap .consultation {display: table; overflow: hidden; width:290px; border-radius:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.works_box_wrap .consultation:before {display: block; content: ""; width: 100%; height: 100%; background:#0caed5; opacity: 0.8; position: absolute; left: 0px; top: 0px;}
.works_box_wrap .consultation:after {display: block; content: ""; border-radius:100%; width:86%; height: 86%; position: absolute; right:50%; left: 50%; top: 50%; bottom:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border: 2px solid #fff;}

.works_box_wrap .consultation .in {display: table-cell; vertical-align:middle; height: 290px; color: #fff; text-align: center; font-size: 2em; line-height: 130%; font-family: 'Montserrat', sans-serif; position: relative; font-weight: 700;}

.works_box_new_wrap {padding-top:0px; padding-bottom:0px;}
.works_box_new_wrap .txt1 {font-weight: 600; font-size: 1.2em; padding-bottom: 15px;}
.works_box_new_wrap .box:nth-child(1) {padding-left:38px; padding-top:30px;}


.works_box_wrap_bottom {padding:70px 30px 50px 30px; font-weight: 700; font-size: 1.5em; line-height: 140%; position: relative; text-align: center; background: url(../img/works/bg1.jpg) no-repeat right bottom; margin-top: 50px;}
.works_box_wrap_bottom:before {display: block; content: ""; width:44px; height:34px; margin-left:-22px;position: absolute; left: 50%; top: 0px; background:url(../img/works/arrow.gif) no-repeat center bottom;}
.works_box_wrap_bottom .point_c {font-size: 1.25em; line-height: 150%;}

.works_box_wrap2 {position: relative; padding: 20px;}
.works_box_wrap2 .txt_t {font-size: 1.45em; font-weight: 600; line-height:140%; padding-bottom: 50px;}

.works_box_wrap2 .first_txt {text-align: center; font-weight: 600; color: #333333; padding-bottom:30px; position:relative; z-index:2}
.works_box_wrap2 .box_tit {font-size: 2.6em; color: #0daed5; line-height: 140%; font-weight: 600; position:relative; z-index:2}
.works_box_wrap2 > h4 {font-size: 1.35em; line-height: 140%; font-weight: 600; position:relative; z-index:2}

.works_box_wrap2 .works_details .num_txt > ul > li .box {min-height: 220px;}
.works_box_wrap2 .works_details .num_txt:before {right: -160px; top: -185px; width:371px; height:369px; background: url(../img/special/works_details1.png) no-repeat left top;}
.works_box_wrap2 .works_details .num_txt:after {left: -140px; bottom: -180px; width:322px; height:364px; background: url(../img/special/works_details2.png) no-repeat left top;}

.proposal_presentation {position: relative;}
.proposal_presentation:before {content: ""; display: block; position: absolute; left: -180px; top:-5px; width:338px; height:86px; background: url(../img/portfolio/bg1.gif) no-repeat left top; z-index: -1}
.proposal_presentation:after {content: ""; display: block; position: absolute; right: -150px; bottom: -290px; width:416px; height:414px; background: url(../img/portfolio/bg2.png) no-repeat left top; z-index:-1}

.portfolio_ico {padding-left: 140px; margin:40px 0px 0px 0px; background: url(../img/portfolio/ico01.gif) no-repeat left top;}
.portfolio_ico .bul01 {font-size: 1.15em; padding-bottom: 30px;}


.border_tit {font-size: 46px; margin-bottom:10px; line-height: 130%; text-shadow: -1px 0 #0daed5, 0 1px #0daed5, 1px 0 #0daed5, 0 -1px #0daed5; color: #fff;}

.works_details {padding-top:70px; color: #333333; max-width:1320px; margin: 0 auto; }


.works_details .txt_t {font-size: 1.45em; font-weight: 600; line-height: 140%; padding-bottom: 50px;}


.works_details .num_txt {position: relative; margin-bottom:10px;} 
.works_details .num_txt:before {display: block; content: ""; position: absolute; right: -250px; top: -255px; width:522px; height: 522px; background: url(../img/works/works_details1.png) no-repeat left top;} 
.works_details .num_txt:after {display: block; content: ""; position: absolute; left:-100px; bottom:-70px; width:165px; height: 165px; background: url(../img/works/works_details2.png) no-repeat left top;} 
.works_details .num_txt > ul {position: relative; z-index: 2}
.works_details .num_txt > ul:after {display: block; content: ""; clear: both;}
.works_details .num_txt > ul > li {float: left; width: 25%; margin: -1px 0px 0px -1px;}
.works_details .num_txt > ul > li .box {border: 1px solid #0daed5; color: #333333; font-size: 1.25em; font-weight: 400; min-height:280px; box-sizing: border-box; background: #fff; padding:20px 10px 10px 35px; position: relative}
.works_details .num_txt > ul > li .box .ico {position: absolute; right: 15px; bottom: 15px;}

.works_details .num_txt > ul > li .mont {font-size: 41px; margin-bottom:10px; line-height: 130%; text-shadow: -1px 0 #0daed5, 0 1px #0daed5, 1px 0 #0daed5, 0 -1px #0daed5; color: #fff; display: block; font-weight: 400;}

.details_three {overflow: hidden;}
.details_three > li {float: left; width: 33.333%; box-sizing: border-box; padding:20px 40px;}
.details_three > li > dl {position: relative; max-width:330px; margin: 0 auto; font-size: 1.2em;  text-align: center; font-weight: 600; line-height: 150%}
.details_three > li > dl > dt:after {display: block; content: ""; width: 50px; height: 64px; background: url(../img/works/shadow2.gif) no-repeat left top; position: absolute; left: 100%; margin-left: 2px; bottom: 0px;}
.details_three > li > dl > dt {position: relative; border: 2px solid #4ac2e0; text-align: center; line-height:73px; background: #fff; color: #4ac2e0; font-size: 1.1em;}
.details_three > li > dl > dd {display: table; border-bottom: 2px solid #4ac2e0; width: 100%;}
.details_three > li > dl > dd > p {display:table-cell; vertical-align: middle; height:200px ;}

.works_box_wrap .center_area {position: absolute; left: 50%; top: 50%;}
.works_box_wrap .planning {display: table; overflow: hidden; width:100%; max-width: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.box_wrap_bg {background: url(../img/works/works_box_bg1.png) no-repeat center bottom #f3f4f8}

.works_box_wrap .planning .in {display: table-cell; vertical-align:middle; height:200px; text-align: center; font-size:1.5em; line-height:150%; position: relative; font-weight: 700;}

.works_box_wrap .box_wrap_arrow > li:nth-child(1) {padding-bottom:90px; background: url(../img/works/arrow1.png) no-repeat center bottom;}
.works_box_wrap .box_wrap_arrow > li:nth-child(2) {padding-bottom:90px; background: url(../img/works/arrow2.png) no-repeat center bottom;}
.works_box_wrap .box_wrap_arrow > li:nth-child(3) {padding-top:90px; margin-top:60px; background: url(../img/works/arrow4.png) no-repeat center top;}
.works_box_wrap .box_wrap_arrow > li:nth-child(4) {padding-top:90px; margin-top:60px; background: url(../img/works/arrow3.png) no-repeat center top;}

.bt_send {text-align: center; padding-bottom:40px;}
.bt_send > a {display: inline-block; font-size: 1.3em; background:#0daed5; line-height: 59px; color: #fff; padding: 0px 20px;}
.bt_send > a .mont {font-weight:500;}


.special_works {padding: 20px 0px;}
.special_works > ul {overflow: hidden; margin: -7px;}
.special_works > ul > li {float: left; text-align: center; width:25%; box-sizing: border-box; padding:7px;}
.special_works > ul > li > dl > dt {position: relative; text-align: center; padding:20px 10px 20px 10px; border-top:2px solid #4ac2e0; border-bottom: 2px solid #4ac2e0;  font-size: 1.2em; line-height: 130%;}
.special_works > ul > li > dl > dt strong {display: block; font-size: 1.15em; line-height: 140%; color: #0daed5;}
.special_works > ul > li > dl > dd .ico {display: block; padding: 20px 0px;}
.special_works > ul > li > dl > dd .dis_table {display: table; border: 2px solid #4ac2e0; width: 100%; box-sizing: border-box;}
.special_works > ul > li > dl > dd .txt {display: table-cell; vertical-align: middle; text-align: center; height:130px; box-sizing: border-box; padding: 10px; color: #0daed5;}

.img_area_txt {position: relative;}
.img_area_txt:After {display: block; content: ""; clear: both;}
.img_area_txt .txt_areaW {display: table; width: 50%; box-sizing: border-box; float: left; position: relative; z-index: 2}
.img_area_txt .txt_areaW .cell {display: table-cell; font-size: 1.2em; line-height: 140%; vertical-align: middle; height:600px; box-sizing: border-box; padding: 10px 38px;}
.img_area_txt .txt_areaW .cell.tc {color: #fff; font-size: 1.4em; line-height: 140%;}
.img_area_txt .img {position: absolute; left: 50%; top: 0px; width:960px;}
.img_area_txt2 .img {left: auto; right: 50%;}
.img_area_txt2 .txt_areaW {float: right;}
.img_area_txt .txt_areaW .cell .txt1 {font-weight: 600; font-size: 1.2em; padding-bottom:15px;}
.img_area_txt .txt_areaW .cell > h3 {font-size: 2.4em; color:#0daed5; line-height: 140%; font-weight: 600;}
.img_area_txt .txt_areaW .cell > h4 {font-size: 1.1em; line-height: 140%; font-weight:600;}
.img_area_txt .txt_areaW .cell > h4:after {display: block; content: ""; width: 46px; height: 1px; background: #0daed5; margin: 35px 0px;}
.img_area_txt .txt_areaW .cell .bul01 > li:after {background: #0daed5;}
.img_area_txt .txt_areaW .cell .small {font-size: 0.7em; color: #333; line-height: 130%; padding-top:10px; padding-left: 15px; text-indent: -14px;}

.sub_wrap_4 .sub_visual .sub_txt {padding:90px 0px 103px 0px;}
.sub_wrap_4 .sub_visual:after {top: auto; bottom: 0px;}

.portfolio_wrap {overflow: hidden; margin: -0px -20px;}
.portfolio_wrap .portfolio_box {float: left; width: 50%; box-sizing: border-box; padding:20px;}
.portfolio_wrap .portfolio_in {position: relative;}
.portfolio_wrap .portfolio_in .txt_a {position: absolute; width: 100%; box-sizing: border-box; z-index: 234; left: 0px; bottom:6%; text-align: center; color: #fff; font-size: 1.5em; line-height:140%; font-weight: 600; padding: 10px;}
.portfolio_wrap .portfolio_in .txt_a .fn {display: block; font-size:0.75em; font-weight: 100;}
.portfolio_wrap .portfolio_in .portfolio img {width: 100%;}
.portfolio_wrap .info {padding-top: 10px; min-height: 210px;}
.portfolio_wrap .info .bul01 {font-size: 1.1em; line-height: 150%;}
.portfolio_wrap .info > .txt:after {display: block; content: ""; width:37px; height: 1px; background: #0daed5; margin: 20px 0px;}
.portfolio_wrap .info > .txt > li {position: relative; padding-left:105px; margin-top: 5px;}
.portfolio_wrap .info > .txt > li .txt_pa {position: absolute; left: 0px; top: 0px;}
.portfolio_wrap .bx-wrapper .bx-controls-direction a {margin-top: -34px; width:68px; height: 68px;}
.portfolio_wrap .bx-wrapper .bx-prev {left:0px; background: url(../img/portfolio/left.png) no-repeat 0 0px;}
.portfolio_wrap .bx-wrapper .bx-next {right:0px; background: url(../img/portfolio/right.png) no-repeat 0 0px;}




.map_wrap {overflow: hidden; box-sizing: border-box; border: 1px solid #ccc; margin-top:10px;}
.map_wrap {width: 100%; height:460px;}
.map_wrap > div {width: 100% !important; height: 100% !important;}
.map_wrap .wrap_map {width: 100% !important; height: 100% !important;}
.map_wrap .map_border {display: none;}
.map_address {font-size:1.4em; padding-left:65px; background: url(../img/introduce/map.gif) no-repeat left top; min-height:54px; box-sizing: border-box; padding-top:10px; line-height: 140%; margin-bottom: 20px;}
.map_btn {float: right; width: 100%; padding-top: 30px; max-width:760px; }
.map_btn > p {line-height: 140%; font-weight: 100; padding-bottom: 5px; font-size: 1.15em;}
.map_btn .btn {overflow: hidden; margin:0px -3px;}
.map_btn .btn > li {float: left; width: 25%; box-sizing: border-box; padding:3px;}
.map_btn .btn > li > a {min-width: 100%;}

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

.map_txt { margin-left: -20px;}
.map_txt > li {position: relative; padding:13px 20px 15px 60px; margin-left: 20px; min-height:51px; box-sizing: border-box; color: #333333; display: inline-block;}
.map_txt > li.one {width: 100%;}
.map_txt > li .ico {position: absolute; left:0px; top:0px;}
.map_txt > li .ico img {vertical-align: baseline;}
.map_txt > li > strong {font-size:1.05em; display: inline-block; padding-right:5px;}
.map_txt > li a {color: #333333}






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

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




.check_txt {font-size: 18px; color: #494949}



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

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


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

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

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


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

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



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




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

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

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




/* 팝업 */
.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(../img/common/close.png) no-repeat right center; background-size:20px auto; }
.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; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin: 0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}



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

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




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






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

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


.print_wrap #header {display: none !important}
.print_wrap .sub_visual {display: none !important}
.print_wrap #lnb_wrap {display: none !important}
.print_wrap .title_bar {display: none !important}
.print_wrap .page_tab {display: none !important}
.print_wrap #footerW {display: none !important}
.print_wrap .print_bt {display: none !important}
.print_wrap .p_none {display: none !important}
#wrap.print_wrap {padding:0px !important}

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

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


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




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

.view_tit .v_tit {font-size: 1.3em; font-weight:600; line-height: 130%; word-break: break-all;}
.view_tit .v_tit .ico {display: inline-block; border: 1px solid #0c91dd; background: #fff; color: #0c91dd; font-size:1rem; padding: 0px 5px; min-width: 46px; vertical-align: top; margin-right: 4px; text-align: center; height: 24px; line-height: 22px;}
.view_tit .v_list {padding-top:0px;}
.view_tit .v_list > li {display: inline-block; color: #000; vertical-align: top; font-weight: 100; font-size:0.95em; padding:5px 10px; position: relative;}
.view_tit .v_list > li:before {display: block; content: ""; width: 1px; height:14px; background: #666; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}

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


.td_btns {font-size: 0px; text-align: center; padding: 0px 5px; max-width:260px; margin: 0 auto;}
.td_btns > li {display: inline-block; min-width:50%; box-sizing: border-box; padding: 2px;}
.td_btns > li > a {display: block; min-width:100%}
.td_btns > li > .btnNormal span {padding:10px 5px; min-height:16px; height: auto; line-height:16px; white-space:normal;}



.dl_table > dl {padding:20px 0px 0px 0px;}
.dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;}
.dl_table > dl > dd .input {line-height:46px; height:46px; padding-left: 10px; border:1px solid #cccccc}
.dl_table > dl > dd .select_ds select {line-height:46px; height:46px; border:1px solid #cccccc}
.dl_table > dl .pa_minus {line-height:46px;}
.dl_table > dl .btnNormalS span {height:46px; line-height: 46px; overflow: hidden;}

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

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


.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 .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_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(../img/member/ico_mail.gif) no-repeat center top; }
.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;}






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





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

.leave {padding:170px 0px 0px 0px; margin-top: 40px; background: url(../img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border: 1px solid #e9e9e9; padding:28px 20px; background: #f2f2fa}
.gray_box.gray_box_s {padding: 10px;}
.et_profile {overflow: hidden; margin-left: -3px;}
.et_profile > li {float: left; margin-left: 3px;}
.et_profile > li select {min-width:140px;}
.et_profile > li.bt {float: right;}
.bt_ib > li {display: inline-block; padding-top: 5px;}





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


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




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

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

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

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

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

/* 1620px 이하 */
@media screen and (max-width:1619px) {
    .main_visual .v_frame .c_txt {left: 0px; text-align: center; width: 100%; box-sizing: border-box; padding: 0px 10px;}
}
/* 1220px 이하 */
@media screen and (max-width:1219px) {
    .quick_wrap {transform: translate(200px, -50%) rotate(90deg)}


	
    .pa_section {margin-top:-70px;}
    

	.m_gnb_on {display: block;}
    .w_gnb {display: none;}
	#gnb_bar {display:none !important;}
 

    
    
    .main_visual .videoDiv {padding-bottom:70%; height: auto}
    .main_sns {width: 100%; position:relative; right:auto; bottom: auto}
    .main_visual .scroll_ico {display: none}
  	
	#header .top_btns {right: 70px;}
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}

	.main_visual .v_txt img {max-width:80%} 

    .w_gnb .gnb > ul > li > a > span {font-size: 18px;}
  
    
     #footer_navi > ul {text-align: center; float: none; width: 100%; }

	
	
    #footer .addressW {padding:90px 0px 30px 0px; background-position:center 20px; text-align: center;}
	#footerW .copy > p {text-align: center;}
	#footer .jum_menu {position: relative; right: auto; bottom: auto; margin: 0 auto;}
	#footer .copy_w .go_crown {position: relative; right: auto; bottom: auto; display: inline-block; vertical-align: top; padding-top: 10px;}
    
	
    
}
/* 980px 이하 */
@media screen and (max-width:979px) {
    
    .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; margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	
	.slide_menu_wrap .gnb > ul > li {width: 50%;}
    
 
    
	.m_tit {font-size:44px;}
    .m_tit .big {font-size:58px;}

    
	.main_visual .bx-controls {bottom: 10px;}
    .main_visual .bxslider > li .bg_img {width: 1730px; height: 920px;}
    .main_visual .v_frame .cell {padding-bottom:100%; height: auto;}
    .visual_counter_wrap .visual_txt {text-align: center; font-size:22px;}
    .visual_counter_wrap .visual_counter {text-align: center;}
    
	.section {font-size: 17px; padding:55px 0px;}
    

	
    
    #footer .f_logo {font-size: 40px;}
    #footer .sns {position: relative; right: auto; top: auto;}

    
    .inner {padding: 0px 10px;}
	.sub_con {font-size: 16px;}
	
  
    
    #sub_tit {font-size:38px;}

	
    .sub_visual .sub_txt .sub_tit_s {font-size: 18px;}

    .title_bar:before {display: none;}
    #lnb_wrap .lnb .lnbs {width:230px}
    #lnb_wrap .lnbs3 {display: none;}
    #lnb_wrap .lnb .lnbs2 {display: block; margin-left: -1px;}
	#lnb_tit2 {}
    

	.organization_wrap > div {float: none; width: 100%;}

	
	
	.value_innovation .dis_table {padding-right: 0px;}
	.value_innovation .sub_con .img {position: relative; left: auto; top: auto; width:calc(100% + 20px);  margin-left: -10px; margin-right: -10px;}
	.value_innovation {padding-bottom:0px;}
	.contact_us_wrap .box:nth-child(2) {text-align: center; padding-top: 20px;}
	.contact_us_wrap .box {float: none; width: 100%}
	
	.works_box_wrap .box {float: none; width: 100%;}
	.works_box_wrap .box.img {padding: 20px 0px 0px 0px;}
	
	.works_details .num_txt > ul > li {width: 50%;}
	
	.portfolio_wrap .portfolio_box {float: none; width: 100%;}
	.portfolio_wrap .info {min-height: auto;}
   
}

/* 768 이하 */
@media screen and (max-width:767px) {

    .main_visual .v_frame {height:660px;}
    .main_visual .v_txt {max-width: 100%}
    .main_visual .v_frame .c_txt {font-size:17px; position: relative; left: auto; top: auto; padding-top: 30px;}
	.main_visual .v_txt .txt1 {font-size:25px }
	
    .main_visual .bx-controls {bottom:10px;}
	.main_visual #visual_counter {bottom: 20px; font-size: 20px;}
    .visual_counter_wrap .visual_txt {font-size:16px;}

	
    .slide_menu_wrap .gnb > ul > li > a {font-size:26px;}
    .slide_menu_wrap .gnb .sub_menu > li > a {font-size: 15px;}
	.slide_menu_inner {min-height: 500px;}
    
    

	.section {font-size:15px; }

   
	
	.why_box {padding-left: 10px; padding-right: 10px;}
	.why_box .mb_dis {display: block; padding-top: 20px;}

	.main_works > ul > li {float: none; width: 100%;}
	
    
    #footerW {padding-top: 0px; padding-bottom:0px;}
    #footer .addressW {padding:10px; padding-top: 0px; text-align: center}
    #footerW .familySite {display: none;}
    #footer .addressW .copy {padding-top:10px;}
    #footer .go_top > a {padding: 7px;}
	
	
    #footer_navi {padding-bottom: 0px;}
    #footer_navi > ul {text-align: center; padding:15px 0px;}
    #footer_navi > ul li {padding: 0px 13px;}
    #footer_navi > ul li a {font-size: 13px;}
    #footer .addressW {font-size: 13px;padding:15px 10px; background: none;}
	#footer .addressW address span img {max-height: 20px;}

	
	#footerW .copy > p {font-size: 12px;}
	#footer .go_top {display: none;}
	#footer .go_sns {display: none;}

    
    
    #lnb_wrap .ico_home {display: none;}
    #lnb_wrap .lnb .lnbs {width: 50%;}
   
    
	.sub_con {font-size:15px;}
	
    .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:30px;}
    .title_bar .s_txt {font-size: 1.15em; padding-top: 20px;}
	.s_tit {padding-bottom: 15px; margin-top: 40px;}
	.b_txt {font-size:18px; padding: 30px 0px 15px 0px}
	.sub_title {font-size:14px;}
    .sub_tit {font-size: 34px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
   
    .ico_note {padding-left:20px; background-size:15px auto; }
   

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

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

    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}

    .btn-tc > a {margin: 0px;}
    
    .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;}
  
	
	.page_top_wrap .txt {font-size:22px }
	.page_top_wrap {padding-top: 70px;}
	.sub_visual:after {height: 42px;}
	
    
    .contest_view {padding-left:0px; min-height:auto;}
    .contest_view .pic {width:100%; height: auto; max-width:280px; position: relative; margin: 0 auto; left: auto; top: auto; margin-bottom: 30px;}
    .contest_view .pic img { position: relative; left: auto; top: auto; transform:none; -webkit-transform:none}
    
    
    
    .btab li a {padding:5px 0px; font-size:15px;}
    

   	
    
    .event_wrap > li {width:50%; min-height: 400px;}
    
    .map_wrap {height:340px;}
    .map_txt > ul > li {float: none; width: 100%; font-size: 15px; border-bottom: 1px solid #ccc}
    .map_txt > ul > li:last-child {border-bottom: none;}
    

    .map_info .cell dl {width:100%; float:none; min-height: 54px; background-size:40px auto !important; padding-left: 60px;}
    

    .map_txt > li {padding: 9px 10px 10px 45px;}
    .map_txt > li .ico {width: 40px;}
	
	.gray_bar {padding:40px 10px; margin-top:50px;}
	

	
    
    .check_content > li {width: 50%;}

	
    
    .value_check_wrap {padding: 0px;}
    .value_check_wrap > h4 {position: relative; left:auto; top: auto; max-width: none; margin-bottom: 10px; border: none; padding: 0px; text-align: left;}
    
    .speech_step > li {float: none; width: 100% !important;}
    .speech_step > li dl dd > ul {min-height: auto !important;}
    
	.about_info > li {font-size: 1.2em; width: 50%;}
	
	
	.page_section_tit {font-size:19px;}
	
	.details_three > li {float: none; width: 100%;}
	
	.works_box_wrap .consultation {width: 240px;}
	.works_box_wrap .consultation .in {height: 240px; font-size: 1.7em;}
	
	.works_details > h3 > span {font-size:26px;}
	.works_box_wrap .planning .in {font-size: 1.4em;}
	
	.works_box_wrap .box_wrap > li {width: 100%; float: none;}
	.works_box_wrap .box_wrap > li:nth-child(4) {margin-top: 0px !important;}
	.works_box_wrap {padding: 20px 0px;}
	.works_box_wrap .box_wrap > li {padding: 5px 60px;}
	.works_box_wrap .box {}
	.works_box_new_wrap .box:nth-child(1) {padding-left:0px; padding-top:0px;}
	.works_box_wrap.who_box .box:nth-child(2) {font-size:1em;}

	.works_box_wrap.who_box .sss_tit {font-size: 18px;}
	.works_box_wrap2 .works_details .num_txt > ul > li .box {min-height: 140px;}
	.works_box_new_wrap {padding:0px;}
	.works_box_new_wrap .box:nth-child(2) {padding-left:0px;}
	.works_box_new_wrap .box.img {padding-top:0px;}


	.works_box_wrap .box_wrap_arrow > li {background: none !important; padding-bottom: 5px !important; padding-top: 5px !important}
	.works_box_wrap .box_wrap_arrow > li:nth-child(3) {margin-top: 120px;}
	
	.works_box_wrap .box_wrap.tl .dis_table {margin: 0 auto; float: none !important;}
	
	.special_works > ul > li {width: 50%;}
	.works_box_wrap .center_area {max-width: 400px;}
	.works_box_wrap .box_wrap > li:nth-child(3) {margin-top: 250px;}
	
	.profile_wrap > .profile_box {float: none; width: 100%;}
	.profile_wrap > .profile_box > ul {min-height: auto;}
	
	.profile_wrap > .profile_box .txt1 .txt_t {font-size: 13px; line-height: 22px;}
	.profile_wrap > .profile_box .txt1 {line-height: 22px;}
	
	.works_box_wrap .box_wrap {margin: 0px;}
	.works_box_wrap .box_wrap > li {padding: 0px;}
	.works_box_wrap .box_wrap > li:nth-child(2) {position: relative; left: auto; top: auto; transform: none; padding: 20px 0px; text-align: center}
	.works_box_wrap .box_wrap > li:nth-child(3) {margin-top:40px;}
	.works_box_wrap .box_wrap .h_box > ul > li {min-height:30px; margin-top:10px;}
	.works_box_wrap .box_wrap .h_box {min-height: auto; padding-bottom: 30px;}
	
	.img_area_txt .txt_areaW {float: none; width: 100%;}
	.img_area_txt .img {display: none;}
	.img_area_txt .txt_areaW .cell {height: auto; padding: 0px; padding-bottom: 20px;}
	.img_area_txt .txt_areaW .cell.tc {height:490px;}
	.img_area_txt .txt_areaW .cell .txt1 {padding-top: 40px;}
	.img_area_txt .txt_areaW .cell.tc {background: url(../img/works/04_img01.jpg) no-repeat center center ; background-size: cover;}
	.img_area_txt2 .txt_areaW .cell.tc {background: url(../img/works/04_img02.jpg) no-repeat center center ; background-size: cover;}
	.works_box_wrap.who_box .box.img {padding-top: 0px;}
	.works_box_wrap.who_box .box:nth-child(2) {padding-left: 0px;}

	.small_img img {max-width:80%}
	
}
/* 600 이하 */
@media screen and (max-width:599px) {
	.in_header {height: 70px;}
	#wrap {padding-top:70px;}
	.slide_menu_inner:after {height: 50px;}
	.slide_menu_wrap {margin-top:70px;}
    .main_visual .v_txt .txt1 {font-size: 19px;}
    .main_visual .visual1 .v_txt img {max-width:50%;}
    .main_visual .v_frame  {height: 440px;}
	.main_visual .b_box_txt {margin-top: 60px;}
	.main_visual .b_box_txt {line-height: 50px; font-size: 20px; max-width: 300px;}
    .main_visual .v_frame .cell {padding: 0px; height: 500px;}
    .main_visual .videoDiv {padding: 0px; height: 500px;}
    .main_visual .bxslider > li.active .visual_txt img {max-width:70% }
    .visual_counter_wrap .visual_txt {word-break: keep-all}
    .visual_counter_wrap .txt1 {font-size: 2.2em;}
    .visual_counter_wrap .txt2 br {display: none;}
    .main_visual .bxslider > li .bg_img {width: 1410px; height: 680px;}  
	.main_visual .v_frame:after {height: 50px;}
	.main_visual .v_frame:before {height: 50px;}
	
  
    #footer_navi > ul li {font-size: 13px;}
    #footer .addressW {text-align: center; font-size: 12px;}
    
    
    .pop_wrap .pop_head .title {font-size:18px; color: #fff; padding: 17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
   
    
   
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
     .login_wrap {padding:15px;}

    
    .signup {padding:10px 0px 5px 0px;}
    .signup li input {height: 50px; font-size: 14px;}
    .login_wrap .id_save {font-size:14px;}
    .find_idpw a {font-size: 14px;}
    .login_wrap .login_bt .btn {line-height:30px; font-size:18px;}
    .join_go > a {line-height:30px; font-size:18px;}    
    .layers_wrap .layers {padding:10px; font-size:0.95em;}
    .error_wrap .error_msg {font-size:26px;}

    .table_line {width: 100%; overflow: auto;}
    
    
    
    #sub_tit {font-size:28px;}
    .sub_visual .sub_txt .sub_tit_s {font-size: 16px;}
   
    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}
    .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;}
    
   
    
    #add_date {padding-right: 0px; padding-bottom:45px;}
    #add_date .bt {left: 0px; bottom: 0px; top:auto; padding-right: 40px;}
    #add_date .bt a {display: block; }
    #add_date .bt .tooltip {right: 0px; top: 0px; position: absolute;}
    #empty a {display: block;}
    .br_box {padding:15px;}
    

    
    .m_box {padding:20px;}
    .more {right:20px; top:20px;}
    
    .day_day .select_ds {width: 50% !important;}
    .day_day .select_ds:nth-child(2) {padding-right: 0px !important;}
    .day_day .select_ds:last-child {clear: both; width: 100% !important; max-width: 100% !important; margin-top: 5px;}
    
	.day_time .select_ds {width:100% !important; margin: 5px 0px 0px 0px !important;}
    
  
    .big .ez-radio {width:20px;height:20px; background-size: 20px auto}
    .big .ez-hide {width:19px;height:19px;}
    
    .over_layerW {position: relative;}
    .over_layer {overflow:auto;}
    .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > div {min-width: 600px;}
    .guide_name {padding: 20px; background:#f1f2f6;}
    .sss_tit .ib.point_c.fn {display: block; font-size: 0.85em;}
    
	.ico_dl {padding: 20px;}
	.ico_dl .ico {display: none;}
	
	
 
    .blank_list > li {width:33.333%;}
	
	.about_info > li {width: 100% !important;}
	.about_info > li .box {min-height: auto; padding-bottom: 20px;}
    
    
}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {padding-top:50px;}
    .on .in_header {background-size: auto 50px;}
	.m_gnb_on {margin-top: 3px;}
    .in_header {height:50px;}
	.main_visual .v_frame:before {bottom: 20px;}
	
    .pa_section {margin-top:-60px;}
    
	.slide_menu_wrap {margin-top:50px;}

    .slide_menu_wrap .gnb > ul > li > a {font-size:16px;}
    .slide_menu_wrap .gnb .sub_menu > li > a {font-size: 13px; padding: 5px 0px;} 

	.section {font-size:13px; padding:30px 0px;}
   
    .main_visual .v_frame  {height: 340px;}
    .visual_counter_wrap .txt1 {font-size: 2em;}
    .visual_counter_wrap .visual_txt {font-size: 14px;}
	.main_visual .v_frame:after {height: 42px;}
	.main_visual .b_box_txt:after {height: 42px; margin-bottom: 10px;}
    .main_visual .v_frame .c_txt {font-size:13px;}
	.main_visual .b_box_txt {line-height: 37px; font-size: 15px; min-width: 252px;}
	.slide_menu_inner .b_box_txt {line-height: 37px; font-size: 15px; min-width: 252px;}
	.slide_menu_inner {min-height: 340px;}
	.slide_menu_inner:after{height: 42px;}
	.slide_menu_inner .b_box_txt:after {height: 42px; margin-bottom: 10px;}
	.slide_menu_wrap .gnb > ul > li {min-height: 190px;}
	.slide_menu_wrap .gnb {padding-top: 70px;}
	.why_box .mb_dis img {width:200px;}
	.m_tit:after {height: 42px;}
	
	
	
    .main_visual .v_txt .txt1 {font-size:15px; padding-top: 10px;}
	
	.main_works > ul > li dl dd .ico img {width:64px;}
	.main_works {padding-bottom:10px; }
	.works_bottom {position: relative; left: auto; bottom: auto; margin: 0px;}
    
	.m_tit {font-size:30px; padding-bottom:15px;}
    .m_tit3 {font-size:20px; }
	.m_tit_s {font-size:16px;}
    .m_tit .big {font-size:30px;}

    
    .more > a {height: 43px; font-size: 15px; line-height: 43px;}
    
    
    .main_visual #board_l1 {left: 10px;}
    .main_visual #board_r1 {left: 70px;}
    .main_visual .v_bt > a {font-size: 13px;}
    
    .main_visual .v_txt {font-size:30px;}
    .main_visual .v_txt img {max-width:90%; margin-top: -20px;}
	
	.question_wrap {font-size: 1.4em;}
	.why_box {font-size: 1.4em;}
	.why_box .box {padding: 0px;}

	.choice_box {font-size: 1.4em;}
	
	.main_works > ul > li dl {min-height: 260px; padding-left: 20px;}
	.main_works > ul > li dl .ico {margin-left: 0px;}
	.main_works > ul > li dl .ico img {max-height: 40px;}
	
	.works_bottom .txt {padding: 0px;}
	
	#section2 {background:#faf3ed; /*background-size: auto 230px;*/}
	
	#section3 .inner {height: 260px;}
    
	
     #footer .go_top {display: none;}

    #footer .addressW address {margin: 0px;}

    #footer .addressW address span {padding: 2px 5px;}
    #footer_navi > ul li a {font-size: 12px;}
    #footer_navi > ul li {margin-left: 0px; padding: 0px 5px}
    

    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }
    
    
	.mb_dis {display: block;}
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}
	
	.sub_visual .sub_txt {height: 70px;}
    #sub_tit {font-size:26px; padding-top: 0px; text-align: center;}
    .sub_visual .sub_txt h2 {font-size:26px;}
    .sub_tit {font-size: 24px;}
	.page_top_wrap {padding-top: 60px;}
	.page_top_wrap .txt {font-size: 16px;}
	.page_top_wrap2 {padding: 20px 0px;}
	.organization_wrap .txtW > p {padding: 10px 0px 50px 0px; font-size: 1.25em;}

    .sub_visual .sub_txt .sub_tit_s {font-size: 14px;}
    
    #lnb_wrap {background:#464646; margin: 0px -10px 0px -10px; height: auto;}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .lnb .lnbs:after {display: none;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; padding-right: 0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px; border: none;}
    
    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
	.lnbs2 > ul > li > a {border-color:#d4d4d4 !important; padding: 10px 0px 10px 25px;}


    
    .ico_box > li {width: 50%;}
    .ico_box > li .ico img {max-width:70px;}

	.more_bt > a > span {background-size:auto 10px; padding-left:20px; line-height: 33px; }
	.btn_list > span {background-size:auto 33px; padding-right:70px;}
    
    .ico_note {padding-left:18px; background-size:13px auto; }
	
    .page_section {padding-bottom: 20px;}

	
    
    .check_content > li > dl {min-height:215px;}
    .check_content > li > dl .ico {padding: 10px 0px;}
    .join_step > ol > li {font-size: 15px;}
    
   
	
    
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}


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

    .s_tit {padding: 0px 0px 10px 0px; margin-top:30px; font-size:20px; background-position:left 5px; background-size:20px auto; }
    .s_tit:before {width: 22px; height: 22px; top:13px;}
    .s_tit:after {left: 10px; top:19px;}

	.ss_tit {font-size: 18px; margin-top:25px;}
    .ss_tit:before {width: 6px; height: 19px; top: 4px;}
	.sss_tit {font-size:17px; margin-top:25px; padding-left: 16px;}
    .sss_tit:before {width: 8px; height: 8px; top: 9px;}
    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
    .txt_in {padding-left:16px;}
    .b_txt {font-size: 16px;}
	#inner_wrap {padding-bottom: 30px;}
    #inner_wrap.no_visual {padding-top: 30px;}

  	.brand_view .cell {height:250px; font-size:15px; padding-top:50px;}
	
    #sub_tit > span {padding-right: 0px;}
    #sub_tit > span:before {display: none;}
    .sub_visual .sub_txt .sub_tit_s {text-align: center;}

    .sub_con {font-size:13px; }
    .layerPop {font-size:0.95em; }
    .title_bar {padding:20px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:22px; }

    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}
    .view_tit {padding: 10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    
    

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

    
    .radio_group {margin-top:-5px;}
   
    
    
    .find_box {padding: 0px 0px 10px 0px;}
    .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; }  
    .print_bt {display: none !important}
    .gray_box {padding:10px;}
  

  
    .good_bt {padding:10px 0px;}
    .good_bt button {padding:3px 0px 3px 30px; background-size:24px auto !important; font-size: 14px; background-position: left center !important}
    .down_file > span {background-size:11px auto; padding-left: 16px; }
    
    
    
    .br_box {padding:10px;}
    .guide_tab > li > a {font-size: 12px;}
    
    .tit_ico {height:19px; line-height:18px;}
    
    
   
    
    
    .board_w > ul {padding: 10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    
    .list_count {background-size: 13px auto; padding-left: 18px;}	


    .btab li a {font-size:14px; min-width:90px;}
    .event_wrap > li {width:50%; min-height:350px;}
    .point_box {padding: 10px;}
    
  
    .data_table > li .txt_t {width: 100px;}

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

	.map_wrap {height: 300px;}

	.map_btn .btn > li {width: 50%;}
	
	.result {float: none; width: 100%;}


    
    .first_txt {font-size: 1.8em;}
    
	.organization .first {height: 36px; line-height: 36px; font-size: 15px;}
	.organization .one > li > .box .cell {height: 36px; font-size: 14px;}
	.organization .box .cell .bt {line-height: 16px; padding: 0px 6px; font-size: 12px;}
	.organization .one > li {padding-left:10px; padding-right: 10px;}
	.organization .two > li {font-size: 13px;}
    
	.about_info > li {font-size: 1.1em;}

	
	.value_innovation {padding:0px 10px !important}
	.value_innovation .txt1 {font-size: 1.2em;}
	.value_innovation .txt2 {font-size: 1.2em;}
	.value_innovation .txt2 .big {font-size: 1.7em;}
	
	.page_section {padding: 40px 0px;}
	.page_section_tit {font-size: 15px; padding-top:50px; padding-bottom:20px; margin-top: 50px;}
	.page_section_tit .mont {padding-bottom: 5px;}
	.page_section_tit:after {height: 42px;}
	
	.portfolio_wrap {padding-top: 20px;}
	.portfolio_wrap .one .photo > li {width: 50%;}
	.portfolio_wrap > div {float: none; width: auto;}
	.portfolio_wrap .txt_area.long {min-height: auto;}
	.portfolio_gray_wrap {padding: 10px; font-size: 1.1em;}
	
	.works_box_wrap .consultation {width: 200px;}
	.works_box_wrap .consultation .in {height: 200px;}
	.works_details > h3 > span {font-size: 20px; line-height: 50px; height: 50px;}
	.works_details .txt_t .line_bg {padding: 0px 10px;}

	.about_info > li .box {padding-left:60px; position:relative;}
	.about_info > li .txt_t img {padding:0px; position:absolute; left:10px; top:50%; margin-top:-20px;}
	
	.works_details .txt_t {font-size: 1.3em; padding-bottom: 20px;}
	.details_three > li > dl > dd > p {height: auto; padding: 15px 0px;}
	
	.value_innovation .txt2 .big:after {display:none;}
	.value_innovation .txt2 .big:before {display:none;}
	
	.contact_us_wrap .box h3 {font-size:2em; padding-bottom:20px;}
	.contact_us_wrap .box .txt {padding-bottom:30px;}
	.contact_us_wrap .box .bt > a {max-width:225px;}
	.contact_us_wrap .box .bt > a > span {padding: 10px 0px 10px 50px; font-size: 13px;}
	
	.works_box_wrap .center_area {width: 70%; }
	
	.about_img {margin-top: 0px;}
	.about_img .cell {height: 200px; font-size:1.6em;}
	
	.organization_wrap {padding: 0px;}
	.organization_wrap .txtW {margin-top: -33px;}
	.organization_wrap .txtW > p {padding: 10px 0px 10px 0px;}
	.organization_wrap .txtW > p img {max-width:70%}
	
	.organization_wrap .txtW > p.txt2 {margin-top: 30px; padding-top:15px; background-size:20px auto;}
	.organization {margin-top: 20px;}
	
	.profile_wrap > .profile_box > h3 {font-size: 19px;}
	.profile_wrap > .profile_box {min-height: auto; padding-left: 0px; padding-right: 0px;}
	.profile_wrap > .profile_box .txt1 .txt_t {font-size: 12px;line-height: 20px; min-width: 40px;}
	.profile_wrap > .profile_box .txt1 {padding-left: 50px; line-height: 20px;}
	.profile_wrap > .profile_box > ul {margin-top: 10px;}
	.value_innovation .dis_table .cell {height: 250px;}
	
	.border_tit {font-size: 30px;}
	.works_box_wrap .txt_t {font-size: 1.3em; text-align:left !important}
	.works_box_wrap .txt_t br {display: none;}
	
	.contact_us_wrap .box {padding: 0px 10px;}
	
	.works_box_wrap .first_txt {padding-bottom: 20px; text-align:left;}
	.works_box_wrap .box .bul01:before {margin: 25px 0px;}	
	.works_box_wrap2 .first_txt {padding-bottom: 20px;}
	
	
	.works_details .num_txt > ul > li {float: none; width: 100%;}
	.works_details .num_txt > ul > li .mont {font-size: 30px;}
	.works_details .num_txt > ul > li .box {min-height: auto; padding:10px 20px 60px 20px;}
	
	.works_box_wrap .box_wrap .h_box {padding-left: 20px;}
	.works_box_wrap .box_wrap .h_box > ul > li .num {width:24px; height: 24px; line-height: 22px; font-size: 13px; top:4px;}
	.works_box_wrap .box_wrap .h_box > ul > li {padding-left:30px; margin-top:5px;}
	
	.works_box_wrap .box_wrap > li > h4 {font-size: 20px; padding-left: 10px;}
	.works_box_wrap .box_wrap > li > h4:Before {width: 5px; height: 23px;}
	
	.works_box_wrap.who_box .box .txt {font-size: 1.2em;}
	.img_area_txt .txt_areaW .cell.tc {height: 220px;}
	.img_area_txt .txt_areaW .cell > h4:after {margin:25px 0px;}
	.works_box_wrap .box_wrap > li:nth-child(2) {display:none;}
	.works_box_wrap .box_wrap > li:nth-child(2) img {max-width: 40%;}
	.img_area_txt .txt_areaW .cell .small {padding-left: 7px; text-indent: -7px;}
	.img_area_txt .txt_areaW .cell > h3 {font-size: 2em;}
	.works_box_wrap2 .box_tit {font-size: 2em;}

	.works_box_wrap.who_box .box.img {display:none;}
	
	.sub_wrap_4 .sub_visual .sub_txt {padding:20px 0px 60px 0px;}
	.works_box_wrap2 {padding: 0px;}
	
	.portfolio_wrap .bx-wrapper .bx-controls-direction a {margin-top: -17px; width:34px; height:34px; background-size: cover !important}
	.portfolio_wrap .portfolio_in .txt_a {font-size: 1.25em;}
	.portfolio_wrap .info > .txt > li {padding-left: 75px;}
	.portfolio_wrap .info > .txt:after {margin: 15px 0px;}
	
	.portfolio_wrap .portfolio_in .txt_a {bottom: 2%;}
	
	.portfolio_ico {padding-left:0px; background: none;}
	.proposal_presentation:before {left: -250px;}
	.proposal_presentation:after {right: -320px;}
	.br {display:none;}
	
}




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

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

    
}