@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common */
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:MalGun Gothic,Nanum Gothic,Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px\9; font-size: 1rem; color:#383d41}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top; border: 0;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{font-family:MalGun Gothic,Nanum Gothic,Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px; text-decoration:none; outline:none; select-dummy:expression(this.hideFocus=true)}
a:hover{text-decoration:none;}
button *{position:relative}
button img{left:-3px;*left:auto}
option{padding-right:6px}
hr{display:none}
legend{*width:0;}
table{width: 100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
input::-ms-clear{display:none}

/* Common */
.clear-fix{*zoom:1;}
.clear-fix:after{clear: both; display: block; content:"";}
.layout{width: 980px; margin: 0 auto;}

/* Layout */
#header{background-color: #7f7f7f; height: 175px;}
#header .layout{position: relative;}
#header .tel{position: absolute; top:45px; right: 0; left: 620px; color:#181818; font-family: jura; font-size: 46px; font-weight: bold; letter-spacing:-0.1em;}
#header #logo{position: absolute; top:35px; left: -19px;}
#header #logo .eng{font-family: jura; font-size: 49px; color:#fff;}
#header #logo .kor{text-align: right;}
#header #logo .kor span{color:#fff; font-size: 19px;}
#header #nav{padding-top: 140px;}
#header #nav ol{}
#header #nav ol li:first-child{border-left: 0; width: 140px;}
#header #nav ol li{float: left; width: 139px; border-left: 1px solid #fff;}
#header #nav ol li a{display: block; height: 30px; line-height: 30px; text-align: center; padding: 0 6px; color:#000; font-size: 14px; font-weight: bold; transition:color 0.25s ease-in-out;}
#header #nav ol li a:hover{color:#3d9be9;}
#header #nav ol li .active{color:#fff;}

#footer{height: 130px; background-color: #3d9be9;}
#footer .top_line{padding: 6px 0; font-family: Malgun Gothic,"맑은 고딕"; color:#000; text-align: right; font-size: 18px; font-weight: bold;}
#footer #copyright{font-family: jura; text-align: left; font-size: 15px; line-height: 20px; padding-top: 12px;}

#main{}
#main .main_visual_wrapper{position: relative;}
#main .main_visual_wrapper:hover .main_nav{visibility: visible; }
#main .main_visual_wrapper .main_nav{visibility: hidden; position: absolute; top:50%; margin-top: -35px; width: 50px; height: 70px; z-index: 100; text-indent: -9999px; transition:all 0.25s ease-in-out;}
#main .main_visual_wrapper .main_prev{left: 24px; background: url("../images/arrows_white_new3.png") no-repeat;}
#main .main_visual_wrapper .main_next{right: 24px;  background: url("../images/arrows_white_new3.png") no-repeat -50px 0;}
#main .main_visual_wrapper #main_visual{}
#main .main_visual_wrapper #main_visual .main_banner_01{width: 100%; height: 324px; background: url("../images/main_visual_01.png") no-repeat center center;}
#main .main_visual_wrapper #main_visual .main_banner_02{width: 100%; height: 324px; background: url("../images/main_visual_02.png") no-repeat center center;}
#main .main_visual_wrapper #main_visual .main_banner_03{width: 100%; height: 324px; background: url("../images/main_visual_03.png") no-repeat center center;}
#main .main_table_box{width: 980px; margin: 0 auto;}
#main .main_table_box iframe{width: 100%; height: 220px; overflow: hidden;}
#main .main_table_box .left_table{float: left; width: 482px;}
#main .main_table_box .right_table{float: right; width: 482px;}

#main .travelservice{width: 980px; margin: 24px auto;}
#main .travelservice .left_list{float: left;}
#main .travelservice .left_list ol{}
#main .travelservice .left_list ol li{text-align: left; height: 50px; line-height: 50px; color:#006990; font-size: 30px;}
#main .travelservice .left_list ol li .tel{display: block; font-family: anton; color:#a90000; margin-top: 50px;}
#main .travelservice .right_logo{float: right; line-height: 285px;}
#main .travelservice .right_logo img{vertical-align: top;}
#main .travelservice .right_logo .apple{padding: 27px 0;}

#main .servicetable{width: 980px; margin: 24px auto;}
#main .servicetable iframe{width: 100%; height: 630px; margin-bottom: 24px;}
#main .servicetable .left_list{float: left;}
#main .servicetable .left_list ol{}
#main .servicetable .left_list ol li{text-align: left; height: 34px; line-height: 34px; color:#006990; font-size: 20px;}
#main .servicetable .left_list ol li .tel{display: block; font-family: anton; color:#006990; margin-top: 34px; font-size: 32px; letter-spacing:0.1em}
#main .servicetable .right_image{float: right;}

#main .send{background-color: #a1dcf2;} 
#main .send table{width: 600px; margin: 24px auto;}
#main .send table input{box-sizing:border-box; width: 100%; height: 28px; line-height: 2.25em; padding: 0 12px; border: 0; background-color: #002e5d; color:#fff; font-size: 13px; margin-bottom: 4px;}
#main .send table textarea{box-sizing:border-box; width: 100%; height: 156px; line-height: 2.25em; padding: 4px 12px; border: 0; background-color: #002e5d; color:#fff; font-size: 13px; resize:none;}
#main .send table .status{float: left; width: 400px; height: 28px; line-height: 28px; text-align: left; font-size: 13px; font-weight: bold; color:#ff0000;}
#main .send table .submit{float: right; width: 100px; cursor: pointer;}