@charset "utf-8";
/* 마음엔 - 김정희 ::: 여따가 CSS를 막 끄적끄적 */

/* PC */
/* 로고 검색 페이지 */
.findLogo {min-height: 982px;margin-bottom: -50px;font-family:'THELuxGoRA';font-size:16px;color:#333;}
.findLogo .btns {background-color:#51d3f9;color:#fff;border:none;font-weight:normal;font-size:16px;text-align:center;}

#findLogoSearch {padding:100px 0;background-image:url('../../../img/bg_findlogo.png');background-color:#fff;background-repeat:no-repeat;background-size:100% 100%;background-position:left top;text-align:center;}
#findLogoSearch p {line-height:24px;}
#findLogoSearch h3 {font-family:'THELuxGoBA';font-size:22px;color:#383838;}
#findLogoSearch .dr_txt {font-size:15px;}
#findLogoSearch ul {width: 491px; margin: 0 auto;}
#findLogoSearch ul li {text-align:left;}
#findLogoSearch ul li label {display:block;}
#findLogoSearch ul li label em {padding-left:5px;color:#ff0000;}
#findLogoSearch ul li input {height:40px;line-height:40px;border-color:#808080;}
#findLogoSearch ul .nm input {width:100%;}
#findLogoSearch ul .cp input {width:151px;}
#findLogoSearch .btns {width:151px;}

/* 로고 검색 뷰 페이지 */
#findLogoView {padding:200px 0;background-image:url('../../../img/bg_findlogo_view.png');background-color:#fff;background-repeat:no-repeat;background-size:100% 100%;background-position:left top;}
#findLogoView .respon {width:935px;}
#findLogoView .download {float:left;width:465px;padding:20px 0;border-right:1px solid #d2d2d2;}
#findLogoView .download .inner {width:330px;}
#findLogoView .download .thumb {position:relative;width:330px;height:330px;border:1px solid #ccc;}
#findLogoView .download .thumb img {position: absolute;top: 50%;left: 50%;max-height:328px;transform: translate(-50%,-50%);}
#findLogoView .download p {margin-bottom:20px;padding-bottom:10px;text-align:center;border-bottom:1px solid #ccc;font-weight:bold;}
#findLogoView .download .file {padding:0 50px;}
#findLogoView .download .file .btn_area {text-align:center;}
#findLogoView .download .file .btn_area a {display: inline-block;width:73px;margin:0 auto;text-align:center;}
#findLogoView .download .file .btn_area.btn1 a {width: 230px;}
#findLogoView .download .file .btn_area.btn2 a {width: 112px;}
#findLogoView .download .file .btn_area.btn3 a {width: 73px;}
#findLogoView .explan {float:right;width:465px;padding:20px 0 20px 100px;}
#findLogoView .explan p {font-size:34px;}
#findLogoView .explan ul li {padding-top:30px;padding-bottom:10px;font-size:17px;font-weight:bold;}
#findLogoView .explan ul li:first-child {border-bottom:2px solid #c30d23;background:url('../../../img/ico_apply01.png') no-repeat right bottom;}
#findLogoView .explan ul li:nth-child(2) {border-bottom:2px solid #fed900;background:url('../../../img/ico_apply02.png') no-repeat right bottom;}
#findLogoView .explan ul li:nth-child(3) {border-bottom:2px solid #00a0e9;background:url('../../../img/ico_apply03.png') no-repeat right bottom;}
#findLogoView .explan ul li:nth-child(4) {border-bottom:2px solid #f6ab00;background:url('../../../img/ico_apply04.png') no-repeat right bottom;}
#findLogoView .explan ul li:nth-child(5) {border-bottom:2px solid #90c31f;background:url('../../../img/ico_apply05.png') no-repeat right bottom;}
#findLogoView .btns {width:213px;}

/* MOBILE */
/* 로고 검색 페이지 */
.findLogo.mo {min-height:auto;margin-bottom:0;}

#findLogoSearch.mo {padding:2em 1em;background-image:url('../../../img/m_bg_findlogo.png');background-position:right top;background-size:200% auto;}
#findLogoSearch.mo h2 img {height:75px;}
#findLogoSearch.mo p {font-size:14px;line-height:20px;}
#findLogoSearch.mo h3 {font-size:18px;font-weight:bold;}
#findLogoSearch.mo ul {width:100%;}
#findLogoSearch.mo ul li label {font-size:14px;}
#findLogoSearch.mo ul .cp input {float:left;width:30%;}
#findLogoSearch.mo ul .cp span {display:block;float:left;width:5%;line-height:40px;text-align:center;}

/* 로고 검색 뷰 페이지 */
#findLogoView.mo {padding:2em 1em 1em;background-position:right top;background-size:200% auto;}
#findLogoView.mo .download {float:none;width:100%;border-right:none;}
#findLogoView.mo .download .inner {width:100%;}
#findLogoView.mo .download .thumb {width:100%;height:250px;background-color:#fff;}
#findLogoView.mo .download .thumb img {max-height:248px;}
#findLogoView.mo .download .file {padding:0;}
#findLogoView.mo .download .file .btn_area a {width:50px;margin-left:5px;}
#findLogoView.mo .download .file .btn_area a:first-child {margin-left:0;}
#findLogoView.mo .explan {float:none;width:100%;padding-left:0;}
#findLogoView.mo .explan p {font-size:18px;}
#findLogoView.mo .explan ul li {padding-top:10px;font-size:14px;background-size:40px;}