@charset "utf-8";
/* SIR 지운아빠 */
.sub_wrap {background:#f0f0f0;}
.col_lt {float:left;}
.col_rt {float:right;}
.col_center {text-align:center;}
.no_cursor {cursor:default;}
.txt_num {font-family: 'Roboto', sans-serif;}
.mo_vs {display:none; visibility:hidden;}

/* 상단 레이아웃 */
#hd {z-index:50;min-width:1200px; background:#fff; position:relative;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {margin:0 auto;padding:0;width:1200px; height:103px; zoom:1; text-align:center;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}


#logo {float:left; margin:32px 0 0; position:relative; z-index:50;}
#logo a {display:block; width:151px; height:39px; background-repeat:no-repeat; background-position:0 0;}
#logo a {background-image:url('/theme/basic/kor/images/top_logo_m.png');}
.sub_wrap #logo a {background-image:url(/theme/basic/kor/images/top_logo_s.png);}

.top_fav {display:block; float:right; margin:40px 0 0; position:relative; z-index:50;}

#hd #tnb {position:absolute; right:0; top:22px; font-size:13px; line-height:1em; font-weight:bold;}
#tnb li {float:left; border-left:1px solid #4f5156;}
#tnb li:first-child {border:none;}
#tnb a {display:block; padding:0 8px; color:#888; text-decoration:none;}
#tnb a.active {color:#ddd;}
.btn_ready {cursor:pointer;}

/*퀵메뉴*/
#quick_box_wrap {position:fixed; right:-1px; top:100px; z-index:50;}
#quick_box_wrap.hidden {right:-242px;}
#quick_box_wrap .btn {width:58px; height:58px; background-repeat:no-repeat; background-position:center center; background-color:#433c30; display:block; position:absolute; left:-58px; top:-1px; border:none;}
#quick_box_wrap .btn_close {background-image:url('/theme/basic/kor/images/ico_close.png'); display:block; visibility:visible;}
#quick_box_wrap .btn_open {background-image:url('/theme/basic/kor/images/ico_open.png'); display:none; visibility:hidden;}
#quick_box_wrap.hidden .btn_close {display:none; visibility:hidden;}
#quick_box_wrap.hidden .btn_open {display:block; visibility:visible;}
#quick_box {border:1px solid #433c30; position:relative; background:#404f58; width:240px;}
#quick_box .col {padding:35px 25px;}
#quick_box .col h4 {font-size:22px; font-weight:500; letter-spacing:-0.05em; text-align:center; margin:0 0 .8em;}
#quick_box .col1 {background:#f6f3eb; color:#777; padding-bottom:25px; font-size:13px;}
#quick_box .col1 a {color:#777;}
#quick_box .col1 h4 {color:#404d54;}
#quick_box .col2 {text-align:center;}
#quick_box .col2 h4 {color:#9aadc1;}
#quick_box .col2 p {font-size:14px; color:#8996a4; font-weight:bold;}
#quick_box .col2 p.txt_call, #quick_box .col2 p.txt_bank {color:#fff; font-weight:normal;}
#quick_box .col2 p.txt_call {font-size:32px;}
#quick_box .col2 p.txt_bank {font-size:22px; margin:0 0 .5em;}
#quick_box .col2 .line {width:45px; height:0; border-top:1px solid #636e75; clear:both; margin:24px auto 0; padding:0 0 24px;}

#quick_box .sms_input {border:1px solid #ddd; height:30px; width:100%; text-indent:.5em; margin:0 0 7px;}
#quick_box .agree_pop {position:relative; top:.1em;}
#quick_box .sms_btn {width:100%; height:42px; background:#fdb93f url('/theme/basic/kor/images/btn_sms.png') no-repeat center center; font-size:0; line-height:0; border:none; cursor:pointer; margin:13px 0 0;}


/*개인정보취급방침 팝업*/
.white_content {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,.8); left:0; top:0; z-index:100; overflow:hidden;}
.light_close {position:absolute; width:100%; height:100%; left:0; top:0; z-index:200;}
a.sam_close {display:block; text-align:center; font-weight:bold; color:#444; margin:25px 0 20px;}
.pop_cont_wrap {
position: absolute;
top: 10%;
left: 50%;
width: 770px;
margin-left:-375px;
height: 80%;
background-color:#fff;
z-index:1000;
overflow-x:hidden;
padding:30px;
}
.pop_cont_wrap h3 {font-size:18px; color:#444; margin: 0 0 1.3em; border-bottom:2px solid #888; padding:0 0 .6em;}

.btn_top {position:fixed; right:50px; bottom:50px; width:58px; height:58px; z-index:10000;}
.btn_top a {display:block; width:58px; height:58px; background:#362922 url('/theme/basic/kor/images/ico_goto.png') no-repeat center center; font-size:0; line-height:0;}
.btn_top a:hover, .btn_top a:active {background-color:#634a3d}



/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 탑메뉴 */
#gnbArea h2 {position:absolute;font-size:0;line-height:0;overflow:hidden; background-repeat:repeat-x; background-position:0 0;}
#gnbArea {position:absolute; top:0; left:0px; height:103px; width:100%;z-index:30; overflow:hidden; background:url(/theme/basic/kor/images/gnb_line.gif) repeat-x 0 103px; background-color:#362922;}
.sub_wrap #gnbArea {background-color:#fff;}
#gnbArea a {display:block;}
#gnbArea.on {height:400x;}
#gnbArea > ul {width:1200px; margin:0 auto; *zoom:1;} 
#gnbArea > ul:after {content:""; display:block; clear:both;}
#gnbArea > ul > li {position:relative; float:left;}
#gnbArea > ul > li:first-child {margin-left:486px;}
#gnbArea > ul > li > a {height:103px; text-align:center; font-size:16px; line-height:1em; font-weight:bold; text-decoration:none; padding:0 32px; color:#fff;}
#gnbArea > ul > li > a > span {display:inline-block; padding:44px 0 38px;}
#gnbArea>ul>li.on > a {font-weight:bold; color:#fdb93f; background-color:#403023;}
#gnbArea>ul>li.on > a span {border-bottom:5px solid #fdb93f;}

.sub_wrap #gnbArea > ul > li > a {color:#101010;}
.sub_wrap #gnbArea>ul>li.on > a {color:#fb721f; background-color:#fffbf5;}
.sub_wrap #gnbArea>ul>li.on > a > span {border-color:#fb721f;}


#gnbArea .subMenu {width:100%; height:300px; text-align:center; padding:15px 0; z-index:50; line-height:1.2em; border-right:1px solid #4d381d; border-top:1px solid #fdb93f;}
#gnbArea > ul > li:first-child .subMenu {border-left:1px solid #4d381d;}
#gnbArea .subMenu li {position:relative;}
#gnbArea .subMenu > li > a {color:#eae9e8; text-decoration:none; padding:.6em 0;}
#gnbArea .subMenu > li > a:hover, #gnbArea .subMenu > li > a:focus {color:#fdb93f; font-weight:bold;}
#gnbArea li.on .subMenu {background:#403023;}

.sub_wrap #gnbArea .subMenu {border-right:1px solid #f2f2f2; border-top:1px solid #fdb93f;}
.sub_wrap #gnbArea > ul > li:first-child .subMenu {border-left:1px solid #f2f2f2;}
.sub_wrap #gnbArea .subMenu > li > a {color:#242424;}
.sub_wrap #gnbArea .subMenu > li > a:hover, #gnbArea .subMenu > li > a:focus {color:#fb721f;}
.sub_wrap #gnbArea li.on .subMenu {background:#fffbf5;}


@media screen\9 {
#gnbArea > ul > li > a {cursor:pointer;}	
#gnbArea .gnb1 .subMenu {width:124px;}
#gnbArea .gnb2 .subMenu {width:139px;}
#gnbArea .gnb3 .subMenu {width:125px;}
#gnbArea .gnb4 .subMenu {width:125px;}
#gnbArea .gnb5 .subMenu {width:125px;}
}


/* 중간 레이아웃 */
#wrapper {position:relative;min-width:1200px;zoom:1;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {zoom:1; clear:both;}
.sub_wrap #container {min-height:500px;height:auto !important;height:500px; padding:68px 0 80px; position:relative; width:1200px; margin:0 auto;}
.sub_wrap .col_wide #container {width:100%; padding-bottom:0;}

#container:after {display:block;visibility:hidden;clear:both;content:""}
h3#container_title {font:400 45px/1em 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif; color:#2b1e16; letter-spacing:-0.04em; margin:0 0 1em; text-align:center;}
h2#container_title, #bo_v_table {display:none;}
#s_location {font-size:17px; line-height:1em; color:#fff;}
.visual .txt_mdd {font-size:18px; line-height:1em; color:#fff; letter-spacing:-0.02em;}

/*서브메뉴*/
#lm {text-align:center;}
#lm ul {list-style:none; margin:0 0 47px; padding:0; zoom:1; font:15px/1em 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif; text-align:center;}
#lm ul:after {display:block;visibility:hidden;clear:both;content:""}
#lm ul li {display:inline-block;}
#lm a {display:block; color:#2d2d2d; background:#fff; width:165px; height:38px; line-height:38px; text-decoration:none;}
#lm a:hover, #lm a:focus, #lm li.active a {font-weight:500; color:#2b1e16; background:#fdb93f;}

@media screen\9 {
#lm ul li {display:inline; zoom:1; margin:0 2px;}
}

/*비주얼*/
#visual_wrap {z-index:5;min-width:1200px;}
.main_visual {position:relative; height:834px; overflow:hidden;}
/*.main_visual img {position:absolute; left:50%; top:0; margin-left:-960px;}*/

#visual_wrap.sub_visual {background:url(/theme/basic/kor/images/sub_bg.gif) no-repeat center 0;}
.sub_visual .visual {width:1200px; margin:0 auto; height:165px; position:relative;}
.sub_visual .v_txt {position:absolute; left:0; top:50%; margin:-35px 0 0; width:100%; text-align:center;}
.sub_visual .v_txt h2 {font:500 46px/1em 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif; color:#fff; letter-spacing:-0.04em; margin:0 0 .25em;}
.sub_visual .v_txt p {font-size:15px; line-height:1em; color:#cdae9a; letter-spacing:-0.02em;}
.sub_visual .top_kakao {position:absolute; right:-49px; top:0; z-index:10;}

/*상단버튼*/
.link_box {list-style:none; margin:0; padding:5px 0 0; font-size:16px; line-height:1em;}
.link_box li {display:inline-block; border:1px solid rgba(255,255,255,.3); margin:0 5px;}
.link_box li a {display:block; color:#fff; text-decoration:none; padding:16px 19px; text-align:left;}
.link_box li a span {display:block; width:166px; background:url(/theme/basic/kor/images/top_box_arr.png) no-repeat right center;}


/*메인컨텐츠*/
.container {width:1200px; margin:0 auto; zoom:1;}
.container:after {display:block;visibility:hidden;clear:both;content:""}

.main_content .col {zoom:1; padding:112px 0 125px; text-align:center;}
.main_content .col h3 {border-bottom:1px solid #2b1e16; padding:0 0 40px; margin:0 0 103px;}

/*프로젝트*/
.main_content .col1 {color:#2b1e16; background:#fdb93e;}
.main_content .col1 .m_pro {list-style:none; margin:0 0 142px; padding:0; zoom:1;}
.main_content .col1 .m_pro:after {display:block;visibility:hidden;clear:both;content:""}
.main_content .col1 .m_pro li {float:left; width:25%; height:287px; position:relative;}
.main_content .col1 .m_pro a {display:block; color:#2b1e16; text-decoration:none;}
.main_content .col1 .m_pro .pro_img {margin:0 0 20px;}
.main_content .col1 .m_pro .btn_more {position:absolute; bottom:0; left:50%; margin:0 0 0 -45px; display:block;}

.main_content .col .m_btn_go {display:block; width:431px; margin:0 auto 15px;}
.main_content .col .txt_info {font-size:13px; line-height:1em; font-weight:bold;}

/*포트폴리오*/
.main_content .col2 {color:#fdb93e; background:#2b1e16;}
.main_content .col2 h3 {border-color:#fdb93e; margin:0 0 85px;}


/* 하단 레이아웃 */
.sub_wrap #ft {border-top:1px solid #2b1e16;}
#ft {min-width:1200px;border-top:1px solid #eee;background:#eaeaea; color:#6d6d6d; font-size:13px; line-height:1.6em;padding:15px 0 60px;margin-bottom:60px;text-align:left}
#ft > div {position:relative; width:1200px; margin:0 auto; padding:45px 0; zoom:1;}
#ft > div:after {display:block;visibility:hidden;clear:both;content:""}
#ft .ft_logo {margin:0 0 .6em;}
#ft > div > div {float:left; border-right:1px solid #d8d8d8; padding:0 50px 0 35px; min-height:97px;} 
#ft > div > div.col1 {padding-left:0;}
#ft > div > div.col3 {float:right; padding:0; border:none; text-align:center;}
#ft .col2 {line-height:1.5em; color:#777; font-size:14px; line-height:1.4em;}
#ft .col2 span {display:inline-block;}
#ft h3 {color:#2b1e16; font:15px/1em 'Noto Sans KR', 'Nanum Gothic', "돋움", "돋움체", serif; letter-spacing:-0.02em; margin:.2em 0 .7em;}
#ft .txt_num {color:#2b1e16; font-size:24px; margin:0 0 .4em;font-weight:500}
#ft .col3 ul {margin:.8em 0 0;}
#ft .col3 ul li {float:left; margin:0 0 0 20px;}
#ft .col3 ul li:first-child {margin:0;}
#ft .col3 ul li img {margin:0 0 .4em;}

@media \0screen\,screen\9 {
#ft .col2 span {display:inline; zoom:1;}
}

.ft_bnn {position:absolute; right:0; top:52px; background:#fff; padding:2px;}
.ft_bnn ul {zoom:1;}
.ft_bnn ul:after {display:block;visibility:hidden;clear:both;content:""}
.ft_bnn li {float:left; border:1px solid #ececec; margin:0 0 0 2px;}
.ft_bnn li:first-child {margin:0;}


/*관리버튼*/
.img_adm {position:absolute;}

/*썸네일*/
.thum_ol {display:block; position:relative; color:#fff !important; text-align:center;}
.thum_ol .overlay {position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); display:none;}
.thum_ol .text {position:absolute; /*top:50%;*/top:65%; left:50%; font-size:15px; line-height:1em; font-weight:bold; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index:10;}

@media \0screen\,screen\9 {
.thum_ol .overlay {background:url('/theme/basic/kor/images/thum_bg.png');}
.thum_ol .text {left:0; width:100%; margin:-44px 0 0;}
}