@charset "utf-8";

/* basic */
#wrap{overflow:hidden}
.inner{width:100%; padding:0 30px; box-sizing:border-box; position:relative;}
.poppins{font-family: 'Poppins';}
.montserrat{font-family:'Montserrat'}
.notoSerif{font-family: 'Noto Serif KR', serif;}


/* header */
#header{padding:50px 0; text-align:center; position:fixed; left:0; top:0; width:100%; z-index:100; background:#fff;}
#header a.logo{display:inline-block; vertical-align:top;}
#header_blank{width:100%; height:170px;}

/* footer */
#footer{padding:0 0 180px;}
#footer .top dl{margin-bottom:20px;}
#footer .top dl dt{font-size:20px; color:#222222; letter-spacing:0em; font-weight:500; padding:15px 20px; border-bottom:1px solid #999b9b}
#footer .top dl dd{padding:15px 20px;}
#footer .top dl dd p{font-size:20px; color:#222222; letter-spacing:0em; font-weight:300;}
#footer .top .inner > p{text-align:center; font-size:16px; color:#222222; letter-spacing:0em; font-weight:200; margin:60px 0 0;}
#footer .top .inner > p b span{font-size:20px; color:inherit;}


/* quick_btn */
#quick_btn{position:fixed; right:30px; bottom:130px; z-index:100;}

/* mobile_tab */
#mobile_tab{position:fixed; left:0; bottom:0; width:100%; height:100px; background:#fff; z-index:100; box-shadow:15px 0 43px rgba(0,0,0,0.06); transition:0.5s ease}
#mobile_tab.on{bottom:-100%;}
#mobile_tab ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#mobile_tab ul{height:100%;}
#mobile_tab ul li{display:table; width:20%; height:100%; float:left;}
#mobile_tab ul li a{display:table-cell; vertical-align:middle; text-align:center; height:100%;}


/* mobile_popup_bg */
.mobile_popup_bg{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.6); z-index:101}

.mobile_lang_popup{position:fixed; left:0; bottom:-100%; width:100%; z-index:102; text-align:right; transition:0.2s;}
.mobile_lang_popup.on{bottom:0;}
.mobile_lang_popup a.x_btn{display:inline-block; vertical-align:top; margin-right:30px;} 
.mobile_lang_popup ul{padding:30px; background:#fff; margin-top:10px;}
.mobile_lang_popup ul li a{background:#fff; display:block; border:1px solid #2e302f; height:70px; line-height:68px; text-align:center; font-size:24px; color:#222222; letter-spacing:0em; font-weight:300;}
.mobile_lang_popup ul li:last-child a{border-top:0; border-color:#e5e5e5; color:#aaaaaa;}

.mobile_search_popup{position:fixed; left:0; bottom:-100%; width:100%; height:100%; background:#fff; box-sizing:border-box; padding:30px; z-index:102; text-align:right; transition:0.2s;}
.mobile_search_popup.on{bottom:0;}
.mobile_search_popup a.x_btn{display:inline-block; vertical-align:top;} 
.mobile_search_popup .search_box{text-align:left; margin-top:40px;}
.mobile_search_popup .search_box .input_box{position:relative; margin:0 0 40px;}
.mobile_search_popup .search_box .input_box input{width:100%; height:60px; -webkit-appearance: none; -webkit-border-radius: 0; border:0; border-bottom:1px solid #2e302f; font-size:24px; color:#222222; letter-spacing:0em; font-weight:300;}
.mobile_search_popup .search_box .input_box input::placeholder{color:#444;}
.mobile_search_popup .search_box .input_box a{position:absolute; right:15px; top:15px;}
.mobile_search_popup .search_box > ul + ul{margin:60px 0 0;}

.mobile_search_popup .search_box > ul > li > a{display:block; font-size:20px; color:#222222; letter-spacing:0em; font-weight:500;}
.mobile_search_popup .search_box > ul > li ul{margin:10px 0;}
.mobile_search_popup .search_box > ul > li ul li{margin:5px 0;}
.mobile_search_popup .search_box > ul > li ul li a{font-size:20px; color:#222222; letter-spacing:0em; font-weight:300;}

.mobile_menu_popup{position:fixed; right:-100%; top:0; width:80%; height:100%; max-width:520px; z-index:102; text-align:right; background:#fff; transition:0.2s;}
.mobile_menu_popup.on{right:0;}
.mobile_menu_popup a.x_btn{display:inline-block; vertical-align:top; margin:30px}
.mobile_menu_popup .tab_wrap{text-align:left; height:calc(100% - 95px)}
.mobile_menu_popup .tab_wrap .tab_btn ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.mobile_menu_popup .tab_wrap .tab_btn ul li{width:33.333333%; float:left; text-align:center; }
.mobile_menu_popup .tab_wrap .tab_btn ul li a{display:inline-block; vertical-align:top; padding:10px 0; font-size:24px; color:#000000; letter-spacing:0em; font-weight:200; position:relative;}
.mobile_menu_popup .tab_wrap .tab_btn ul li a:before{transition:0.3s; content:""; width:0; height:3px; background:#000; position:absolute; left:50%; bottom:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.mobile_menu_popup .tab_wrap .tab_btn ul li.on a:before{width:100%;}
.mobile_menu_popup .tab_wrap .tab_con{height:calc(100% - 60px); overflow:auto}
.mobile_menu_popup .tab_wrap .tab_con .con{display:none; padding:30px;}
.mobile_menu_popup .tab_wrap .tab_con .con > ul > li{margin:15px;}
.mobile_menu_popup .tab_wrap .tab_con .con > ul > li a{display:block; font-size:20px; color:#222222; letter-spacing:0em; font-weight:300;}
.mobile_menu_popup .tab_wrap .tab_con .con > ul > li ul.depth02{padding:0 20px;}
.mobile_menu_popup .tab_wrap .tab_con .con > ul > li ul.depth02 li{margin:10px 0;}
.mobile_menu_popup .tab_wrap .tab_con .con > ul > li ul.depth02 li a{font-size:20px;}
.mobile_menu_popup .tab_wrap .tab_con .con01{display:block}

.mobile_my_popup{position:fixed; right:-100%; top:0; width:80%; height:100%; max-width:520px; z-index:102; text-align:right; background:#fff; transition:0.2s;}
.mobile_my_popup.on{right:0;}
.mobile_my_popup a.x_btn{display:inline-block; vertical-align:top; margin:30px 30px 0 0}
.mobile_my_popup .box{margin:30px 0; padding:0 30px; box-sizing:border-box; text-align:center;}
.mobile_my_popup .box .tit{padding:10px 0; text-align:center; border-bottom:1px solid #2e302f;}
.mobile_my_popup .box .tit p{font-size:28px; color:#222222; letter-spacing:0em; font-weight:300;}
.mobile_my_popup .box dl{margin:30px 0;}
.mobile_my_popup .box dl dt{padding:6px 0;}
.mobile_my_popup .box dl dt p{font-size:20px; color:#222222; letter-spacing:0em; font-weight:300;}
.mobile_my_popup .box dl dd ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.mobile_my_popup .box dl dd ul{border-bottom:1px solid #eeeeee;}
.mobile_my_popup .box dl dd ul li{width:25%; float:left; text-align:center;}
.mobile_my_popup .box dl dd ul li a{display:block; padding:20px 0; font-size:18px; color:#222222; letter-spacing:0em; font-weight:300;}
.mobile_my_popup .box dl dd ul li a p{margin:0 0 10px;}
.mobile_my_popup .box > ul{text-align:left;}
.mobile_my_popup .box > ul > li{margin:15px;}
.mobile_my_popup .box > ul > li a{display:block; font-size:20px; color:#222222; letter-spacing:0em; font-weight:300;}
.mobile_my_popup .box dl.type01 dt{background:#45ffff}
.mobile_my_popup .box dl.type02 dt{background:#ccff00}
.mobile_my_popup .box dl.type03 dt{background:#ffabed}
.mobile_my_popup .box dl.type03 dd ul li{width:20%;}

.mobile_set_popup{position:fixed; left:-100%; top:0; width:100%; height:100%; max-width:100%; z-index:102; text-align:left; background:#fff; transition:0.2s;}
.mobile_set_popup.on{left:0;}
.mobile_set_popup .top{background:#5c5f5e; padding:35px 0; text-align:center; position:relative;}
.mobile_set_popup .top p{font-size:30px; color:#ffffff; letter-spacing:0em; font-weight:300; line-height:1;}
.mobile_set_popup .top a.x_btn{position:absolute; right:30px; top:31px;}
.mobile_set_popup .top a.prev_btn{position:absolute; left:30px; top:34px;}
.mobile_set_popup .menu{height:calc(100% - 90px); overflow-y:auto;}
.mobile_set_popup .menu .title{background:#f0f0f0; padding:30px; position:relative;}
.mobile_set_popup .menu .title p{font-size:24px; color:#aaaaaa; letter-spacing:0em; font-weight:300; line-height:1.3;}
.mobile_set_popup .menu .title span{display:block; font-size:20px; color:#222; letter-spacing:0em; font-weight:300; line-height:1.3;}
.mobile_set_popup .menu dl{background:#fff; padding:33px 30px; position:relative; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; box-sizing:border-box;}
.mobile_set_popup .menu dl + dl{margin-top:-1px;}
.mobile_set_popup .menu dl dt{width:70%; font-size:24px; color:#222222; letter-spacing:0em; font-weight:300; line-height:1.3;}
.mobile_set_popup .menu dl dt p{margin:0 0 15px;}
.mobile_set_popup .menu dl dt span{display:block; font-size:20px; color:#666; letter-spacing:0em; font-weight:400; word-break:keep-all}
.mobile_set_popup .menu dl dt span b{font-weight:inherit; color:#0022C9}
.mobile_set_popup .menu dl dd{text-align:right; width:30%; position:absolute; right:30px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.mobile_set_popup .menu dl dd a.btn{display:inline-block; vertical-align:top; width:150px; height:60px; border:1px solid #bdbebd; line-height:58px; box-sizing:border-box; text-align:center; font-size:24px; color:#000000; letter-spacing:0em; font-weight:300;}
.mobile_set_popup .menu dl dd a.tel{font-size:24px; color:#222222; letter-spacing:0em; font-weight:300;}

.mobile_set_popup dl dd .switch {position: relative; display: inline-block; width: 80px; height: 40px;}
.mobile_set_popup dl dd .switch input {opacity: 0; width: 0; height: 0;}
.mobile_set_popup dl dd .switch .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .2s; transition: .2s; border-radius:34px}
.mobile_set_popup dl dd .switch .slider:before {position: absolute; content: ""; height: 36px; width: 36px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .2s; transition: .2s; border-radius:50%}
.mobile_set_popup dl dd .switch input:checked + .slider {background-color: #2173ea;}
.mobile_set_popup dl dd .switch input:focus + .slider {box-shadow: 0 0 1px #2173ea;}
.mobile_set_popup dl dd .switch input:checked + .slider:before {-webkit-transform: translateX(39px); -ms-transform: translateX(39px); transform: translateX(39px);}

.mobile_project_popup{position:fixed; display:none; left:50%; top:50%; width:100%; max-width:100%; z-index:102; padding:0 20px; background:#fff; box-sizing:border-box; text-align:center; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transition:0.2s;}
.mobile_project_popup.on{display:block;}
.mobile_project_popup ul li a{display:block; border:1px solid #7d7d7d; font-size:20px; color:#6c6c6b; letter-spacing:0em; box-sizing:border-box; padding:20px 0; text-align:center;}
.mobile_project_popup ul li a span{display:inline-block; vertical-align:top; margin-left:10px; padding-left:10px; position:relative;}
.mobile_project_popup ul li a span:before{content:""; width:1px; height:15px; background:#7d7d7d; position:absolute; left:0; top:8px;}
.mobile_project_popup ul li + li a{border-top:0;}
.mobile_project_popup .bot_btn{margin:0;}
.mobile_project_popup .bot_btn a{width:100%; padding:20px 0; line-height:1.2; min-width:auto; height:auto; background:#000; border-radius:0; font-size:20px; color:#fff; letter-spacing:0em; font-weight:500; margin:0;}