@charset "utf-8";

@import url('bootstrap.css');
@import url('hover.css');
@import url('option.css');









/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: ;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html {height:100%;}
body {height:100%; min-width:1100px; word-break:keep-all;}
body,input,textarea,select,button {font-family:'Open sans', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; font-size:13px; color:#707070; font-weight:500; line-height:22px;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:13px; font-weight:500;}
legend, caption {display:none;}
img,input,select,textarea {vertical-align:middle;}
a {text-decoration:none; color:#707070;}
a:hover {text-decoration:none; color:#2db7d3;}







/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%; height:100%;}

/* 메인비주얼영역 */
#visual {height:605px; background:url('/images/main_new/visual_img.jpg') center center no-repeat;}
#visual > div {width:1100px; margin:0 auto;}
#visual > div > p {padding-top:50px;}
#visual > div > h1 {margin-top:50px; font:300 40px/40px 'NotoSansKR'; color:#009cb9; letter-spacing:-2px;}
#visual > div > h2 {margin-top:10px; font:600 50px/50px 'NotoSansKR'; color:#0e5796; letter-spacing:-2px;}

.loginArea {width:430px; margin-top:50px; padding:30px; border:rgba(0,0,0,0.1) 1px solid; background:rgba(0,0,0,0.1);}
.loginArea dl {width:100%; overflow:hidden;}
.loginArea dl dt {float:left; width:70%;}
.loginArea dl dt p {border:#ddd 1px solid;}
.loginArea dl dt p:first-child {border-bottom:none;}
.loginArea dl dt p input {width:100%; height:50px; padding:0 10px; border:none;}
.loginArea dl dd {float:right; width:30%;}
.loginArea dl dd a {display:block; height:103px; padding-top:40px; text-align:center; font-weight:bold; font-size:16px; color:#fff; background:#0076a4;}
.loginArea dl dd a:hover {background:#005374;}
.loginArea div {margin-top:15px; font-weight:bold; letter-spacing:-1px;}
.loginArea div a {color:#333;}
.loginArea div a:hover {color:#005374;}
.loginArea div label {color:#333;}
.loginArea div label:hover {color:#005374;}
.loginArea dl dt p table div {height:50px;margin-top:0px;}

.logoutArea {width:430px; margin-top:50px; padding:30px; text-align:center; border:rgba(0,0,0,0.1) 1px solid; background:rgba(0,0,0,0.1);}
.logoutArea h1 {font:400 26px/26px 'NotoSansKR'; color:#fff;}
.logoutArea h1 span {font-weight:500; color:#00aed3;}
.logoutArea div {margin-top:30px;}
.logoutArea div a {display:inline-block; padding:10px 40px; font-weight:bold; font-size:16px; color:#fff; background:#00aed3;}
.logoutArea div a:hover {color:#00aed3; background:#fff;}


/* 컨텐츠영역 */
#cntArea {width:100%; padding:60px 0; background:#002f4c;}
#cntArea > div {width:1100px; margin:0 auto;}
#cntArea > div ul {width:100%; overflow:hidden;}
#cntArea > div ul li {float:left; width:11.50%; margin:0 0.5%; text-align:center;}
#cntArea > div ul li p {padding:8px; border-radius:5px; background:#fff; cursor:pointer;}
#cntArea > div ul li:nth-child(1) p, #cntArea > div ul li:nth-child(2) p {background:#0e5796;}
#cntArea > div ul li p.hvr-sweep-to-top:before {border-radius:5px; background:#00aed3;}
#cntArea > div ul li:nth-child(1) p.hvr-sweep-to-top:before, #cntArea > div ul li:nth-child(2) p.hvr-sweep-to-top:before {border-radius:5px; background:#fff;}
#cntArea > div ul li div {margin-top:10px; font:400 14px/14px 'NotoSansKR'; color:#fff; letter-spacing:-1px;}

#cntArea > div dl {width:100%; margin-top:40px; padding:10px 25px; border-radius:5px; background:#fff; overflow:hidden;}
#cntArea > div dl dt {float:left; width:15%;}
#cntArea > div dl dt:first-child {font:400 16px/16px 'NotoSansKR';}
#cntArea > div dl dt:last-child {padding-top:9px; text-align:right; letter-spacing:-1px;}
#cntArea > div dl dd {float:left; width:70%; padding-top:9px;}

/* 하단영역 */
#footer {width:1100px; margin:0 auto; padding:30px 0; overflow:hidden;}
#footer dt {float:left; width:80%;}
#footer dt p {font-weight:bold;}
#footer dt div {margin-top:5px;}
#footer dd {float:right; width:20%; text-align:right;}

/*쿠키팝업*/
.cookie-wrap {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 12;
    background-color: #e9e9e9;
    transition: opacity 300ms ease-in-out;
    opacity: 1;
    padding: 20px;
    border-top: 1px solid #d2d2d2;
}
.cookie-info {
    font-size: 14px;    
    margin: 0 auto;
    width: 60%;
}
.cookie-text {
    float: left;
    margin-bottom: 0px;
    width: 80%;
    margin-right: 40px;
}
.cookie-info .cookie-info__btn {
    float: left;
    margin-top: 6px;
}
.aa-btn, .search-form .search-form-submit, .distributor-finder-portlet .filter-location > div input[type=submit] {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    transition: all .3s linear;
    display: inline-block;
    text-align: center;
    padding: 6px 10px;
    border-bottom: 3px solid;
    background-color: #00a0d0;
    color: #fff;
    border-color: #0080a6;
    text-decoration: none;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
    box-sizing: border-box;
}