@charset "UTF-8";

.layout-header { border-bottom:1px solid #ccc; }

.color-red { color:#f00; }
.color-green { color:#00a2a2; }

.layout-container { width:100%; display:block; padding:50px 0; }

/* width 1% ~ 100% */
.w-1 { width:1%; } .w-2 { width:2%; } .w-3 { width:3%; } .w-4 { width:4%; } .w-5 { width:5%; } .w-6 { width:6%; } .w-7 { width:7%; } .w-8 { width:8%; } .w-9 { width:9%; } .w-10 { width:10%; } .w-11 { width:11%; } .w-12 { width:12%; } .w-13 { width:13%; } .w-14 { width:14%; } .w-15 { width:15%; } .w-16 { width:16%; } .w-17 { width:17%; } .w-18 { width:18%; } .w-19 { width:19%; } .w-20 { width:20%; } .w-21 { width:21%; } .w-22 { width:22%; } .w-23 { width:23%; } .w-24 { width:24%; } .w-25 { width:25%; } .w-26 { width:26%; } .w-27 { width:27%; } .w-28 { width:28%; } .w-29 { width:29%; } .w-30 { width:30%; } .w-31 { width:31%; } .w-32 { width:32%; } .w-33 { width:33%; } .w-34 { width:34%; } .w-35 { width:35%; } .w-36 { width:36%; } .w-37 { width:37%; } .w-38 { width:38%; } .w-39 { width:39%; } .w-40 { width:40%; } .w-41 { width:41%; } .w-42 { width:42%; } .w-43 { width:43%; } .w-44 { width:44%; } .w-45 { width:45%; } .w-46 { width:46%; } .w-47 { width:47%; } .w-48 { width:48%; } .w-49 { width:49%; } .w-50 { width:50%; } .w-51 { width:51%; } .w-52 { width:52%; } .w-53 { width:53%; } .w-54 { width:54%; } .w-55 { width:55%; } .w-56 { width:56%; } .w-57 { width:57%; } .w-58 { width:58%; } .w-59 { width:59%; } .w-60 { width:60%; } .w-61 { width:61%; } .w-62 { width:62%; } .w-63 { width:63%; } .w-64 { width:64%; } .w-65 { width:65%; } .w-66 { width:66%; } .w-67 { width:67%; } .w-68 { width:68%; } .w-69 { width:69%; } .w-70 { width:70%; } .w-71 { width:71%; } .w-72 { width:72%; } .w-73 { width:73%; } .w-74 { width:74%; } .w-75 { width:75%; } .w-76 { width:76%; } .w-77 { width:77%; } .w-78 { width:78%; } .w-79 { width:79%; } .w-80 { width:80%; } .w-81 { width:81%; } .w-82 { width:82%; } .w-83 { width:83%; } .w-84 { width:84%; } .w-85 { width:85%; } .w-86 { width:86%; } .w-87 { width:87%; } .w-88 { width:88%; } .w-89 { width:89%; } .w-90 { width:90%; } .w-91 { width:91%; } .w-92 { width:92%; } .w-93 { width:93%; } .w-94 { width:94%; } .w-95 { width:95%; } .w-96 { width:96%; } .w-97 { width:97%; } .w-98 { width:98%; } .w-99 { width:99%; } .w-100 { width:100%; }  

/* margin 1px ~ 100px */
.mt-1 { margin-top:1px; } .mt-2 { margin-top:2px; } .mt-3 { margin-top:3px; } .mt-4 { margin-top:4px; } .mt-5 { margin-top:5px; } .mt-6 { margin-top:6px; } .mt-7 { margin-top:7px; } .mt-8 { margin-top:8px; } .mt-9 { margin-top:9px; } .mt-10 { margin-top:10px; } .mt-11 { margin-top:11px; } .mt-12 { margin-top:12px; } .mt-13 { margin-top:13px; } .mt-14 { margin-top:14px; } .mt-15 { margin-top:15px; } .mt-16 { margin-top:16px; } .mt-17 { margin-top:17px; } .mt-18 { margin-top:18px; } .mt-19 { margin-top:19px; } .mt-20 { margin-top:20px; } .mt-21 { margin-top:21px; } .mt-22 { margin-top:22px; } .mt-23 { margin-top:23px; } .mt-24 { margin-top:24px; } .mt-25 { margin-top:25px; } .mt-26 { margin-top:26px; } .mt-27 { margin-top:27px; } .mt-28 { margin-top:28px; } .mt-29 { margin-top:29px; } .mt-30 { margin-top:30px; } .mt-31 { margin-top:31px; } .mt-32 { margin-top:32px; } .mt-33 { margin-top:33px; } .mt-34 { margin-top:34px; } .mt-35 { margin-top:35px; } .mt-36 { margin-top:36px; } .mt-37 { margin-top:37px; } .mt-38 { margin-top:38px; } .mt-39 { margin-top:39px; } .mt-40 { margin-top:40px; } .mt-41 { margin-top:41px; } .mt-42 { margin-top:42px; } .mt-43 { margin-top:43px; } .mt-44 { margin-top:44px; } .mt-45 { margin-top:45px; } .mt-46 { margin-top:46px; } .mt-47 { margin-top:47px; } .mt-48 { margin-top:48px; } .mt-49 { margin-top:49px; } .mt-50 { margin-top:50px; } .mt-51 { margin-top:51px; } .mt-52 { margin-top:52px; } .mt-53 { margin-top:53px; } .mt-54 { margin-top:54px; } .mt-55 { margin-top:55px; } .mt-56 { margin-top:56px; } .mt-57 { margin-top:57px; } .mt-58 { margin-top:58px; } .mt-59 { margin-top:59px; } .mt-60 { margin-top:60px; } .mt-61 { margin-top:61px; } .mt-62 { margin-top:62px; } .mt-63 { margin-top:63px; } .mt-64 { margin-top:64px; } .mt-65 { margin-top:65px; } .mt-66 { margin-top:66px; } .mt-67 { margin-top:67px; } .mt-68 { margin-top:68px; } .mt-69 { margin-top:69px; } .mt-70 { margin-top:70px; } .mt-71 { margin-top:71px; } .mt-72 { margin-top:72px; } .mt-73 { margin-top:73px; } .mt-74 { margin-top:74px; } .mt-75 { margin-top:75px; } .mt-76 { margin-top:76px; } .mt-77 { margin-top:77px; } .mt-78 { margin-top:78px; } .mt-79 { margin-top:79px; } .mt-80 { margin-top:80px; } .mt-81 { margin-top:81px; } .mt-82 { margin-top:82px; } .mt-83 { margin-top:83px; } .mt-84 { margin-top:84px; } .mt-85 { margin-top:85px; } .mt-86 { margin-top:86px; } .mt-87 { margin-top:87px; } .mt-88 { margin-top:88px; } .mt-89 { margin-top:89px; } .mt-90 { margin-top:90px; } .mt-91 { margin-top:91px; } .mt-92 { margin-top:92px; } .mt-93 { margin-top:93px; } .mt-94 { margin-top:94px; } .mt-95 { margin-top:95px; } .mt-96 { margin-top:96px; } .mt-97 { margin-top:97px; } .mt-98 { margin-top:98px; } .mt-99 { margin-top:99px; } .mt-100 { margin-top:100px; }  
.mr-1 { margin-right:1px; } .mr-2 { margin-right:2px; } .mr-3 { margin-right:3px; } .mr-4 { margin-right:4px; } .mr-5 { margin-right:5px; } .mr-6 { margin-right:6px; } .mr-7 { margin-right:7px; } .mr-8 { margin-right:8px; } .mr-9 { margin-right:9px; } .mr-10 { margin-right:10px; } .mr-11 { margin-right:11px; } .mr-12 { margin-right:12px; } .mr-13 { margin-right:13px; } .mr-14 { margin-right:14px; } .mr-15 { margin-right:15px; } .mr-16 { margin-right:16px; } .mr-17 { margin-right:17px; } .mr-18 { margin-right:18px; } .mr-19 { margin-right:19px; } .mr-20 { margin-right:20px; } .mr-21 { margin-right:21px; } .mr-22 { margin-right:22px; } .mr-23 { margin-right:23px; } .mr-24 { margin-right:24px; } .mr-25 { margin-right:25px; } .mr-26 { margin-right:26px; } .mr-27 { margin-right:27px; } .mr-28 { margin-right:28px; } .mr-29 { margin-right:29px; } .mr-30 { margin-right:30px; } .mr-31 { margin-right:31px; } .mr-32 { margin-right:32px; } .mr-33 { margin-right:33px; } .mr-34 { margin-right:34px; } .mr-35 { margin-right:35px; } .mr-36 { margin-right:36px; } .mr-37 { margin-right:37px; } .mr-38 { margin-right:38px; } .mr-39 { margin-right:39px; } .mr-40 { margin-right:40px; } .mr-41 { margin-right:41px; } .mr-42 { margin-right:42px; } .mr-43 { margin-right:43px; } .mr-44 { margin-right:44px; } .mr-45 { margin-right:45px; } .mr-46 { margin-right:46px; } .mr-47 { margin-right:47px; } .mr-48 { margin-right:48px; } .mr-49 { margin-right:49px; } .mr-50 { margin-right:50px; } .mr-51 { margin-right:51px; } .mr-52 { margin-right:52px; } .mr-53 { margin-right:53px; } .mr-54 { margin-right:54px; } .mr-55 { margin-right:55px; } .mr-56 { margin-right:56px; } .mr-57 { margin-right:57px; } .mr-58 { margin-right:58px; } .mr-59 { margin-right:59px; } .mr-60 { margin-right:60px; } .mr-61 { margin-right:61px; } .mr-62 { margin-right:62px; } .mr-63 { margin-right:63px; } .mr-64 { margin-right:64px; } .mr-65 { margin-right:65px; } .mr-66 { margin-right:66px; } .mr-67 { margin-right:67px; } .mr-68 { margin-right:68px; } .mr-69 { margin-right:69px; } .mr-70 { margin-right:70px; } .mr-71 { margin-right:71px; } .mr-72 { margin-right:72px; } .mr-73 { margin-right:73px; } .mr-74 { margin-right:74px; } .mr-75 { margin-right:75px; } .mr-76 { margin-right:76px; } .mr-77 { margin-right:77px; } .mr-78 { margin-right:78px; } .mr-79 { margin-right:79px; } .mr-80 { margin-right:80px; } .mr-81 { margin-right:81px; } .mr-82 { margin-right:82px; } .mr-83 { margin-right:83px; } .mr-84 { margin-right:84px; } .mr-85 { margin-right:85px; } .mr-86 { margin-right:86px; } .mr-87 { margin-right:87px; } .mr-88 { margin-right:88px; } .mr-89 { margin-right:89px; } .mr-90 { margin-right:90px; } .mr-91 { margin-right:91px; } .mr-92 { margin-right:92px; } .mr-93 { margin-right:93px; } .mr-94 { margin-right:94px; } .mr-95 { margin-right:95px; } .mr-96 { margin-right:96px; } .mr-97 { margin-right:97px; } .mr-98 { margin-right:98px; } .mr-99 { margin-right:99px; } .mr-100 { margin-right:100px; }  
.mb-1 { margin-bottom:1px; } .mb-2 { margin-bottom:2px; } .mb-3 { margin-bottom:3px; } .mb-4 { margin-bottom:4px; } .mb-5 { margin-bottom:5px; } .mb-6 { margin-bottom:6px; } .mb-7 { margin-bottom:7px; } .mb-8 { margin-bottom:8px; } .mb-9 { margin-bottom:9px; } .mb-10 { margin-bottom:10px; } .mb-11 { margin-bottom:11px; } .mb-12 { margin-bottom:12px; } .mb-13 { margin-bottom:13px; } .mb-14 { margin-bottom:14px; } .mb-15 { margin-bottom:15px; } .mb-16 { margin-bottom:16px; } .mb-17 { margin-bottom:17px; } .mb-18 { margin-bottom:18px; } .mb-19 { margin-bottom:19px; } .mb-20 { margin-bottom:20px; } .mb-21 { margin-bottom:21px; } .mb-22 { margin-bottom:22px; } .mb-23 { margin-bottom:23px; } .mb-24 { margin-bottom:24px; } .mb-25 { margin-bottom:25px; } .mb-26 { margin-bottom:26px; } .mb-27 { margin-bottom:27px; } .mb-28 { margin-bottom:28px; } .mb-29 { margin-bottom:29px; } .mb-30 { margin-bottom:30px; } .mb-31 { margin-bottom:31px; } .mb-32 { margin-bottom:32px; } .mb-33 { margin-bottom:33px; } .mb-34 { margin-bottom:34px; } .mb-35 { margin-bottom:35px; } .mb-36 { margin-bottom:36px; } .mb-37 { margin-bottom:37px; } .mb-38 { margin-bottom:38px; } .mb-39 { margin-bottom:39px; } .mb-40 { margin-bottom:40px; } .mb-41 { margin-bottom:41px; } .mb-42 { margin-bottom:42px; } .mb-43 { margin-bottom:43px; } .mb-44 { margin-bottom:44px; } .mb-45 { margin-bottom:45px; } .mb-46 { margin-bottom:46px; } .mb-47 { margin-bottom:47px; } .mb-48 { margin-bottom:48px; } .mb-49 { margin-bottom:49px; } .mb-50 { margin-bottom:50px; } .mb-51 { margin-bottom:51px; } .mb-52 { margin-bottom:52px; } .mb-53 { margin-bottom:53px; } .mb-54 { margin-bottom:54px; } .mb-55 { margin-bottom:55px; } .mb-56 { margin-bottom:56px; } .mb-57 { margin-bottom:57px; } .mb-58 { margin-bottom:58px; } .mb-59 { margin-bottom:59px; } .mb-60 { margin-bottom:60px; } .mb-61 { margin-bottom:61px; } .mb-62 { margin-bottom:62px; } .mb-63 { margin-bottom:63px; } .mb-64 { margin-bottom:64px; } .mb-65 { margin-bottom:65px; } .mb-66 { margin-bottom:66px; } .mb-67 { margin-bottom:67px; } .mb-68 { margin-bottom:68px; } .mb-69 { margin-bottom:69px; } .mb-70 { margin-bottom:70px; } .mb-71 { margin-bottom:71px; } .mb-72 { margin-bottom:72px; } .mb-73 { margin-bottom:73px; } .mb-74 { margin-bottom:74px; } .mb-75 { margin-bottom:75px; } .mb-76 { margin-bottom:76px; } .mb-77 { margin-bottom:77px; } .mb-78 { margin-bottom:78px; } .mb-79 { margin-bottom:79px; } .mb-80 { margin-bottom:80px; } .mb-81 { margin-bottom:81px; } .mb-82 { margin-bottom:82px; } .mb-83 { margin-bottom:83px; } .mb-84 { margin-bottom:84px; } .mb-85 { margin-bottom:85px; } .mb-86 { margin-bottom:86px; } .mb-87 { margin-bottom:87px; } .mb-88 { margin-bottom:88px; } .mb-89 { margin-bottom:89px; } .mb-90 { margin-bottom:90px; } .mb-91 { margin-bottom:91px; } .mb-92 { margin-bottom:92px; } .mb-93 { margin-bottom:93px; } .mb-94 { margin-bottom:94px; } .mb-95 { margin-bottom:95px; } .mb-96 { margin-bottom:96px; } .mb-97 { margin-bottom:97px; } .mb-98 { margin-bottom:98px; } .mb-99 { margin-bottom:99px; } .mb-100 { margin-bottom:100px; }  
.ml-1 { margin-left:1px; } .ml-2 { margin-left:2px; } .ml-3 { margin-left:3px; } .ml-4 { margin-left:4px; } .ml-5 { margin-left:5px; } .ml-6 { margin-left:6px; } .ml-7 { margin-left:7px; } .ml-8 { margin-left:8px; } .ml-9 { margin-left:9px; } .ml-10 { margin-left:10px; } .ml-11 { margin-left:11px; } .ml-12 { margin-left:12px; } .ml-13 { margin-left:13px; } .ml-14 { margin-left:14px; } .ml-15 { margin-left:15px; } .ml-16 { margin-left:16px; } .ml-17 { margin-left:17px; } .ml-18 { margin-left:18px; } .ml-19 { margin-left:19px; } .ml-20 { margin-left:20px; } .ml-21 { margin-left:21px; } .ml-22 { margin-left:22px; } .ml-23 { margin-left:23px; } .ml-24 { margin-left:24px; } .ml-25 { margin-left:25px; } .ml-26 { margin-left:26px; } .ml-27 { margin-left:27px; } .ml-28 { margin-left:28px; } .ml-29 { margin-left:29px; } .ml-30 { margin-left:30px; } .ml-31 { margin-left:31px; } .ml-32 { margin-left:32px; } .ml-33 { margin-left:33px; } .ml-34 { margin-left:34px; } .ml-35 { margin-left:35px; } .ml-36 { margin-left:36px; } .ml-37 { margin-left:37px; } .ml-38 { margin-left:38px; } .ml-39 { margin-left:39px; } .ml-40 { margin-left:40px; } .ml-41 { margin-left:41px; } .ml-42 { margin-left:42px; } .ml-43 { margin-left:43px; } .ml-44 { margin-left:44px; } .ml-45 { margin-left:45px; } .ml-46 { margin-left:46px; } .ml-47 { margin-left:47px; } .ml-48 { margin-left:48px; } .ml-49 { margin-left:49px; } .ml-50 { margin-left:50px; } .ml-51 { margin-left:51px; } .ml-52 { margin-left:52px; } .ml-53 { margin-left:53px; } .ml-54 { margin-left:54px; } .ml-55 { margin-left:55px; } .ml-56 { margin-left:56px; } .ml-57 { margin-left:57px; } .ml-58 { margin-left:58px; } .ml-59 { margin-left:59px; } .ml-60 { margin-left:60px; } .ml-61 { margin-left:61px; } .ml-62 { margin-left:62px; } .ml-63 { margin-left:63px; } .ml-64 { margin-left:64px; } .ml-65 { margin-left:65px; } .ml-66 { margin-left:66px; } .ml-67 { margin-left:67px; } .ml-68 { margin-left:68px; } .ml-69 { margin-left:69px; } .ml-70 { margin-left:70px; } .ml-71 { margin-left:71px; } .ml-72 { margin-left:72px; } .ml-73 { margin-left:73px; } .ml-74 { margin-left:74px; } .ml-75 { margin-left:75px; } .ml-76 { margin-left:76px; } .ml-77 { margin-left:77px; } .ml-78 { margin-left:78px; } .ml-79 { margin-left:79px; } .ml-80 { margin-left:80px; } .ml-81 { margin-left:81px; } .ml-82 { margin-left:82px; } .ml-83 { margin-left:83px; } .ml-84 { margin-left:84px; } .ml-85 { margin-left:85px; } .ml-86 { margin-left:86px; } .ml-87 { margin-left:87px; } .ml-88 { margin-left:88px; } .ml-89 { margin-left:89px; } .ml-90 { margin-left:90px; } .ml-91 { margin-left:91px; } .ml-92 { margin-left:92px; } .ml-93 { margin-left:93px; } .ml-94 { margin-left:94px; } .ml-95 { margin-left:95px; } .ml-96 { margin-left:96px; } .ml-97 { margin-left:97px; } .ml-98 { margin-left:98px; } .ml-99 { margin-left:99px; } .ml-100 { margin-left:100px; }  

/* padding 1px ~ 100px */
.pt-1 { padding-top:1px; } .pt-2 { padding-top:2px; } .pt-3 { padding-top:3px; } .pt-4 { padding-top:4px; } .pt-5 { padding-top:5px; } .pt-6 { padding-top:6px; } .pt-7 { padding-top:7px; } .pt-8 { padding-top:8px; } .pt-9 { padding-top:9px; } .pt-10 { padding-top:10px; } .pt-11 { padding-top:11px; } .pt-12 { padding-top:12px; } .pt-13 { padding-top:13px; } .pt-14 { padding-top:14px; } .pt-15 { padding-top:15px; } .pt-16 { padding-top:16px; } .pt-17 { padding-top:17px; } .pt-18 { padding-top:18px; } .pt-19 { padding-top:19px; } .pt-20 { padding-top:20px; } .pt-21 { padding-top:21px; } .pt-22 { padding-top:22px; } .pt-23 { padding-top:23px; } .pt-24 { padding-top:24px; } .pt-25 { padding-top:25px; } .pt-26 { padding-top:26px; } .pt-27 { padding-top:27px; } .pt-28 { padding-top:28px; } .pt-29 { padding-top:29px; } .pt-30 { padding-top:30px; } .pt-31 { padding-top:31px; } .pt-32 { padding-top:32px; } .pt-33 { padding-top:33px; } .pt-34 { padding-top:34px; } .pt-35 { padding-top:35px; } .pt-36 { padding-top:36px; } .pt-37 { padding-top:37px; } .pt-38 { padding-top:38px; } .pt-39 { padding-top:39px; } .pt-40 { padding-top:40px; } .pt-41 { padding-top:41px; } .pt-42 { padding-top:42px; } .pt-43 { padding-top:43px; } .pt-44 { padding-top:44px; } .pt-45 { padding-top:45px; } .pt-46 { padding-top:46px; } .pt-47 { padding-top:47px; } .pt-48 { padding-top:48px; } .pt-49 { padding-top:49px; } .pt-50 { padding-top:50px; } .pt-51 { padding-top:51px; } .pt-52 { padding-top:52px; } .pt-53 { padding-top:53px; } .pt-54 { padding-top:54px; } .pt-55 { padding-top:55px; } .pt-56 { padding-top:56px; } .pt-57 { padding-top:57px; } .pt-58 { padding-top:58px; } .pt-59 { padding-top:59px; } .pt-60 { padding-top:60px; } .pt-61 { padding-top:61px; } .pt-62 { padding-top:62px; } .pt-63 { padding-top:63px; } .pt-64 { padding-top:64px; } .pt-65 { padding-top:65px; } .pt-66 { padding-top:66px; } .pt-67 { padding-top:67px; } .pt-68 { padding-top:68px; } .pt-69 { padding-top:69px; } .pt-70 { padding-top:70px; } .pt-71 { padding-top:71px; } .pt-72 { padding-top:72px; } .pt-73 { padding-top:73px; } .pt-74 { padding-top:74px; } .pt-75 { padding-top:75px; } .pt-76 { padding-top:76px; } .pt-77 { padding-top:77px; } .pt-78 { padding-top:78px; } .pt-79 { padding-top:79px; } .pt-80 { padding-top:80px; } .pt-81 { padding-top:81px; } .pt-82 { padding-top:82px; } .pt-83 { padding-top:83px; } .pt-84 { padding-top:84px; } .pt-85 { padding-top:85px; } .pt-86 { padding-top:86px; } .pt-87 { padding-top:87px; } .pt-88 { padding-top:88px; } .pt-89 { padding-top:89px; } .pt-90 { padding-top:90px; } .pt-91 { padding-top:91px; } .pt-92 { padding-top:92px; } .pt-93 { padding-top:93px; } .pt-94 { padding-top:94px; } .pt-95 { padding-top:95px; } .pt-96 { padding-top:96px; } .pt-97 { padding-top:97px; } .pt-98 { padding-top:98px; } .pt-99 { padding-top:99px; } .pt-100 { padding-top:100px; }  
.pr-1 { padding-right:1px; } .pr-2 { padding-right:2px; } .pr-3 { padding-right:3px; } .pr-4 { padding-right:4px; } .pr-5 { padding-right:5px; } .pr-6 { padding-right:6px; } .pr-7 { padding-right:7px; } .pr-8 { padding-right:8px; } .pr-9 { padding-right:9px; } .pr-10 { padding-right:10px; } .pr-11 { padding-right:11px; } .pr-12 { padding-right:12px; } .pr-13 { padding-right:13px; } .pr-14 { padding-right:14px; } .pr-15 { padding-right:15px; } .pr-16 { padding-right:16px; } .pr-17 { padding-right:17px; } .pr-18 { padding-right:18px; } .pr-19 { padding-right:19px; } .pr-20 { padding-right:20px; } .pr-21 { padding-right:21px; } .pr-22 { padding-right:22px; } .pr-23 { padding-right:23px; } .pr-24 { padding-right:24px; } .pr-25 { padding-right:25px; } .pr-26 { padding-right:26px; } .pr-27 { padding-right:27px; } .pr-28 { padding-right:28px; } .pr-29 { padding-right:29px; } .pr-30 { padding-right:30px; } .pr-31 { padding-right:31px; } .pr-32 { padding-right:32px; } .pr-33 { padding-right:33px; } .pr-34 { padding-right:34px; } .pr-35 { padding-right:35px; } .pr-36 { padding-right:36px; } .pr-37 { padding-right:37px; } .pr-38 { padding-right:38px; } .pr-39 { padding-right:39px; } .pr-40 { padding-right:40px; } .pr-41 { padding-right:41px; } .pr-42 { padding-right:42px; } .pr-43 { padding-right:43px; } .pr-44 { padding-right:44px; } .pr-45 { padding-right:45px; } .pr-46 { padding-right:46px; } .pr-47 { padding-right:47px; } .pr-48 { padding-right:48px; } .pr-49 { padding-right:49px; } .pr-50 { padding-right:50px; } .pr-51 { padding-right:51px; } .pr-52 { padding-right:52px; } .pr-53 { padding-right:53px; } .pr-54 { padding-right:54px; } .pr-55 { padding-right:55px; } .pr-56 { padding-right:56px; } .pr-57 { padding-right:57px; } .pr-58 { padding-right:58px; } .pr-59 { padding-right:59px; } .pr-60 { padding-right:60px; } .pr-61 { padding-right:61px; } .pr-62 { padding-right:62px; } .pr-63 { padding-right:63px; } .pr-64 { padding-right:64px; } .pr-65 { padding-right:65px; } .pr-66 { padding-right:66px; } .pr-67 { padding-right:67px; } .pr-68 { padding-right:68px; } .pr-69 { padding-right:69px; } .pr-70 { padding-right:70px; } .pr-71 { padding-right:71px; } .pr-72 { padding-right:72px; } .pr-73 { padding-right:73px; } .pr-74 { padding-right:74px; } .pr-75 { padding-right:75px; } .pr-76 { padding-right:76px; } .pr-77 { padding-right:77px; } .pr-78 { padding-right:78px; } .pr-79 { padding-right:79px; } .pr-80 { padding-right:80px; } .pr-81 { padding-right:81px; } .pr-82 { padding-right:82px; } .pr-83 { padding-right:83px; } .pr-84 { padding-right:84px; } .pr-85 { padding-right:85px; } .pr-86 { padding-right:86px; } .pr-87 { padding-right:87px; } .pr-88 { padding-right:88px; } .pr-89 { padding-right:89px; } .pr-90 { padding-right:90px; } .pr-91 { padding-right:91px; } .pr-92 { padding-right:92px; } .pr-93 { padding-right:93px; } .pr-94 { padding-right:94px; } .pr-95 { padding-right:95px; } .pr-96 { padding-right:96px; } .pr-97 { padding-right:97px; } .pr-98 { padding-right:98px; } .pr-99 { padding-right:99px; } .pr-100 { padding-right:100px; }  
.pb-1 { padding-bottom:1px; } .pb-2 { padding-bottom:2px; } .pb-3 { padding-bottom:3px; } .pb-4 { padding-bottom:4px; } .pb-5 { padding-bottom:5px; } .pb-6 { padding-bottom:6px; } .pb-7 { padding-bottom:7px; } .pb-8 { padding-bottom:8px; } .pb-9 { padding-bottom:9px; } .pb-10 { padding-bottom:10px; } .pb-11 { padding-bottom:11px; } .pb-12 { padding-bottom:12px; } .pb-13 { padding-bottom:13px; } .pb-14 { padding-bottom:14px; } .pb-15 { padding-bottom:15px; } .pb-16 { padding-bottom:16px; } .pb-17 { padding-bottom:17px; } .pb-18 { padding-bottom:18px; } .pb-19 { padding-bottom:19px; } .pb-20 { padding-bottom:20px; } .pb-21 { padding-bottom:21px; } .pb-22 { padding-bottom:22px; } .pb-23 { padding-bottom:23px; } .pb-24 { padding-bottom:24px; } .pb-25 { padding-bottom:25px; } .pb-26 { padding-bottom:26px; } .pb-27 { padding-bottom:27px; } .pb-28 { padding-bottom:28px; } .pb-29 { padding-bottom:29px; } .pb-30 { padding-bottom:30px; } .pb-31 { padding-bottom:31px; } .pb-32 { padding-bottom:32px; } .pb-33 { padding-bottom:33px; } .pb-34 { padding-bottom:34px; } .pb-35 { padding-bottom:35px; } .pb-36 { padding-bottom:36px; } .pb-37 { padding-bottom:37px; } .pb-38 { padding-bottom:38px; } .pb-39 { padding-bottom:39px; } .pb-40 { padding-bottom:40px; } .pb-41 { padding-bottom:41px; } .pb-42 { padding-bottom:42px; } .pb-43 { padding-bottom:43px; } .pb-44 { padding-bottom:44px; } .pb-45 { padding-bottom:45px; } .pb-46 { padding-bottom:46px; } .pb-47 { padding-bottom:47px; } .pb-48 { padding-bottom:48px; } .pb-49 { padding-bottom:49px; } .pb-50 { padding-bottom:50px; } .pb-51 { padding-bottom:51px; } .pb-52 { padding-bottom:52px; } .pb-53 { padding-bottom:53px; } .pb-54 { padding-bottom:54px; } .pb-55 { padding-bottom:55px; } .pb-56 { padding-bottom:56px; } .pb-57 { padding-bottom:57px; } .pb-58 { padding-bottom:58px; } .pb-59 { padding-bottom:59px; } .pb-60 { padding-bottom:60px; } .pb-61 { padding-bottom:61px; } .pb-62 { padding-bottom:62px; } .pb-63 { padding-bottom:63px; } .pb-64 { padding-bottom:64px; } .pb-65 { padding-bottom:65px; } .pb-66 { padding-bottom:66px; } .pb-67 { padding-bottom:67px; } .pb-68 { padding-bottom:68px; } .pb-69 { padding-bottom:69px; } .pb-70 { padding-bottom:70px; } .pb-71 { padding-bottom:71px; } .pb-72 { padding-bottom:72px; } .pb-73 { padding-bottom:73px; } .pb-74 { padding-bottom:74px; } .pb-75 { padding-bottom:75px; } .pb-76 { padding-bottom:76px; } .pb-77 { padding-bottom:77px; } .pb-78 { padding-bottom:78px; } .pb-79 { padding-bottom:79px; } .pb-80 { padding-bottom:80px; } .pb-81 { padding-bottom:81px; } .pb-82 { padding-bottom:82px; } .pb-83 { padding-bottom:83px; } .pb-84 { padding-bottom:84px; } .pb-85 { padding-bottom:85px; } .pb-86 { padding-bottom:86px; } .pb-87 { padding-bottom:87px; } .pb-88 { padding-bottom:88px; } .pb-89 { padding-bottom:89px; } .pb-90 { padding-bottom:90px; } .pb-91 { padding-bottom:91px; } .pb-92 { padding-bottom:92px; } .pb-93 { padding-bottom:93px; } .pb-94 { padding-bottom:94px; } .pb-95 { padding-bottom:95px; } .pb-96 { padding-bottom:96px; } .pb-97 { padding-bottom:97px; } .pb-98 { padding-bottom:98px; } .pb-99 { padding-bottom:99px; } .pb-100 { padding-bottom:100px; }  
.pl-1 { padding-left:1px; } .pl-2 { padding-left:2px; } .pl-3 { padding-left:3px; } .pl-4 { padding-left:4px; } .pl-5 { padding-left:5px; } .pl-6 { padding-left:6px; } .pl-7 { padding-left:7px; } .pl-8 { padding-left:8px; } .pl-9 { padding-left:9px; } .pl-10 { padding-left:10px; } .pl-11 { padding-left:11px; } .pl-12 { padding-left:12px; } .pl-13 { padding-left:13px; } .pl-14 { padding-left:14px; } .pl-15 { padding-left:15px; } .pl-16 { padding-left:16px; } .pl-17 { padding-left:17px; } .pl-18 { padding-left:18px; } .pl-19 { padding-left:19px; } .pl-20 { padding-left:20px; } .pl-21 { padding-left:21px; } .pl-22 { padding-left:22px; } .pl-23 { padding-left:23px; } .pl-24 { padding-left:24px; } .pl-25 { padding-left:25px; } .pl-26 { padding-left:26px; } .pl-27 { padding-left:27px; } .pl-28 { padding-left:28px; } .pl-29 { padding-left:29px; } .pl-30 { padding-left:30px; } .pl-31 { padding-left:31px; } .pl-32 { padding-left:32px; } .pl-33 { padding-left:33px; } .pl-34 { padding-left:34px; } .pl-35 { padding-left:35px; } .pl-36 { padding-left:36px; } .pl-37 { padding-left:37px; } .pl-38 { padding-left:38px; } .pl-39 { padding-left:39px; } .pl-40 { padding-left:40px; } .pl-41 { padding-left:41px; } .pl-42 { padding-left:42px; } .pl-43 { padding-left:43px; } .pl-44 { padding-left:44px; } .pl-45 { padding-left:45px; } .pl-46 { padding-left:46px; } .pl-47 { padding-left:47px; } .pl-48 { padding-left:48px; } .pl-49 { padding-left:49px; } .pl-50 { padding-left:50px; } .pl-51 { padding-left:51px; } .pl-52 { padding-left:52px; } .pl-53 { padding-left:53px; } .pl-54 { padding-left:54px; } .pl-55 { padding-left:55px; } .pl-56 { padding-left:56px; } .pl-57 { padding-left:57px; } .pl-58 { padding-left:58px; } .pl-59 { padding-left:59px; } .pl-60 { padding-left:60px; } .pl-61 { padding-left:61px; } .pl-62 { padding-left:62px; } .pl-63 { padding-left:63px; } .pl-64 { padding-left:64px; } .pl-65 { padding-left:65px; } .pl-66 { padding-left:66px; } .pl-67 { padding-left:67px; } .pl-68 { padding-left:68px; } .pl-69 { padding-left:69px; } .pl-70 { padding-left:70px; } .pl-71 { padding-left:71px; } .pl-72 { padding-left:72px; } .pl-73 { padding-left:73px; } .pl-74 { padding-left:74px; } .pl-75 { padding-left:75px; } .pl-76 { padding-left:76px; } .pl-77 { padding-left:77px; } .pl-78 { padding-left:78px; } .pl-79 { padding-left:79px; } .pl-80 { padding-left:80px; } .pl-81 { padding-left:81px; } .pl-82 { padding-left:82px; } .pl-83 { padding-left:83px; } .pl-84 { padding-left:84px; } .pl-85 { padding-left:85px; } .pl-86 { padding-left:86px; } .pl-87 { padding-left:87px; } .pl-88 { padding-left:88px; } .pl-89 { padding-left:89px; } .pl-90 { padding-left:90px; } .pl-91 { padding-left:91px; } .pl-92 { padding-left:92px; } .pl-93 { padding-left:93px; } .pl-94 { padding-left:94px; } .pl-95 { padding-left:95px; } .pl-96 { padding-left:96px; } .pl-97 { padding-left:97px; } .pl-98 { padding-left:98px; } .pl-99 { padding-left:99px; } .pl-100 { padding-left:100px; }  

/* flex-layout */
.flex-box { display:flex; display:-ms-flexbox; }

/* flex-가로 정렬 */
.flex-h-align-start { justify-content:flex-start; -ms-flex-pack:start; }
.flex-h-align-center { justify-content:center; -ms-flex-pack:center; }
.flex-h-align-end { justify-content:flex-end; -ms-flex-pack:end; }
.flex-h-align-justify { justify-content:space-between; -ms-flex-pack:justify; }

/* flex-세로 정렬 */
.flex-v-align-start { -ms-flex-align:start; align-self:flex-start; -ms-flex-item-align:start; }
.flex-v-align-center { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
.flex-v-align-end { -ms-flex-align:end; align-self:flex-end; -ms-flex-item-align:end; }

/* flex-wrap */
.flex-wrap { flex-wrap:wrap; -ms-flex-wrap:wrap; }

/* flex-direction */
.flex-h-direction { flex-direction:row; -ms-flex-direction:row; }
.flex-h-direction-reverse { flex-direction:row-reverse; -ms-flex-direction:row-reverse; }
.flex-v-direction { flex-direction:colum; -ms-flex-direction:colum; }
.flex-v-direction-reverse { flex-direction:colum-reverse; -ms-flex-direction:row-reverse; }


/************************ 개인정보처리방침, 이용약관 ************************/
.law-guide { }
	.law-guide .m_title {
		margin-bottom:15px;
		padding:12px;
		background-color:#f7f7f7;
		border:1px solid #ccc;
		font-weight:600;
		color:#292929;
		text-align:center;
	}
		.law-guide .s_t {
			margin-bottom:20px;
			font-weight:600;
			text-align:right;
			line-height:1.6;
		}
		.law-guide .t_t {
			padding:15px 0;
			background-color:#eee;
			border:2px solid #ccc;
			font-weight:600;
			text-align:center;
		}

		.law-guide .law-guide-list { padding:20px 0; }
		.law-guide .law-guide-list.law-guide-first { padding-top:0px; }
		.law-guide .law-guide-list.law-guide-last { padding-bottom:0px; }
		.law-guide .law-guide-box:not(:last-of-type) { margin-bottom:40px; }

		.law-guide .law-guide-list-title {
			margin-bottom:10px;
			font-size:1em;
			font-weight:600;
			color:#198c9d;
		}
		
		.law-guide .law-guide-c {
			padding-left:10px;
			background:url('/res/home/img/sub/img-dot.jpg') no-repeat left 7.6px;
			line-height:1.5;
			font-weight:600;
			font-size:0.80em;
			word-break:keep-all;
			word-wrap:break-word;
			overflow-wrap:anywhere;
		}
		.law-guide .law-guide-c:not(:last-of-type) { margin-bottom:10px; }
		
			.law-guide .law-guide-cont-box {
				padding:15px;
				margin-top:10px;
				background-color:#f9f9f9;
				border:1px solid #ccc;
			}

				.law-guide .law-guide-cont-box .bullet {
					display:block;
					line-height:1.6;
					font-weight:600;
					font-size:0.8em;
					word-wrap:break-word;
					word-break:keep-all;
					overflow-wrap:anywhere;
				}
				.law-guide .law-guide-cont-box .bullet:first-of-type { margin-top:0px; }
				.law-guide .law-guide-cont-box .bullet:last-of-type { margin-bottom:0px; }
				.law-guide .law-guide-cont-box .tab15 { margin-left:15px; line-height:1.5; }

				.law-guide .law-guide-top-txt { margin-bottom:40px; }
				
					.law-guide .law-guide-top-txt .main-text {
						font-size:2em;
						font-weight:600;
						text-align:center;
						color:#000;
					}

						.law-guide .law-guide-top-txt *:not(.main-text) {
							font-weight:600;
							font-size:0.85em;
							line-height:1.4;
						}
							.law-guide .law-guide-top-txt .nor-tt {
								text-align:center;
								font-size:0.85em;
								margin-top:12px;
							}
							
							.law-guide .law-guide-top-txt .nor-tt.t-align-left { text-align:left; }

								.law-guide .law-guide-top-txt .flex-box2 {
									display:flex;
									justify-content:flex-start;
									margin-top:12px;
									padding-left:6px;
								}
									.law-guide .law-guide-top-txt .flex-box2 .item:first-of-type {
										margin-right:8px;
										word-break:keep-all;
										word-wrap:break-word;
										overflow-wrap:wrap;
									}
#payment-list .sub-tab-box {
	display:flex; 
	justify-content:flex-start; 
	margin-top:30px;
}
	#payment-list .m-cont { text-align:center; }

		#payment-list .m-cont .cont-box .tt {
			font-size:1.15em;
			font-weight:600;
		}
		
		#payment-list .m-cont .cont-box .tt.bg-gray { background-color:#e5e5e5; }
		
		#payment-list .m-cont .cont-box .tt.bg-darkem {
			background-color:#0e3155;
			color:#fff;
		}
		
		#payment-list .m-cont .cont-box .tt.bg-yellow {
			background-color:#1a4f6e;
			color:#fff;
		}
		
		#payment-list .m-cont .cont-box .tt.bg-darkpink {
			background-color:#1a5f6e;
			color:#fff;
		}

		#payment-list .m-cont .cont-box .ct .block {
			display:block;
			padding:20px 0px;
			border-bottom:1px solid #ccc;
		}

.sub-Tab-B {
	display:flex;
	justify-content:flex-start;
	margin-top:20px;
}
	.sub-Tab-B .tab-menu {
		flex:1;
		-ms-flex:1;
	}
		.sub-Tab-B .tab-menu a {
			display:block;
			width:100%;
			padding:12px 0;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			font-size:0.91em;
			text-align:center;
		}
		
		.sub-Tab-B .tab-menu a.active {
			background-color:#3472ab;
			border-color:#3472ab;
			color:#fff;
		}

/************************ 로그인 ************************/
.login-box {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
}

	.login-box .login-title {
		display:block;
		width:100%;
		padding-top:180px;
		background:url('../img/sub/img-login-page-icon.png') no-repeat center top;
		font-family:'NanumSquare';
		text-align:center;
	}
	.login-box .sub-descript {
		display:block;
		width:100%;
		margin-top:25px;
		text-align:center;
		letter-spacing:-1.2px;
		line-height:1.5;
	}
	
	.login-box .login-form-box {
		display:block;
		width:100%;
		max-width:450px;
		margin-left:auto;
		margin-right:auto;
	}
	
		.login-box .flex-box {
			display:flex;
			justify-content:center;
			flex-wrap:wrap;
		}
		
		.login-box .flex-box .item { display:block; }

			.login-box .flex-box .input-box .input-list {
				display:block;
				width:100%;
				padding:10px;
				border:1px solid #ccc;
				font-weight:600;
				font-size:0.85em;
			}
			
			.login-box .flex-box .input-box .input-list:not(:last-of-type) { margin-bottom:6px; }

			.login-box .flex-box .button-box .login-btn {
				width:100%;
				height:100%;
				background-color:#343434;
				color:#fff;
				font-weight:600;
				border:0px;
				font-size:1em;
			}
			
			.login-box .flex-box .button-box .login-btn:hover,
			.login-box .flex-box .button-box .login-btn:focus { background-color:#0f5274; }
  
			.login-box .text-link--frame {
				display:flex;
				justify-content:space-between;
				flex-wrap:wrap;
				width:100%;
				max-width:450px;
				margin-top:20px;
				margin-left:auto;
				margin-right:auto;
			}
			
				.login-box .text-link--frame .text-link--item {
					display:flex;
					justify-content:flex-start;
					align-items:center;
					font-weight:600;
					font-size:0.8rem;
					color:rgba(0,0,0,.7);
				}
			
					.login-box .text-link--frame .text-link--item .text,
					.login-box .text-link--frame .text-link--item .icon { display:block; }
					.login-box .text-link--frame .text-link--item .icon { padding-left:20px; }
					
					.login-box .text-link--frame .text-link--item:hover,
					.login-box .text-link--frame .text-link--item:focus { color:#0f5274; text-decoration:none; }
					
					.login-box .login-flex-box {
						display:flex;
						justify-content:center;
						flex-wrap:wrap;
					}
					
						.login-box .login-flex-box .login-btn { display:block; border:1px solid #ccc; }

/************************ 회원가입 공통 ************************/
.signup-step--info {
	display:flex; 
	justify-content:center;
	flex-wrap:wrap; 
	width:100%;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}
	.signup-step--info .signup-step--list { display:block; }

		.signup-step--info .line {
			height:1px;
			margin-top:41px;
			background-color:#ccc;
		}
		.signup-step--info .line.ing { background-color:#00a2a2; }
		.signup-step--info .line.end { background-color:#07496e; }

		.signup-step--info .circle-box { display:block; }
			.signup-step--info .circle-box .step-list--box {
				display:block;
				background-color:#ccc;
			}
			
			.signup-step--info .circle-box .txt,
			.signup-step--info .circle-box .num {
				text-align:center;
				font-weight:600;
				font-size:0.8rem;
				color:#464646;
				line-height:1.3;
			}

		.signup-step--info .step-current .circle-box { border-color:#00a2a2; }
			.signup-step--info .step-current .circle-box .step-list--box { background-color:#00a2a2; }
				.signup-step--info .step-current .circle-box .txt,
				.signup-step--info .step-current .circle-box .num { color:#fff; }

		.signup-step--info .step-complete .circle-box { border-color:#07496e; }
			.signup-step--info .step-complete .circle-box .step-list--box { background-color:#07496e; }
				.signup-step--info .step-complete .circle-box .txt,
				.signup-step--info .step-complete .circle-box .num { color:#fff; }

		.signup-step--info .step-list--title {
			display:block;
			width:100%;
			margin-top:12px;
			font-weight:600;
			font-size:0.85rem;
			color:#000;
			text-align:center;
			word-break:keep-all;
			word-wrap:break-word;
		}

		.center-btn-box {
			display:flex;
			justify-content:center;
			align-items:center;
			width:100%;
			margin-top:40px;
		}
		
		.signup-box .cmn-title {
			display:block;
			width:100%;
			margin-top:40px;
			margin-bottom:20px;
			letter-spacing:-1.2px;
			color:#000;
		}
		.signup-box .cmn-title.no-margin { margin-top:0px; }
		
		.signup-box .color-red { color:#f00; }
		.signup-box .color-green { color:#0f742c; }
		
		.signup-box .cal-btn { background-color:transparent; border:0px; }
		.signup-box .cal-btn img { vertical-align:top; }

/************************ 회원가입 - 약관동의 ************************/
.agreement-box { display:block; width:100%; }
	.agreement-box .border-box-style1 {
		display:block;
		width:100%;
		height:300px;
		padding:20px;
		border:1px solid #ccc;
		overflow-y:auto;
	}

	.agreement-box .agr-check {
		display:flex;
		justify-content:center;
		width:100%;
		margin-top:20px;
	}

/************************ 회원가입 본인인증 ************************/
.auth-box {
	display:block;
	width:100%;
}

	.auth-box .auth-title {
		display:block;
		width:100%;
		margin-top:40px;
		margin-bottom:40px;
		font-weight:600;
		font-size:1.3em;
		text-align:center;
	}

	.auth-box .auth-list-box {
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:100%;
	}
	
		.auth-box .auth-list-box .auth-list {
			display:block;
			padding:30px;
			background-color:#fafafa;
			border:1px solid #ccc;
			border-radius:5px;
		}
		
			.auth-box .auth-list-box .auth-list .img-box {
				display:block;
				width:100%;
				padding-top:120px;
				background-repeat:no-repeat;
				background-position:center top;
			}
			
			.auth-box .auth-list-box .auth-list.phone .img-box { background-image:url('../img/sub/img-phone.png'); }
			.auth-box .auth-list-box .auth-list.i-pin .img-box { background-image:url('../img/sub/img-ipin.png'); }
			.auth-box .auth-list-box .auth-list.e-mail .img-box { background-image:url('../img/sub/img-email.png'); }
			.auth-box .auth-list-box .auth-list.naver .img-box { background-image:url('../img/sub/img-naver.png'); }
			.auth-box .auth-list-box .auth-list.facebook .img-box { background-image:url('../img/sub/img-facebook.png'); }
			.auth-box .auth-list-box .auth-list.google .img-box { background-image:url('../img/sub/img-google.png'); }
			.auth-box .auth-list-box .auth-list.kakao .img-box { background-image:url('../img/sub/img-kakao.png'); }
		
				.auth-box .auth-list-box .auth-list .img-box .txt {
					display:block;
					width:100%;
					font-weight:600;
					font-size:1.2em;
					text-align:center;
				}
		
		.auth-box .auth-list-box .auth-list .auth-btn {
			display:block;
			width:100%;
			padding:10px 20px;
			margin-top:10px;
			background-color:#434343;
			color:#fff;
			font-weight:600;
			font-size:0.91em;
			text-align:center;
		}
		.auth-box .auth-list-box .auth-list .auth-btn:hover,
		.auth-box .auth-list-box .auth-list .auth-btn:focus { background-color:#0f5274; text-decoration:none; }

/************************ 회원가입 - 정보입력 ************************/
.signup-write-box {
	display:block;
	width:100%;
}
	.signup-write-box .right-txt {
		display:block;
		width:100%;
		text-align:right;
		font-weight:600;
		margin-bottom:10px;
	}
	
	.signup-write-box .member-form--frame {
		display:block;
		width:100%;
	}
	
	.signup-write-box .form--frame {
		display:block;
		width:100%;
		max-width:700px;
		margin-left:auto;
		margin-right:auto;
	}


.signup-write-box .form--frame .form-group.id-field .form-flex--frame input {
	width:calc(100% - 110px);
	margin-right:10px;
}
	.signup-write-box .form--frame .form-group.id-field .form-flex--frame .chk--btn {
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:100px;
		padding-left:15px;
		padding-right:15px;
		background-color:#00a2a2;
		border-radius:5px;
		border:0px;
		color:#000;
		transition:0.3s all ease-in-out;
	}
	
		.signup-write-box .form--frame .form-group.id-field .form-flex--frame .chk--btn .text,
		.signup-write-box .form--frame .form-group.id-field .form-flex--frame .chk--btn .icon {
			display:block;
			font-size:0.8rem;
			font-weight:600;
			color:#fff;
		}
	
		.signup-write-box .form--frame .form-group.id-field .form-flex--frame .chk--btn:hover,
		.signup-write-box .form--frame .form-group.id-field .form-flex--frame .chk--btn:focus { background-color:#000; }

			.signup-write-box .form--frame input[type="text"],
			.signup-write-box .form--frame input[type="password"],
			.signup-write-box .form--frame input[type="number"],
			.signup-write-box .form--frame select	{
				display:block;
				padding:15px 20px;
				background-color:#fff;
				border:1px solid #b2b2b2;
				border-radius:5px;
				font-weight:600;
				font-size:0.85rem;
				height:auto;
			}
						
			.signup-write-box .form--frame .inner-flex--box.email .item--list { align-self:center; 	}
			.signup-write-box .ex-txt {
				display:block;
				width:100%;
				margin-top:6px;
				font-size:0.85em;
				font-weight:600;
			}
			
			.signup-write-box .hide-txt {
				display:block;
				width:100%;
				margin-top:10px;
				padding:8px;
				color:#f00;
				font-weight:600;
				font-size:0.85em; border:1px solid #ccc; background-color:#f1f1f1; }
			
			.signup-write-box input[type="text"] {
				height:30px;
				padding:5px;
				font-weight:600;
			}


/************************ 폼 공통 ************************/
.form--frame .form-group {
	display:block;
	width:100%;
}

.form--frame .form-group:not(:last-of-type) { margin-bottom:30px; }

	.form--frame .form-group--title {
		display:block;
		width:100%;
		margin-bottom:12px;
		font-weight:600;
		font-size:1.25rem;
		color:#000;
		letter-spacing:-.9px;
	}

	.form--frame .form-group textarea {
		display:block;
		width:100%;
		height:474px;
		background-color:#fff;
		border:1px solid #b2b2b2;
		border-radius:5px;
		resize:none;
	}

	.form--frame .form-flex--frame {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}

			.form--frame input:placeholder { color:rgba(0,0,0,.6); }

		.form--frame .form-group--flex {
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
		}
			.form--frame .form-group--flex .form-item { display:block; }

				.form--frame .inner-flex--box {
					display:flex;
					justify-content:flex-start;
					flex-wrap:wrap;
					width:100%;
					}
					
					.form--frame .inner-flex--box .item--list { display:block; }

	.form--frame .info-text {
		display:block;
		width:100%;
		margin-top:10px;
		font-weight:600;
		font-size:0.85rem;
		color:rgba(0,0,0,.6);
		line-height:1.4;
		word-wrap:break-word;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
	.form--frame .info-text.no-mg { margin-top:0px; }
	.form--frame .info-text.error { color:#f00; }

/************************ 회원가입 - 가입완료 ************************/
.complete-box {
	display:block;
	width:100%;
	border:1px solid #ccc;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
	.complete-box .img-box {
		display:block;
		width:100%;
		text-align:center;
	}
	
		.complete-box .img-box img {
			max-width:100%;
			vertical-align:top;
		}
		
	.complete-box .text-box { display:block; width:100%; }

		.complete-box .text-box .complete-main-title,
		.complete-box .text-box .complete-sub-description {
			display:block;
			width:100%;
			text-align:center;
			font-weight:600;
			color:#000;
		}
		
		.complete-box .text-box .complete-main-title {
			margin-top:30px;
			letter-spacing:-1.2px;
		}
		
			.complete-box .text-box .complete-main-title .block {
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-weight:500;
				line-height:1.4;
			}
			
		.complete-box .text-box .complete-sub-description {
			margin-top:15px;
			line-height:1.4;
		}

/* 마이페이지 */
.table-board-list { margin:20px 0; }
	.table-board-list .status {
		display:block;
		padding:4px;
		background-color:#f1f1f1;
		border:1px solid #ccc;
		font-weight:600;
		text-align:center;
	}
	
	.table-board-list .status.end {
		background-color:#434343;
		border-color:#343434;
		color:#fff;
	}
	
	.table-board-list .status.ing {
		background-color:#3b5a9a;
		broder-color:#26427e;
		color:#fff;
	}

.board-reply {
	display:block;
	width:100%;
	margin-top:30px;
	padding-top:30px;
	border-top:1px dashed #ccc;
}
	.board-reply .reply-tt {
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	
		.board-reply .reply-tt span {
			display:inline-block;
			padding:5px 20px;
			background-color:#3b5a9a;
			font-size:0.91em;
			font-weight:600;
			color:#fff;
		}

.table-basic a { display:block; width:100%; }

/************************ 잘못된 경로 ************************/
.box-style-3 {
	display:block;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
	.box-style-3 .img-box {
		display:block;
		width:100%;
	}
		.box-style-3 .img-box img {
			max-width:100%;
			vertical-align:top;
		}
	
	.box-style-3 .bs-title {
		display:block;
		width:100%;
		margin-top:30px;
		font-family:'NanumSquare';
		font-weight:600;
		font-size:3em;
		letter-spacing:-1.2px;
	}
		.box-style-3 .bs-title .color-r { color:#e05353; }
		.box-style-3 .bs-title .color-b { color:#51c9e5; }
	
	.box-style-3 .sub-txt {
		display:block;
		width:100%;
		margin-top:30px;
		margin-bottom:50px;
		font-weight:600;
	}
		.box-style-3 .sub-txt .block {
			display:block;
			width:100%;
			line-height:1.6;
		}

.btn-style2 {
	display:inline-block;
	padding:12px 50px;
	box-shadow:4px 4px 0 rgba(0,0,0,.3);
	font-weight:600;
	color:#fff;
}
	.btn-style2.bg-c-r { background-color:#e05353; }
	.btn-style2.bg-c-b { background-color:#51c9e5; }

.btn-style2.bg-c-r:hover,
.btn-style2.bg-c-r:focus { background-color:#464646; text-decoration:none; color:#fff; }

/************************ 타이틀 ************************/
.cmn-title-frame { display:block; }

	.cmn-title-frame .common-title {
		display:block;
		font-family:'SEBANG_Gothic_Regular', sans-serif;
		font-weight:300;
		color:#000;
		letter-spacing:-1.2px;
		line-height:1.4;
		text-align:center;
	}
	
/************************ 사이트 네비게이션 ************************/
.site-navigation {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:30px;
}
	.site-navigation .navi-list {
		display:block;
		width:auto;
		font-family:'SEBANG_Gothic_Regular', sans-serif;
		font-weight:300;
		font-size:0.91rem;
		color:#000;
	}
	
	.site-navigation .navi-list:not(.home) {
		background-image:url('/res/home/img/sub/image_sub_navi_bullet.png');
		background-repeat:no-repeat;
	}
	
	.site-navigation .navi-list.last { color:#00a2a2; }
	

/********** 서브메뉴 **********/
.sub-Navi {
	display:block;
	width:100%;
	margin-bottom:55px;
}
	
			

.ffl-wrapper {
	display:block;
	width:100%;
	position:relative;
	padding-top:1rem;
	margin-bottom:15px;
}
	
	.ffl-wrapper .ffl-label {
		max-width:100%;
		transition:0.2s all ease-in-out;
		transition-delay:0s;
		position:absolute;
		top:1.4rem;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		pointer-events:none;
		font-weight:600;
		color:rgba(0,0,0,.6);
		font-size:0.91em;
	}
		
		.ffl-wrapper.ffl-floated .ffl-label {
			top:0px;
			font-size:0.7em;
			color:#00a2a2;
		}
		
		.ffl-wrapper input {
			display:block;
			width:100%;
			height:30px;
			background-color:transparent;
			border:0px;
			border-bottom:1px solid rgba(0, 0, 0, 0.2);
			transition:border-bottom 100ms ease;
			padding:0;
			outline:0;
		}
		
		.ffl-wrapper.ffl-floated input { border-bottom-color:#00a2a2; }

/************************ 아이디 패스워드 찾기 ************************/
.find--frame {
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
	.find--frame .find-item { display:block; }

		.find--frame .item-title {
			display:block;
			width:100%;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom:20px;
			background-repeat:no-repeat;
			background-position:right center;
			font-family:'Pretendard-Regular', sans-serif;
			font-size:1.5rem;
			font-weight:400;
			letter-spacing:-1.2px;
			color:#000;
		}
		.find--frame .item-id .item-title { background-image:url('/res/home/img/sub/image_findID_icon.png'); }
		.find--frame .item-pw .item-title { background-image:url('/res/home/img/sub/image_findPW_icon.png'); }  

	.find--frame .btn-box { margin-top:30px; }
		.find--frame .btn-box .search--btn { border-radius:25px; min-width:190px; }

/************************ 커스텀 체크박스 ************************/
.custom-checkbox {
	display:flex;
	justify-content:flex-end;
	width:100%;
	margin-top:40px;
}
	.custom-checkbox .right-align { display:block; width:auto; }
		
		.custom-checkbox .right-align .check-custom {
			padding:10px 20px;
			background-color:#fff;
			border:1px solid #ccc;
		}

.check-custom {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:auto;
	cursor:pointer;
}
	.check-custom input { display:none; }

		.check-custom .checkbox--icon {
			display:block;
			width:20px;
			height:20px;
			background-color:transparent;
			border:2px solid #ccc;
			position:relative;
			cursor:pointer;
		}

		.check-custom .checkbox--icon::before,
		.check-custom .checkbox--icon::after {
			content:'';
			display:inline-block;
			width:2px;
			height:0;
			background-color:#e21779;
			position:absolute;
			transform-origin:left top;
		}
		
		.check-custom .checkbox--icon::before {
			top:6px;
			left:2px;
			transform:rotate(-45deg);
		}
		
		.check-custom .checkbox--icon::after {
			top:13px;
			left:9px;
			transform:rotate(-135deg);
		}

		.check-custom input:checked + .checkbox--icon { border-color:#e21779; }
		.check-custom input:checked + .checkbox--icon::before { height:10px; transition:all 0.15s ease; }
		.check-custom input:checked + .checkbox--icon::after { height:20px; transition:all 0.15s ease 0.15s; }

			.check-custom .text-check--list {
				display:block;
				align-self:center;
			}
			
			.check-custom .check-tit--frame,
			.check-custom .checkbox--icon { align-self:center; }
			.check-custom .checkbox--icon { margin-right:10px; }

	.check-custom .check-tit--frame { display:block; width:auto; }
		
		.check-custom .check-tit--frame .check-tit {
			display:block;
			font-size:0.85rem;
			font-weight:600;
			color:#000;
			letter-spacing:-.6px;
		}

/************************ 회원가입 - 동의 ************************/
.signup-box .agreement-box {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
}
	.signup-box .agree-list--frame { display:block; }


/********** 회원가입 - 공통 - 진행상태 **********/
.signup-frame { display:block; width:100%; }
.signup-step--info {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:100%;
	border-bottom:1px solid #000;
}
	.signup-step--info .signup-step--list { display:block; }

		.signup-step--info .line {
			height:1px;
			margin-top:41px;
			background-color:#ccc;
		}
		.signup-step--info .line.ing { background-color:#62c376; }
		.signup-step--info .line.end { background-color:#07496e; }

		.signup-step--info .circle-box { display:block; }
			.signup-step--info .circle-box .step-list--box {
				display:block;
				background-color:#ccc;
			}
				.signup-step--info .circle-box .txt,
				.signup-step--info .circle-box .num {
					text-align:center;
					font-weight:600;
					font-size:0.8rem;
					color:#464646;
					line-height:1.3;
				}

		.signup-step--info .step-current .circle-box { border-color:#62c376; }
			.signup-step--info .step-current .circle-box .step-list--box { background-color:#62c376; }
				.signup-step--info .step-current .circle-box .txt,
				.signup-step--info .step-current .circle-box .num { color:#fff; }
		
		.signup-step--info .step-complete .circle-box { border-color:#238337; }
			.signup-step--info .step-complete .circle-box .step-list--box { background-color:#238337; }
				.signup-step--info .step-complete .circle-box .txt,
				.signup-step--info .step-complete .circle-box .num { color:#fff; }

		.signup-step--info .step-list--title {
			display:block;
			width:100%;
			margin-top:12px;
			font-weight:600;
			font-size:0.85rem;
			color:#000;
			text-align:center;
			word-break:keep-all;
			word-wrap:break-word;
		}

/********** 회원가입 - 회원 구분 선택 **********/	
.auth--frame {
	word-wrap:break-word;
	word-break:keep-all;
}
	.auth--frame .auth--title {
		display:block;
		width:100%;
		padding:20px;
		margin-top:25px;
		margin-bottom:25px;
		font-weight:600;
		text-align:center;
	}
	
	.auth--frame .choice-member--frame {
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:100%;
	}
		.auth--frame .choice-member--frame .choice-list {
			display:block;
			padding:40px 20px;
			background-color:#fff;
			border:1px solid #ccc;
			border-radius:10px;
			transition:0.3s all ease-in-out;
		}
		
		.auth--frame .choice-member--frame .choice-list:hover,
		.auth--frame .choice-member--frame .choice-list:focus {
			text-decoration:none;
			-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.3);
			box-shadow:3px 3px 10px rgba(0,0,0,.3);
			border-color:#000;
		}
		
			.auth--frame .choice-member--frame .choice-list .image-box {
				display:block;
				width:100%;
				margin-bottom:20px;
				text-align:center;
			}
				.auth--frame .choice-member--frame .choice-list .image-box img {
					max-width:100%;
					vertical-align:top;
				}
				
			.auth--frame .choice-member--frame .choice-list .title-box {
				display:block;
				padding:10px;
				background-color:#3e3a39;
				border-radius:30px;
				text-align:center;
				font-family:'SEBANG_Gothic_Regular', sana-serif;
				font-weight:400;
				font-size:1.21rem;
				color:#fff;
			}
			
			.auth--frame .choice-member--frame .choice-list.citizen-activist .title-box { background-color:#2d9688; }
			
			.auth--frame .choice-member--frame .choice-list .info-text {
				display:block;
				width:100%;
				margin-top:12px;
				margin-bottom:45px;
				text-align:center;
				font-weight:600;
				font-family:'NanumGothic', sans-serif;
				font-size:0.85rem;
				line-height:1.4;
			}
				.auth--frame .choice-member--frame .choice-list:hover .info-text,
				.auth--frame .choice-member--frame .choice-list:focus .info-text { color:#000; }
			
			.auth--frame .choice-member--frame .choice-list .link-area {
				display:flex;
				justify-content:space-between;
				align-items:center;
				width:100px;
				margin-left:auto;
				margin-right:auto;
				transition:0.3s all ease-in-out;
			}
			
			.auth--frame .choice-member--frame .choice-list:hover .link-area,
			.auth--frame .choice-member--frame .choice-list:focus .link-area { border-color:#00c37f; }
			
				.auth--frame .choice-member--frame .choice-list .link-area .text,
				.auth--frame .choice-member--frame .choice-list .link-area .icon {
					display:block;
					width:auto;
					font-weight:600;
					font-size:0.8rem;
					color:#000;
				}
		
				.auth--frame .choice-member--frame .choice-list:hover .link-area .text,
				.auth--frame .choice-member--frame .choice-list:focus .link-area .text,
				.auth--frame .choice-member--frame .choice-list:hover .link-area .icon,
				.auth--frame .choice-member--frame .choice-list:focus .link-area .icon { color:#00c37f; }
	   
/********** 회원가입 - 이메일 인증 **********/
.signup .line-box-style {
	display:block;
	width:100%;
	background-color:#fafafa;
	border:1px solid #ccc;
	text-align:center;
	padding:20px;
}
	.signup .line-box-style .txt {
		font-weight:600;
		font-size:0.85rem;
		color:#000;
		line-height:1.4;
	}

.signup .signup-top-title { display:block; }
	.signup .signup-top-title .text {
		display:block;
		width:100%;
		background-color:#244a6e;
		text-align:center;
		color:#fff;
		font-weight:600;
	}

.signup .s-text {
	display:block;
	width:100%;
	text-align:center;
	font-weight:600;
	font-size:0.85rem;
	color:rgba(0,0,0,.6);
	word-wrap:break-word;
	word-break:keep-all;
	line-height:1.4;
}

.email-certification {
	display:block;
	width:100%;
	padding:50px;
	word-wrap:break-word;
	word-break:keep-all;
}
	.email-certification .email-certi-frame { display:block; }
		.email-certification .form-item {
			display:flex;
			justify-content:flex-start;
			width:100%;
		}

		.email-certification .form-item .ffl-wrapper {
			width:calc(100% - 115px);
			margin-bottom:0px;
		}
			.email-certification .form-item .certi-btn {
				display:block;
				width:100px;
				margin-left:15px;
				border:0px;
				font-size:0.85em;
				color:#fff;
				font-weight:600;
			}
		
			.email-certification .form-item .btnReqEmail { background-color:#313131; }
			.email-certification .form-item .btnReqEmail:hover { background-color:#3363af; }
			.email-certification .form-item .btnReqEmail:disabled {
				background-color:#ccc;
				border:1px solid #ccc;
				color:rgba(0,0,0,.3);
			}
			
			.email-certification .form-item .btnVerify { background-color:#16448a; }
			.email-certification .form-item .btnVerify:hover { background-color:#21bdbd; }
			.email-certification .form-item .btnVerify:disabled {
				background-color:#ccc;
				border:1px solid #ccc;
				background-color:#ccc;
				color:rgba(0,0,0,.3);
			}	

		.email-certification .line-box-style .email-address { color:#21bdbd; }
		
		.email-certification .input-cert .cert-time {
			position:absolute;
			right:0px;
			top:25px;
			font-weight:600;
			font-size:0.85em;
			color:rgba(0,0,0,.6);
		}
		
		.email-certification .line-box-style .link-area {
			display:flex;
			justify-content:center;
			width:100%;
			margin-top:20px;
		}
			.email-certification .line-box-style .link-area .link-area-item {
				display:block;
				font-weight:600;
				font-size:0.85em;
				padding-bottom:3px;
				border-bottom:1px solid #ccc;
				transition:0.3s all ease-in-out;
			}
		
			.email-certification .line-box-style .link-area .link-area-item:hover,
			.email-certification .line-box-style .link-area .link-area-item:focus { text-decoration:none; }
		
				.email-certification .line-box-style .link-area .btnChange { color:#000; border-color:#000; }
				.email-certification .line-box-style .link-area .btnChange:hover,
				.email-certification .line-box-style .link-area .btnChange:focus { color:#21bdbd; border-color:#21bdbd; }
		
				.email-certification .line-box-style .link-area .btnRefresh { color:#178ef3; border-color:#178ef3; }
				.email-certification .line-box-style .link-area .btnRefresh:hover,
				.email-certification .line-box-style .link-area .btnRefresh:focus { color:#16448a; border-color:#16448a; }
		
		.ffl-wrapper input[type="text"].valid { padding-left:10px !important; padding-right:10px !important; }
		.ffl-wrapper input[type="text"].valid + .cert-time { right:10px; }
		input[type=text].error,
		input[type=text].valid { border-top:0px; border-left:0px; border-right:0px; }
		
		
		
.nickname--frame { display:block; }
	.nickname--frame .form-items {
		display:flex;
		justify-content:flex-start;
		width:100%;
	}
		.nickname--frame .form-items .certi-btn {
			display:block;
			border:0px !important;
			font-size:0.85em;
			color:#fff;
			font-weight:600;
			transition:0.3s all ease-in-out;
		}

		.nickname--frame .form-items .btnReqNickname { background-color:#313131; }
		.nickname--frame .form-items .btnReqNickname:hover { background-color:#31a69c; }


.ffl-wrapper {
	display:block;
	width:100%;
	position:relative;
	padding-top:1rem;
	margin-bottom:15px;
}
	.ffl-wrapper .ffl-label {
		max-width:100%;
		transition:0.2s all ease-in-out;
		transition-delay:0s;
		position:absolute;
		top:1.4rem;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		pointer-events:none;
		font-weight:600;
		color:rgba(0,0,0,.6);
		font-size:0.91em;
	}
		.ffl-wrapper.ffl-floated .ffl-label {
			top:0px;
			font-size:0.7em;
			color:#f58007;
		}
		.ffl-wrapper input {
			display:block;
			width:100%;
			height:30px;
			padding:0;
			background-color:transparent;
			border:0px;
			border-bottom:1px solid rgba(0, 0, 0, 0.2);
			transition:border-bottom 100ms ease;
			outline:0;
		}
		.ffl-wrapper.ffl-floated input { border-bottom-color:#f58007; }

.apply-form--frame .req-text {
	display:block;
	width:100%;
	font-weight:600;
}
	.apply-form--frame .required { color:#f00; font-weight:600; }

/**********  **********/
.form-frame {
	display:block;
	width:100%;
}
	.form-frame .form-group {
		display:block;
		width:100%;
	}
	.form-frame .form-group:not(:last-of-type) { margin-bottom:25px; }
		.form-frame .form-group--title {
			display:block;
			width:100%;
			font-weight:600;
			color:#000;
			font-size:1rem;
		}

			.form-frame .input-type--text {
				border:1px solid #b2b2b2;
				padding:10px;
			}
			.form-frame .input-type--select {
				display:block;
				padding:10px;
				background-color:#fff;
				border:1px solid #b2b2b2;
				border-radius:5px;
				font-weight:600;
			}

			.form-frame .form-btn--frame {
				display:flex; 
				justify-content:center;
				width:100%;
			}
				.form-frame .form-btn--frame .btn {
					display:block;
					border:0px;
					transition:0.3s all ease-in-out;
				}

				.form-frame .login-btn {
					display:block;
					width:100%;
					padding:15px;
					background-color:#007fc7;
					text-align:center;
					color:#fff;
					font-weight:600;
					font-size:1rem;
				}
				.form-frame .login-btn:hover,
				.form-frame .login-btn:focus {
					text-decoration:none;
					background-color:#0095d9;
				}

				 .chkbox-frame {
					display:flex; 
					justify-content:space-between;
					flex-wrap:wrap;
					width:100%;
					padding:20px;
					background-color:#fafafa;
					border:1px solid #ccc;
					border-radius:10px;
				}
				.chkbox-frame .chkbox-text,
				.chkbox-frame .chkbox-check { align-self:center; }

				.chkbox-frame .chkbox-text { display:block; }
				.chkbox-frame .chkbox-check {
					display:flex; 
					justify-content:flex-start;
				}

				.chkbox-frame .chk-label,
				.chkbox-frame .chk {
					align-self:center;
					display:block;
				}
				.chkbox-frame .chk-label:hover,
				.chkbox-frame .chk-label:focus,
				.chkbox-frame .chk:hover,
				.chkbox-frame .chk:focus { cursor:pointer; }
				
				.chkbox-frame .chk { margin-right:10px; }

				.chkbox-frame .chkbox-text,
				.chkbox-frame .chk-label {
					font-weight:600;
					font-size:0.85rem;
					color:#000;
				}
				
				.form-frame .form-flex--group {
					display:flex;
					justify-content:flex-start;
					flex-wrap:wrap;
					width:100%;
					margin-bottom:25px;
				}

/* 회원가입 */
.apply-form--frame.sign-up .input-area {
	padding-bottom:40px;
	border-bottom:1px solid #ccc;
}

	.apply-form--frame.sign-up .input-area .textarea {
		display:block;
		width:100%;
		min-height:200px;
		resize:none;
	}
	
	
	.apply-form--frame .form-group-flex {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
	.apply-form--frame .form-group-flex:not(:last-of-type) { margin-bottom:25px; }

		.apply-form--frame .form-group-flex .form-group-flex--title {
			display:block;
			font-weight:600;
			color:#000;
		}
		.apply-form--frame .form-group-flex .input-type--text-sm,
		.apply-form--frame .form-group-flex .input-type--select-sm {
			display:block;
			padding:10px;
			border:1px solid #b2b2b2;
			border-radius:5px;
			font-weight:600;
			font-size:0.85rem;
		}
		.apply-form--frame .form-group-flex .input-type--btn {
			padding-left:15px;
			padding-right:15px;
			background-color:#07496e;
			border:1px solid #07496e;
			border-radius:5px;
			color:#fff;
			font-size:0.85rem;
			font-weight:600;
		}
		.apply-form--frame .form-group-flex .input-type--btn:hover,
		.apply-form--frame .form-group-flex .input-type--btn:focus { background-color:#0095d9; }
	
	.info-text {
		display:block;
		width:100%;
		margin-top:7px;
		font-weight:600;
		font-size:0.8rem;
		color:rgba(0,0,0,.7);
	}
		.info-text.c-error { color:#f00; }

.signup-form {
	display:block;
	width:100%;
	padding:50px 0;
}
	.signup-form .signup-form-frame { display:block;  }

	.apply-form--frame .cmn-form .form-item-list .adr-search-btn {
		margin-left:10px;
		padding-left:20px;
		padding-right:20px;
		background-color:#27945b;
		border-color:#27945b;
		color:#fff;
		transition:0.3s all ease-in-out;
	}
	.apply-form--frame .cmn-form .form-item-list .adr-search-btn:hover,
	.apply-form--frame .cmn-form .form-item-list .adr-search-btn:focus { background-color:#105330; }
	
		.apply-form--frame .account-info .account-select select { font-size:0.85rem }
			
			.apply-form--frame input[readonly] {
				background-color:#ddd;
				border-color:#ccc;
				color:#646464;
				outline:none;
			}
		
	.overflow-box {
		display:none;
		width:100%;
		height:350px;
		padding:15px 30px;
		margin:20px 0;
		background-color:#fff;
		border:1px solid #ccc;
		border-radius:10px;
		overflow-y:auto;
	}

	.apply-form--frame .law-more--title {
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
		.apply-form--frame .law-more--title .title-text { display:block; }
		.apply-form--frame .law-more--title .more-law--btn {
			display:flex; 
			justify-content:flex-start;
			align-items:center;
			width:auto;
			padding:5px 10px;
			background-color:#fff;
			border:1px solid #249e5d;
			border-radius:20px;
			transition:0.3s all ease-in-out;
		}
		.apply-form--frame .law-more--title .more-law--btn:hover,
		.apply-form--frame .law-more--title .more-law--btn:focus {
			background-color:#fafafa;
			text-decoration:none;
		}
			.apply-form--frame .law-more--title .more-law--btn .text,
			.apply-form--frame .law-more--title .more-law--btn .icon {
				display:block;
				font-size:0.8rem;
				color:#249e5d;
			}
			.apply-form--frame .law-more--title .more-law--btn .text { margin-right:20px; }
			
		.apply-form--frame .law-more--title .more-law--btn.active { background-color:#249e5d; }
			.apply-form--frame .law-more--title .more-law--btn.active .text,
			.apply-form--frame .law-more--title .more-law--btn.active .icon { color:#fff; }

.form-group--input .block { display:block; width:100%; padding-top:12px; font-weight:600; color:#000; }



/*** Mobile ***/  
@media screen and (min-width:1px) and (max-width:639px) {
	.complete-box .btn-box.flex-wrap { flex-wrap:wrap; }
		.complete-box .btn-box.flex-wrap .btn {
			width:100%;
			margin-right:0px !important;
		}
		.complete-box .btn-box.flex-wrap .btn:not(:last-of-type) { margin-bottom:20px; }
	
	/************************ 공통 ************************/
	.layout-container { padding:30px 0; }
	.signup-write-box .right-txt {
		font-size:0.85em;
		word-wrap:break-word;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
		
	/************************ 타이틀 ************************/
	#subTitle { margin-bottom:30px; }
		#subTitle .sub-tt { font-weight:600; font-size:2em; }
		
	
	/************************ 공통 ************************/
	.layout-container { padding:50px 0; }
	
	/************************ ??? ************************/
	#payment-list .m-cont { width:49%; }
	
		#payment-list .m-cont.mct { margin-right:2%; }
	
	#payment-list .cont-box { font-size:0.8em; }
		
		#payment-list .m-cont .cont-box .tt { padding:20px; }
	
	/************************ 로그인 ************************/
	.login-box .login-form-box { padding:25px 0; }
	
	.login-box .login-title {
		font-size:2.5em;
		font-weight:600;
	}
	
	.login-box .sub-descript {
		font-size:1em;
		font-weight:600;
	}
	
	.login-box .flex-box .input-box { width:100%; }
	.login-box .flex-box .button-box { width:100%; margin-top:6px;  }
	.login-box .flex-box .button-box .login-btn { padding:15px; }
	
	.login-box .text-link--frame .se-btn {
		width:49%;
		font-size:0.91em;
		text-align:center;
	}
	
	.login-box .login-flex-box .login-btn {
		width:100%;
		padding:9px 20px;
		text-align:center;
		font-weight:600;
	}
	.login-box .login-flex-box .login-btn:not(:last-of-type) { margin-bottom:12px; }
		.login-box .login-flex-box .login-btn .icon { display:none; }
	
	.login-box .login-flex-box .login-btn.naver {
		background-color:#2cc623;
		border-color:#2cc623;
		color:#fff;
	}
	
	.login-box .login-flex-box .login-btn.facebook {
		background-color:#3b5a9a;
		border-color:#3b5a9a;
		color:#fff;
	}
	
	.login-box .login-flex-box .login-btn.kakao {
		background-color:#fee500;
		border-color:#fee500;
		color:#191919;
	}
	.login-box .login-flex-box .login-btn.google { background-color:#f1f1f1; }
	
	/********** 회원가입 - 공통 - 진행상태 **********/
	.signup-step--info {
		padding:17px 0;
		border-top:2px solid #000;
	}
	
		.signup-step--info .signup-step--list { width:24.9999%; }
		.signup-step--info .line { display:none; }
		.signup-step--info .circle-box { width:100%; }
			.signup-step--info .circle-box .step-list--box { width:100%; }
	
		.signup-step--info .step-list--box { padding:5px 0; }
	
			.signup-step--info .step-list--title {
				margin:0px;
				padding:0 10px 10px 10px;
				background-color:#ccc;
			}
	
		.signup-step--info .signup-step--list.step-current { background-color:#62c376; } 
			.signup-step--info .signup-step--list.step-current .step-list--title { background-color:transparent; color:#fff; }
		
		.signup-step--info .signup-step--list.step-complete { background-color:#238337; }
			.signup-step--info .signup-step--list.step-complete .step-list--title { background-color:transparent; color:#fff; }
		
		.form-frame .chkbox-frame { border:1px solid #ccc; background-color:#fafafa; padding:15px 10px; }
			.form-frame .chkbox-frame .chkbox-text,
			.form-frame .chkbox-frame .chkbox-check { width:100%; }
			.form-frame .chkbox-frame .chkbox-check { padding-top:15px; margin-top:15px; border-top:1px dashed #ccc; }
	
	.signup-box .cmn-title { font-size:1.5rem; }
	
	/********** 회원가입 - 유형선택 **********/
	.auth--frame .choice-member--frame .choice-list { width:100%; }
	.auth--frame .choice-member--frame .choice-list:not(:last-of-type) { margin-bottom:20px; }
	
		.auth--frame .choice-member--frame .choice-list .title-box { width:100%; }
	
	.nickname--frame .form-items { flex-wrap:wrap; }
	.nickname--frame .form-items .ffl-wrapper,
	.nickname--frame .form-items .certi-btn { width:100%; }
	
	.nickname--frame .form-items .certi-btn { padding:10px; }
	
	/********** 회원가입 - 이메일 인증 **********/
	.email-certification .flex-mob { flex-wrap:wrap; }
		.email-certification .flex-mob .ffl-wrapper,
		.email-certification .flex-mob .certi-btn { width:100%; }
	
		.email-certification .flex-mob .certi-btn {
			margin-left:0;
			margin-top:10px;
			padding:10px;
		}
	
	.email-certification .line-box-style .link-area { flex-wrap:wrap; }
		.email-certification .line-box-style .link-area .link-area-item { width:100%; border-bottom:0px; }
		.email-certification .line-box-style .link-area .link-area-item:not(:last-of-type) { margin-bottom:20px; }
	
	/************************ 회원가입 - 정보입력 ************************/	
	.signup-write-box .form--frame .inner-flex--box.tel .item--list.list1,
	.signup-write-box .form--frame .inner-flex--box.tel .item--list.list2,
	.signup-write-box .form--frame .inner-flex--box.tel .item--list.list3 { width:100%; }
	
	.signup-write-box .form--frame .inner-flex--box.tel .item--list.list2,
	.signup-write-box .form--frame .inner-flex--box.tel .item--list.list3 { margin-top:10px; }
	
	.signup-write-box .form--frame .inner-flex--box.email .item--list.list1,
	.signup-write-box .form--frame .inner-flex--box.email .item--list.list3,
	.signup-write-box .form--frame .inner-flex--box.email .item--list.list4 { width:100%; }
	
	.signup-write-box .form--frame .inner-flex--box.email .item--list.list2 { display:none; }
	
	.signup-write-box .form--frame .inner-flex--box.email .item--list.list3,
	.signup-write-box .form--frame .inner-flex--box.email .item--list.list4 { margin-top:10px; }
	
	.signup-write-box .btn-box .a-btn { min-width:auto; }
		.signup-write-box .btn-box .a-btn .text { display:none; }
	
	/************************ 폼 공통 ************************/
	.form--frame .form-group--flex .form-item { width:100%; }
	.form--frame .form-group--flex .form-item:not(:last-of-type) { margin-bottom:30px; }
		
	/************************ 회원가입 - 완료 ************************/
	.complete-box { padding:50px 20px; }
		.complete-box .text-box .complete-main-title { font-size:1.4em; }
		.complete-box .text-box .complete-sub-description { font-size:0.91em; }
	
	/************************ 아이디 패스워드 찾기 ************************/
	.find-box .find-step .item { padding:10px; }
		
	/************************ 잘못된 경로 ************************/
	.box-style-3 .bs-title { font-size:2.2em; }
	.box-style-3 .sub-txt { font-size:0.85em; }
	
	/************************ 이용약관 개인정보처리방침 ************************/
	.law-guide .law-guide-top-txt .main-text { font-size:1.4em; }
	
	/************************ 타이틀 ************************/
	.cmn-title-frame .common-title {
		font-size:2.3rem;
		margin-bottom:30px;
	}
	
	/********** 서브메뉴 **********/
	.cmn-title-frame { display:none; }
	
	/************************ 사이트 네비게이션 ************************/
	.site-navigation {
		width:100%;
		padding-left:30px;
		padding-right:30px;
		justify-content:flex-start;
	}
	
	/************************ 아이디 패스워드 찾기 ************************/
	.find--frame .find-item { display:none; }
	.find--frame .find-item.current { display:block; }
	
		.mob-findBtn--frame {
			display:flex;
			justify-content:flex-start;
			width:100%;
			margin-bottom:20px;
			padding:5px;
			background-color:#f1f1f1;
			border-radius:5px;
		}
		.mob-findBtn--frame .btn-list { display:block; width:49%; }
		.mob-findBtn--frame .btn-list:nth-of-type(odd) { margin-right:2%; }
			.mob-findBtn--frame .btn-list .find-btn {
				display:block;
				width:100%;
				padding:15px 10px;
				border-radius:5px;
				text-align:center;
				font-weight:600;
				font-size:0.85rem;
				color:rgba(0,0,0,.7);
				transition:0.3s all ease-in-out;
			}
			.mob-findBtn--frame .btn-list .find-btn.current { background-color:#00a2a2; color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,.3); }
			
	/************************ 네비게이션 ************************/
	
	.site-navigation .navi-list { font-size:0.8rem; }
	 
	.site-navigation .navi-list:not(.home) {
		padding-left:20px;
		background-position:8px center;
	}
		
	/************************ 서브메뉴 ************************/
	.sub-Navi {
		position:relative;
		margin-bottom:30px;
	}
	
		.sub-Navi .selected {
			display:flex;
			justify-content:space-between;
			align-items:center;
			width:100%;
			padding:17px 17px 14px 17px;
			background-color:#fff;
			border:1px solid #ccc;
			border-radius:5px;
			transition:0.3s all ease-in-out;
		}
			.sub-Navi .selected .select-value,
			.sub-Navi .selected .arrow {
				display:block;
				width:auto;
			}
			
			.sub-Navi .selected .select-value {
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-weight:300;
				font-size:1rem;
			}
		
		.sub-Navi .selected.active { border-radius:5px 5px 0 0; }
		
		.sub-Navi .sub-nav--frame {
			display:none;
			width:calc(100% - 60px);
			position:absolute;
			z-index:10;
		}
			.sub-Navi .sub-nav--frame .sub-nav-item {
				display:block;
				width:100%;
			}
			
				.sub-Navi .sub-nav--frame .nav-list--frame {
					display:block;
					width:100%;
					padding:17px;
					background-color:#fff;
					border:1px solid #ccc;
					border-top:0px;
				}
					.sub-Navi .sub-nav--frame .nav-list {
						display:blockl;
						width:100%;
					}
					
					.sub-Navi .sub-nav--frame .nav-list:not(:last-of-type) { margin-bottom:10px; }
					
						.sub-Navi .sub-nav--frame .nav-link {
							display:block;
							width:100%;
							padding:10px 15px;
							font-family:'SEBANG_Gothic_Regular', sans-serif;
							font-weight:300;
							font-size:1rem;
						}
						
						.sub-Navi .sub-nav--frame .nav-link.active {
							background-color:#318fbe;
							color:#fff;
						}
						
	/********** 회원가입 - 회원가입 폼 **********/
	.apply-form--frame .form-group-flex .form-group-flex--title,
	.apply-form--frame .form-group-flex .form-group--input { width:100%; }
	.apply-form--frame .form-group-flex .form-group--input { margin-top:8px; }
	
	.apply-form--frame .form-group-flex .flex-item,
	.apply-form--frame .form-group-flex .input-type--text-sm, 
	.apply-form--frame .form-group-flex .input-type--select-sm { width:100% !important; }
	
	.apply-form--frame .input-area .mr-4, 
	.apply-form--frame .input-area .ml-5,
	.apply-form--frame .input-area .mr-10 { margin:0px; }
	
	.apply-form--frame .form-group-flex .input-type--btn { width:100%; margin-top:5px; padding:10px; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1216px) {
	/************************ 공통 ************************/
	.cont-frame { display:block; width:100%; } 
	.cont-box { padding:0 20px; }
	
	/************************ 타이틀 ************************/
	.cmn-title-frame {
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	
	/********** 서브메뉴 **********/
	.sub-Navi {
		padding-left:30px;
		padding-right:30px;
	}
	
	/********** 회원가입 - 이메일 인증 **********/
	.signup .s-text { padding:15px 20px; border-left:1px solid #ccc; border-right:1px solid #ccc; }

	.signup .signup-top-title { width:100%; }
		.signup .signup-top-title .text { padding:12px; font-size:0.91rem; border-radius:5px 5px 0 0; }

	.email-certification { padding:45px 0px; border:0px; }
		.email-certification .input-email { padding:20px; border:1px solid #ccc; border-top:0px; }
		.email-certification .arrow-btn-box { margin-top:20px; }
			.email-certification .arrow-btn-box .arrow-btn { width:180px; padding:15px; }
				.email-certification .arrow-btn-box .arrow-btn .text, 
				.email-certification .arrow-btn-box .arrow-btn .icon { font-size:0.8rem; }
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1216px) {
	/************************ 공통 ************************/
	.layout-container { padding:50px 0; }
	
	/************************ 회원가입 - 회원입증 ************************/
	.auth-box .auth-list-box .auth-list { width:100%; }
	.auth-box .auth-list-box .auth-list:not(:last-of-type) { margin-bottom:20px; }
	
	/************************ 타이틀 ************************/
	.cmn-title-frame .common-title { font-size:2.5rem; margin-bottom:30px; }
	
	/********** 서브메뉴 **********/
	.sub-Navi .sub-nav--frame { width:100%; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	/************************ ?????????? ************************/
	#payment-list .sub-Tab-B { display:none; }
		#payment-list .sub-Tab { display:block !important; }
	
			#payment-list .m-cont { width:24.25%; }
			#payment-list .m-cont:not(:last-of-type) { margin-right:1%; }
	
				#payment-list .m-cont .cont-box .tt { padding:28px; }
	
	/************************ 로그인 ************************/
	.login-box .login-form-box { padding:50px 0 0 0; }
	.login-box .login-title {
		font-size:3em;
		font-family:'NanumSquare';
		font-weight:800;
	}
	.login-box .sub-descript { font-size:1.6em; }
	
	.login-box .flex-box .input-box {
		min-width:300px;
		margin-right:10px;
	}
		.login-box .flex-box .button-box { width:120px; }
		
		.login-box .login-flex-box .login-btn {
			padding:40px;
			border-radius:5px;
			min-width:192px;
			transition:0.3s all ease-in-out;
		}
		
		.login-box .login-flex-box .login-btn:not(:last-of-type) { margin-right:17px; }
	
		.login-box .login-flex-box .login-btn .item {
			display:block;
			width:100%;
			text-align:center;
		}
		 
			.login-box .login-flex-box .login-btn .btn-title { margin-top:20px; font-weight:600; }
	
		.login-box .login-flex-box .login-btn.naver:hover,
		.login-box .login-flex-box .login-btn.naver:focus {
			background-color:#2cc623;
			color:#fff;
			text-decoration:none;
		}
	
		.login-box .login-flex-box .login-btn.facebook:hover,
		.login-box .login-flex-box .login-btn.facebook:focus {
			background-color:#3b5a9a;
			color:#fff;
			text-decoration:none;
		}
	
		.login-box .login-flex-box .login-btn.google:hover,
		.login-box .login-flex-box .login-btn.google:focus {
			background-color:#f1f1f1;
			text-decoration:none;
		}
		
		.login-box .login-flex-box .login-btn.kakao:hover,
		.login-box .login-flex-box .login-btn.kakao:focus {
			background-color:#fee500;
			color:#191919;
			text-decoration:none;
		}
	
	/********** 회원가입 - 공통 - 진행상태 **********/
	.signup-step--info { padding:17px 0 40px 0; } 
	
		.signup-step--info .line {
			display:block;
			width:14%;
		}
			.signup-step--info .circle-box {
				width:82px;
				height:82px;
				margin-left:auto;
				margin-right:auto;
				background-color:#fff;
				border:1px solid #ccc;
				border-radius:42px;
				position:relative;
			}
				.signup-step--info .circle-box .step-list--box {
					width:66px;
					height:66px;
					border-radius:33px;
					position:absolute;
					left:50%;
					top:50%;
					transform:translate(-50%, -50%);
				}
					.signup-step--info .circle-box .num { display:block; width:100%; }
					.signup-step--info .circle-box .txt { padding-top:19px; }
		
		.signup-box .cmn-title { font-size:1.4rem; }
	
	/********** 회원가입 - 회원인증 **********/
	.auth--frame .choice-member--frame .choice-list { width:49%; }
	.auth--frame .choice-member--frame .choice-list:not(:last-of-type) { margin-right:2%; }
		.auth--frame .choice-member--frame .choice-list .title-box {
			width:200px;
			margin-left:auto;
			margin-right:auto;
		}
	
	/********** 회원가입 - 이메일 인증 **********/
	.email-certification .email-certi-frame {
		width:500px;
		margin-left:auto;
		margin-right:auto;
	}
	.email-certification .line-box-style .link-area .link-area-item:not(:last-of-type) { margin-right:90px; }
	
	.nickname--frame .form-items input { width:calc(100% - 115px); margin-bottom:0px; }
	.nickname--frame .form-items .certi-btn { width:100px; margin-left:15px; }
	
	/************************ 회원가입 - 정보입력 ************************/
	.signup-write-box .member-form--frame {
		background-color:#fff;
		border:1px solid #ccc;
		border-radius:10px;
	}
	
		.signup-write-box .form--frame .inner-flex--box .item--list:not(:last-of-type) { margin-right:1.5%; }
		
		.signup-write-box .form--frame .inner-flex--box.tel .item--list.list1 { width:25%; }
		.signup-write-box .form--frame .inner-flex--box.tel .item--list.list2 { width:36%; }
		.signup-write-box .form--frame .inner-flex--box.tel .item--list.list3 { width:36%; }
										
		.signup-write-box .form--frame .inner-flex--box.email .item--list.list1 { width:31%; }
		.signup-write-box .form--frame .inner-flex--box.email .item--list.list2 { width:2.5%; text-align:center; color:#000; }
		.signup-write-box .form--frame .inner-flex--box.email .item--list.list3 { width:31%; }
		.signup-write-box .form--frame .inner-flex--box.email .item--list.list4 { width:31%; }
	
	/************************ 폼 공통 ************************/
	.form--frame { padding:50px; }
	.form--frame .form-group--flex .form-item { width:49%; }
	
	/************************ 회원가입 - 완료 ************************/
	.complete-box { padding:90px 20px; }
	
		.complete-box .text-box .complete-main-title { font-size:2em; }
		
			.complete-box .text-box .complete-main-title .block { display:block; width:100%; }
			
		.complete-box .text-box .complete-sub-description { font-size:1em; }
	
	/************************ 아이디 패스워드 찾기 ************************/
	.find-box .find-step .item { padding:20px 10px; }
			
	/************************ 잘못된 경로 ************************/
	.box-style-3 .bs-title { font-size:3em; }
	
	/********** 서브메뉴 **********/
	.sub-Navi .selected { display:none; }
	
	.sub-Navi .sub-nav--frame { display:block; }
	
		.sub-Navi .sub-nav--frame .sub-nav-item {
			display:flex;
			justify-content:center;
			width:100%;
		}
	
		.sub-Navi .sub-nav--frame .nav-list--frame {
			display:inline-flex;
			justify-content:center;
			align-items:center;
			width:auto;
			padding:10px 13px;
			background-color:#f2f2f2;
			border-radius:50px;
		}
			.sub-Navi .sub-nav--frame .nav-list--frame .nav-list {
				display:block;
				width:auto;
			}
			
			.sub-Navi .sub-nav--frame .nav-list--frame .nav-list:not(:last-of-type) {
				margin-right:10px;
			}
			
			.site-navigation .navi-list:not(.home) {
				padding-left:50px;
				background-position:23px center;
			}
			
				.sub-Navi .sub-nav--frame .nav-list--frame .nav-link {
					display:block;
					width:100%;
					padding:12px 30px;
					border-radius:30px;
					font-weight:600;
					font-size:0.91rem;
					line-height:1.4;
					letter-spacing:-.6px;
					color:rgba(0,0,0,0.7);
					text-align:center;
					transition:0.3s all ease-in-out;
				}
				
				.sub-Navi .sub-nav--frame .nav-list--frame .nav-link.active {
					background-color:#2c3539;
					color:#fff;
				}
				
				.sub-Navi .sub-nav--frame .nav-list--frame .nav-link:hover,
				.sub-Navi .sub-nav--frame .nav-list--frame .nav-link:focus {
					background-color:#666;
					color:#fff;
					text-decoration:none;
				}

	
	/************************ 아이디 패스워드 찾기 ************************/
	.find--frame {
		display:flex;
		justify-content:flex-start;
	}
	 
		.find--frame .find-item {
			width:49%;
			background-color:#fff;
			border:1px solid #b2b2b2;
			border-radius:10px;
		}
		
		.find--frame .find-item:not(:last-of-type) { margin-right:2%; }
	
		.mob-findBtn--frame { display:none; }
	
	/************************ 회원가입 - 동의 ************************/
	.mob-drop--btn { cursor:default; pointer-events:none; }
	.signup-box .agree-list--frame { width:49%; }
	
	/********** 회원가입 - 회원가입 폼 **********/
	.apply-form--frame .form-group-flex .form-group-flex--title {
		width:200px;
		padding-top:12px;
		text-align:center;
	}
	.apply-form--frame .form-group-flex .form-group--input { width:calc(100% - 200px); }
	
	.apply-form--frame .adr-search--input input { width:calc(100% - (30% + 10px)); }
	.apply-form--frame .adr-search--input button { width:30%; }
	
	.apply-form--frame .nickname--frame .input-type--btn { width:10%; margin-left:2%; }
	.apply-form--frame .adr-search--input .input-type--btn { width:15%; margin-left:2%; }
	
	.apply-form--frame .find-password .find-password--question { width:49%; margin-right:2%; }
	.apply-form--frame .find-password .find-password--answer { width:49%; }
}

/*** Desktop ***/
@media screen and (min-width:1217px) {
	/************************ 공통 ************************/
	.layout-container { padding:60px 0; }
	
	.cont-frame { width:1200px; margin-left:auto; margin-right:auto; }
	
	/************************ 잘못된 경로 ************************/
	.box-style-3 { width:1200px; margin-left:auto; margin-right:auto; }
	
	/********** 회원가입 - 이메일 인증 **********/
	.signup .signup-top-title {
			width:217px;
			margin-left:auto;
			margin-right:auto;
		}
			.signup .signup-top-title .text {
				padding:13px;
				border-radius:21px;
			}
			
		.signup .s-text { margin-top:20px; margin-bottom:20px; }
	
	/************************ 타이틀 ************************/
	.cmn-title-frame {
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	
		.cmn-title-frame .common-title {
			font-size:3rem;
			margin-bottom:30px;
		}

	/********** 서브메뉴 **********/
	.sub-Navi .sub-nav--frame {
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	
	/************************ 사이트 네비게이션 ************************/
	.site-navigation {
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	
}