/sharonoacokr/down/myimage/bg_stit01.jpg


@font-face {font-family:'Open Sans';font-style:normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face {font-family:'Open Sans';font-style:normal;font-weight: 600;src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(../css/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

body{font-family:"Nanum Gothic","nanumgothic", "Open Sans", "¸¼Àº°íµñ", "MalgunGothic", "Malgun Gothic", Dotum, "µ¸¿ò", verdana, sans-serif;}
body{font-size:12px; color:#666; width:100%; height:100%; letter-spacing:0;}
body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td, img{margin:0;padding:0; /*vertical-align:top;*/}
/* *{font-weight:300;}*/
ul, ol, li{list-style:none}
hr{display:none}
em{font-style:normal}
fieldset, img{border:none;}
legend, caption{display:none}
table { border-collapse: collapse;}
.blind{overflow:hidden;position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0;}
a{text-decoration:none;}
/**, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*/

/* Link Css */
a{cursor:pointer; overflow:hidden;color:#666;text-decoration:none}
a:link,  a:visited,  a:active {text-decoration:none}
a:hover{text-decoration:none;}
button{cursor:pointer; border:none; background:none; padding:0; margin:0 auto;}

/* common */
.inner{width:1200px;margin:0 auto;position:relative;}
.font_os{font-family:"Open Sans";}

/* sub common */
.container .inner{overflow:hidden; min-height:600px;}
.aside{float:left;width:237px;border:1px solid #d8d8d8;}
.aside h2{text-align:center;padding:76px 0 74px;height:48px;line-height:1.1;}
.aside h2 strong{font-size:25px;color:#474747;display:block;}
.aside h2 span{font-family:Verdana;font-size:14px;color:#838383;display:block;margin:5px 0 0;}
.content{padding:58px 0 0;float:right;width:913px;}
.titles{font-family:"Nanum Barun Gothic";padding:30px 0 0;position:relative;}
.titles h3{color:#474747;font-size:20px;font-weight:bold;display:inline-block;}
.titles .desc{font-size:14px;color:#5e5e5e;display:inline-block;padding:6px 0 0;}

/* location */
.location{font-family:Dotum;color:#474747;font-size:12px;line-height:1.1;position:absolute;top:0;right:0;}
.location2{font-family:Dotum;color:#474747;font-size:12px;line-height:1.3;position:absolute;top:55px;right:0;}



/* sub01 */
.aside .sub_tit1{background:url(/sharonoacokr/down/myimage/bg_stit01.jpg) no-repeat;}
.sub_bg01{background:url(/sharonoacokr/down/myimage/bg_sub01.jpg) no-repeat 50% 0;padding:186px 0 0;}
.sub_bg01 .ceo{font-family:"Nanum Myeongjo", "NanumMyeongjo" !important;margin:85px 50px 0;font-size:20px;color:#000;line-height:38px;}
.sub_bg01 .ceo strong{display:block;font-size:30px;font-weight:normal;margin:0 0 11px;}
.sub_bg01 .ceo strong span{color:#004c96;}
.sub_bg01 .ceo > span{display:block;width:100%;line-height:60px;margin:35px 0 0;text-align:right;}
.sub_bg01 .ceo > span img{vertical-align:middle;position:relative;top:-5px;margin:0 0 0 15px;}
.sub_bg01 .company_info{margin:10px 0 0;background:url(/sharonoacokr/down/myimage/bg_company.jpg) no-repeat;height:310px;}
.sub_bg01 .company_info ul{line-height:30px;padding:64px 0 0 350px;font-size:15px;color:#000;}

/* ÆäÀÌ¡ */
.pager{
margin : 73px 0 0;
text-align : center;
font-size : 0px;
}
.pager .page_pre_class {display:inline-block; width:34px; height:34px; cursor:pointer; font-size:12px; margin-left:-1px; vertical-align:top;}
.pager .page_next_class {display:inline-block; width:34px; height:34px; cursor:pointer; font-size:12px; margin-left:-4px; vertical-align:top;}
.pager a {display:inline-block; width:34px; height:34px; cursor:pointer; font-size:12px; margin-left:-1px;}
.pager img {vertical-align:middle;}
.page_pno_class1,.page_pno_class2 {width:35px; line-height:30px; border:1px solid #ededf1;
color:#888; box-sizing:border-box;}
.page_pno_class1 {border-bottom:4px solid #9f9f9f;}

/* sub02 */
.sub_bg02{background:url(/sharonoacokr/down/myimage/bg_sub02.jpg) no-repeat 50% 0;padding:186px 0 0;}


/*¼­ºê aside*/
/*aside*/
.aside{ float:left;width:238px;border:1px solid #d8d8d8;}
.aside .sub_tit2{text-align:center;padding:76px 0 74px;height:48px;line-height:1.1; border-bottom: 1px solid #d8d8d8; }
.aside .menu{ display: block; width: 100%; height: 65px; line-height: 65px; font-weight: bold; padding-left: 30px; background-color: #032468; color: #fff; font-size: 11px; box-sizing: border-box; }
.aside .lnb{ width: 100%;  border: 1px solid #d8d8d8; }
/* .aside .lnb li{ height: 55px; line-height: 55px; padding-left: 30px; box-sizing: border-box; border-bottom: 1px solid #d8d8d8; } */
.aside .lnb li{ height: 55px; padding-left: 20px; box-sizing: border-box; border-bottom: 1px solid #d8d8d8; vertical-align: middle;}
.aside .lnb li a{ width: 100%; height: 100%; color: #000; vertical-align: middle; display: block;}
.aside .lnb li:last-child{ border: none; }





ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 60px;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    width: 100%;
    font-family:"dotum";
    font-size:12px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width: 118px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #d0d0d0;
    border-left: none;
    font-weight: bold;
    background: #fff;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #004c96;
    border-bottom: 1px solid #FFF;
	color: #fff;
}
.tab_container {
    border: 1px solid #d0d0d0;
    border-top: none;
    clear: both;
    float: left;
    width: 237px;
    background: #FFFFFF;
}
.tab_content {
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container {
    width: 237px;
    margin: 0 auto;
}

#tab1 .tel{ padding: 5px 0 5px 5px; box-sizing: border-box; }
#tab1 .tel h4{ color:#004c96;background:url(/sharonoacokr/down/myimage/ico01.jpg) no-repeat 0 0; height:28px;line-height:32px;font-weight:bold; font-size: 14px;  }
#tab1 .tel { border-bottom: 1px solid #d6d6d6; }
#tab1 .last{ border-bottom: none; }
#tab1 .tel ul{ margin: 3px 0 0; }
#tab1 .tel ul li{ line-height: 20px; color: #606060; font-size: 14px; } 


#tab2 .bank01{ height: 180px;  border-bottom: 1px solid #d0d0d0; padding: 5px; box-sizing: border-box; }
#tab2 .bank02{ height: 120px;  border-bottom: 1px solid #d0d0d0; padding: 5px; box-sizing: border-box; }

#tab2 h3{ color: #004c96; font-size: 16px; font-weight: bold; padding: 0 0 0 5px; height: 28px; line-height: 32px; margin-bottom: 5px; }
#tab2 h4{ color: #f7b200; height: 28px; line-height: 32px; font-weight: bold; font-size: 13px; margin-left: 3px; }
#tab2 h4 img{ margin-top: 0px; }
#tab2 .b_number{ color: #606060; margin-left: 3px; }
#tab2 p{ display: block; padding-left: 80px; }

#tab2 .bank01 p{ margin-bottom: 15px; }



 
.tab_content .last{ border-bottom: none; }
.inner{height:1100px;}

/* tab */
 .tabs .tab_menu{border-bottom:1px solid #d8d8d8;overflow:hidden;}
 .tabs .tab_menu li{float:left;width:118px;height:60px;line-height:60px;text-align:center;}
 .tabs .tab_menu li:first-child{border-right:1px solid #d8d8d8;}
 .tabs .tab_menu a{color:#004c96;display:block;line-height:60px;font-size:14px;font-weight:bold;}
 .tabs .tab_menu a.on{background:#004c96;color:#cedef1;}
 .tabs .tab01_wrap .tel{height: 95px;padding:11px 0 0 11px; }
 .tabs. .tab01_wrap .tel h4{color:#004c96;background:url(/sharonoacokr/down/myimage/ico01.jpg) no-repeat 0 0;height:28px;line-height:32px;font-weight:bold;}
 .tabs .tab01_wrap .tel ul{margin:3px 0 0;}
 .tabs .tab01_wrap .tel li{line-height:20px;color:#606060;font-size:14px;}
 .tabs .tab02_wrap{ display: none; height: 95px;padding:11px 0 0 11px; }
 .tabs .tab02_wrap .bank{ height: 95px; }
 .tabs .tab02_wrap .bank h3{ color: #032468; font-weight: bold; margin: 10px 0 8px 8px;; margin-left: 8px; }
 .tabs .tab02_wrap .bank p{ margin-left: 40px; }
 .tabs .tab02_wrap .none{ border-bottom: none; }
 .tabs .tab02_wrap .b_number{ color: #606060; }
 .tabs .tab02_wrap ul{ margin:5px 0 0;line-height:24px;color:#606060;font-size:14px; }
 .content{float:right;}
#content{float:none!important;}