/* 타이틀 */ #container #cpy_wrap { position:relative; float:right; width:830px; margin:0 auto; padding-top:30px; } #container #cpy_wrap #top_ttl { position:relative; border-bottom:1px solid #dcdcdc; padding-bottom:15px; padding-left:5px; } #container #cpy_wrap #top_ttl h2 { padding-bottom:0px; } #container #cpy_wrap #top_ttl p { font-size:12px; color:#999; font-weight:normal; vertical-align:middle; } /* 회사소개 */ #container #cpy_wrap #conts { position:relative; margin-top:30px; margin-bottom: 100px; } #container #cpy_wrap #conts #company_content { position:relative; padding-bottom: 50px; } #container #cpy_wrap #conts #company_content .cont_1 { background: url(../../sub_company/img/company_tit_bg.jpg) no-repeat; height: 470px; text-align: center; } #container #cpy_wrap #conts #company_content .cont_1 p { padding: 145px 0px 50px 0px; } #container #cpy_wrap #conts #company_content .cont_1 span { color: #fff; font-size: 20px; line-height: 27px; } #container #cpy_wrap #conts #company_content .cont_2 { padding: 35px 0px 20px 0px; margin-top: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; overflow: hidden; } #container #cpy_wrap #conts #company_content .cont_2 .box { float: left; width: 50%; } #container #cpy_wrap #conts #company_content .cont_2 ul { overflow: hidden; } #container #cpy_wrap #conts #company_content .cont_2 li { float: left; padding-bottom: 15px; font-size: 15px; color: #333333;} #container #cpy_wrap #conts #company_content .cont_2 .box .txt_1 { padding-right: 15px; font-weight: bold; list-style: circle inside; } #container #cpy_wrap #conts #company_content .cont_2 .box .txt_2 { line-height: 22px; } /* 회사소개-0106 */ #container #cpy_wrap #conts #com_introduce_content .cont_1 {width:830px; height:389px; background:url(../../sub_company/img/com_indu_main.png) center no-repeat; position:relative;} #container #cpy_wrap #conts #com_introduce_content .cont_1 .logo {position:absolute; top:40px; left:48px;} #container #cpy_wrap #conts #com_introduce_content .cont_1 dl {text-align:center; padding-top:125px;} #container #cpy_wrap #conts #com_introduce_content .cont_1 dl dt {font-size:21px; font-weight:300; color:#fff; letter-spacing:-0.03em; margin-bottom:18px; line-height:22px;} #container #cpy_wrap #conts #com_introduce_content .cont_2 {width:760px; margin:0 auto; padding:60px 0 90px;} #container #cpy_wrap #conts #com_introduce_content .cont_2 .cont_img {margin-bottom:33px;} #container #cpy_wrap #conts #com_introduce_content .cont_2 dl dt {font-size:32px; line-height:35px; letter-spacing:-0.06em; color:#1a1939; padding-top:28px; position:relative; font-weight:600;} #container #cpy_wrap #conts #com_introduce_content .cont_2 dl dt:before {content:""; display:block; position:absolute; left:0; top:0; width:28px; height:3px; background:#1a1939;} #container #cpy_wrap #conts #com_introduce_content .cont_2 dl dd {font-size:16px; line-height:28px; letter-spacing:-0.04em; color:#777; margin-top:30px;} #container #cpy_wrap #conts #com_introduce_content .cont_3 { padding: 35px 0px 20px 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; overflow: hidden; } #container #cpy_wrap #conts #com_introduce_content .cont_3 .box { float: left; width: 50%; } #container #cpy_wrap #conts #com_introduce_content .cont_3 ul { overflow: hidden; } #container #cpy_wrap #conts #com_introduce_content .cont_3 li { float: left; padding-bottom: 15px; font-size: 15px; color: #333333;} #container #cpy_wrap #conts #com_introduce_content .cont_3 .box .txt_1 { padding-right: 15px; font-weight: 500; list-style: circle inside; } #container #cpy_wrap #conts #com_introduce_content .cont_3 .box .txt_2 { line-height: 22px; } #container #cpy_wrap #conts #com_introduce_content .cont_4 {width:760px; margin:0 auto; padding:70px 0 0;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_tt {font-size:32px; line-height:35px; letter-spacing:0.02em; color:#1a1939; padding-top:28px; position:relative; font-weight:600;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_tt:before {content:""; display:block; position:absolute; left:0; top:0; width:28px; height:3px; background:#1a1939;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_box_area {*zoom:1; margin-top:45px;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_box_area:after {content:""; display:block; clear:both;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_box_area .cont_box {float:left; width:147px; height:320px; background:#f0f1f6; text-align:center; margin-left:6px;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_box_area .cont_box:first-child {margin-left:0;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_box_area .cont_box .cont_icon {padding:25px 0 30px;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_box_area .cont_box dt {font-size:20px; font-weight:500; color:#161646; margin-bottom:20px;} #container #cpy_wrap #conts #com_introduce_content .cont_4 .cont_box_area .cont_box dd {font-size:12px; line-height:19px; letter-spacing:-0.05em; color:#595959;} /* 브랜드스토리-0106 */ #container #cpy_wrap #conts #brand_story_content .cont_1 {width:830px; height:480px; background:url(../../sub_company/img/bs_cont1_bg.png) center no-repeat; position:relative;} #container #cpy_wrap #conts #brand_story_content .cont_1 .page_tt {position:absolute; top:35px; left:35px; font-size:15px; font-weight:bold; color:#fff; display:inline-block; letter-spacing:0.15em; border-bottom:2px solid #fff; line-height:23px;} #container #cpy_wrap #conts #brand_story_content .cont_1 dl {text-align:center; padding-top:110px;} #container #cpy_wrap #conts #brand_story_content .cont_1 dl dd {margin-top:60px; font-size:17px; font-weight:300; color:#d1d1d7; letter-spacing:-0.03em; margin-bottom:18px; line-height:29px;} #container #cpy_wrap #conts #brand_story_content .cont_2 {text-align:center; padding:65px 0 75px;} #container #cpy_wrap #conts #brand_story_content .cont_2 dl {margin-top:25px;} #container #cpy_wrap #conts #brand_story_content .cont_2 dl dt {font-size:40px; letter-spacing:-0.06em; font-weight:bold; color:#1a1939; line-height:45px;} #container #cpy_wrap #conts #brand_story_content .cont_2 dl dd {font-size:21px; line-height:25px; letter-spacing:-0.04em; font-weight:300; color:#333; margin-top:15px;} #container #cpy_wrap #conts #brand_story_content .cont_4 {padding:110px 0 85px; text-align:center;} #container #cpy_wrap #conts #brand_story_content .cont_4 dl dt {font-size:40px; letter-spacing:-0.06em; font-weight:bold; color:#1a1939; line-height:45px;} #container #cpy_wrap #conts #brand_story_content .cont_4 dl dd {font-size:21px; line-height:32px; letter-spacing:-0.04em; font-weight:300; color:#333; margin-top:15px;} #container #cpy_wrap #conts #brand_story_content .cont_6 {padding:110px 0 0; text-align:center;} #container #cpy_wrap #conts #brand_story_content .cont_6 dl dt {font-size:40px; letter-spacing:-0.06em; font-weight:bold; color:#1a1939; line-height:45px;} #container #cpy_wrap #conts #brand_story_content .cont_6 dl dd {font-size:21px; line-height:32px; letter-spacing:-0.04em; font-weight:300; color:#000; margin-top:15px;} #container #cpy_wrap #conts #brand_story_content .cont_6 .cont6_logo {margin-top:90px;} /* BI-0106 */ #container #cpy_wrap #conts #bi_content .cont_1 {border-bottom:1px solid #ccc; padding:50px 35px 110px;} #container #cpy_wrap #conts #bi_content .cont_2 {padding:100px 35px 0;} #container #cpy_wrap #conts #bi_content .bi_tt {font-size:35px; line-height:37px; font-weight:bold; color:#ffba00; letter-spacing:0.02em;} #container #cpy_wrap #conts #bi_content .cont_1 .bi_tt {margin-bottom:30px;} #container #cpy_wrap #conts #bi_content .cont_2 .bi_tt {margin-bottom:50px;} #container #cpy_wrap #conts #bi_content .cont_1 .bi_img {margin-bottom:40px;} #container #cpy_wrap #conts #bi_content .cont_2 .bi_img {text-align:center; margin-bottom:55px;} #container #cpy_wrap #conts #bi_content .bi_text {padding:20px 0 0 60px; font-size:17px; line-height:30px; color:#595959; background:url(../../sub_company/img/bi_text_line.png) 25px top no-repeat; letter-spacing:-0.05em;} #container #cpy_wrap #conts #bi_content .bi_text strong {color:#5262ff;} /* 회사조직 */ #container #cpy_wrap #conts #organization_content .cont_1 { margin: 0 auto; width: 160px; line-height: 55px; text-align: center; background: #444444; color: #ffffff; font-size: 40px; font-weight: bold; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; } #container #cpy_wrap #conts #organization_content .cont_2 { background: url(../../sub_company/img/organization_line.gif) no-repeat; height: 81px; } #container #cpy_wrap #conts #organization_content .cont_3 { color: #333333; overflow: hidden; } #container #cpy_wrap #conts #organization_content .cont_3 ul { float: left; width: 20%; } #container #cpy_wrap #conts #organization_content .cont_3 p { position: relative; width: 166px; height: 130px; margin-bottom: 40px; } #container #cpy_wrap #conts #organization_content .cont_3 p span { position: absolute; bottom: 0px; left: 50%; margin-left: -50px; width:100px; font-size: 20px; } #container #cpy_wrap #conts #organization_content .cont_3 li { list-style: disc inside; line-height: 25px; font-size: 15px; margin-left: 12px; } #container #cpy_wrap #conts #organization_content .cont_3 .icon1 { background: url(../../sub_company/img/organization_icon1.png) no-repeat center; } #container #cpy_wrap #conts #organization_content .cont_3 .icon2 { background: url(../../sub_company/img/organization_icon2.png) no-repeat center; } #container #cpy_wrap #conts #organization_content .cont_3 .icon3 { background: url(../../sub_company/img/organization_icon3.png) no-repeat center; } #container #cpy_wrap #conts #organization_content .cont_3 .icon4 { background: url(../../sub_company/img/organization_icon4.png) no-repeat center; } #container #cpy_wrap #conts #organization_content .cont_3 .icon5 { background: url(../../sub_company/img/organization_icon5.png) no-repeat center; } #container #cpy_wrap #conts #contact_content ul { overflow: hidden; padding-top: 40px; } #container #cpy_wrap #conts #contact_content li { width: 360px; float: left; line-height: 25px; font-size: 15px; padding-left: 55px; } #container #cpy_wrap #conts #contact_content p { display: block; font-size: 18px; padding: 5px 0px 10px 0px; } #container #cpy_wrap #conts #contact_content .cont_1 { background: url(../../sub_company/img/contact_icon1.png) no-repeat; } #container #cpy_wrap #conts #contact_content .cont_2 { background: url(../../sub_company/img/contact_icon2.png) no-repeat; } /* 회사연혁 */ #container #cpy_wrap #conts #history_content p { height: 30px; } #container #cpy_wrap #conts #history_content ul { overflow: hidden; } #container #cpy_wrap #conts #history_content h2 { width: 50px; float: left; height: 25px; line-height: 25px; font-size: 19px; font-weight: 500; color: #333333; text-decoration: underline; padding: 0px 30px; } #container #cpy_wrap #conts #history_content li { height: 25px; line-height: 25px; float: left; font-size: 15px; color: #333333; } #container #cpy_wrap #conts #history_content .dot { list-style:disc inside; color: #5262ff; font-size: 20px; } #container #cpy_wrap #conts #history_content .month { padding: 0px 40px 0px 5px; font-weight: 500; } .pd_b_50 { padding-bottom: 50px; }